Adakah Blog Anda SudahTerindeks Oleh GOOGLE

Adakah blog yang kita ada sudah terindek oleh GOOGLE...mungkin bagi segelintir blogger tak kisah sangat bab nie tapi bagi marketer atau penjana wang memlalui internet amatlah berguna.. Bagi mereka yang ada maklumat tambahan bolehlah atau sudi-sudikanlah kongsi maklumat disini...tulislah di ruangan komen tu..
tak rugi beb kongsi ilmu..bak kata pepatah satu bagi seribu mari...ekekekke gurau je nie

Ok...sedikit info yang saya ingin kongsikan bersama..
Anda boleh taip alamat url anda disini....


Selamat Mencuba

Traffik-Info url kita

Salam ............Isnin yang ceria buat semua ...
...
sedikit maklumat tentang url atau alamat yang kita gunakan ...
Adakah link kita di banned oleh GOOGLE atau tidak..
Sila periksa link anda disini
Untuk mengetahu adakah spider crewl indek anda juga disitu..em Semoga sedikit maklumat ini dapat membantu anda semua..

Selamat mencuba

CARA BLOGWALKING PANTAS 2011

SALAM SEMUA....

Hanya klik pada no 1-10 11-20 dan seterusnya...akan terbuka 10 window beserta dengan 10 buah blog/blogger tegar...barulah ada traffik dua hala cam nie ...kita gi blog mereka mereka gi blog kita ...win win situation...So...bagi mereka yang belum letakkan link silalah letak dalam post Blogger tegar 2011...sekian harap ini dapat membantu kita semua dengan sedikit ilmu ini untuk di kongsikan bersama...
































1-10
11-20
21-30
31-40
41-50
51-60

Membuat banner

Salam semua..

Ok...amatlah mudah kita hanya gunakan Khidmat banner maker disini

Membuat Buku Tamu Sembunyi #2

Copy paste html dibawah ..untuk buku tamu sembunyi..
simpan di side bar....selesai...
----------------------------------------------------------------------------------
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Close ]</b></a></div>

Letakkan Kode CBOX anda Disini !


</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://lh6.ggpht.com/_TF5j3hrOj-U/TJ7u0h2x2nI/AAAAAAAAAUY/o48-fueUkbA/CBOX.png" />
</a>
</div>

-------------------------------------------------------------------------------------------------------

Selamat Mencuba

Membuat Kupu-Kupu Terbang DiBlog

Salam semua....

Mesti ada dikalangan kita yang nak blog kira di ceriakan denga widget yang tidak berat dan cantik
Caranya cukup mudah memasukkan java sript untuk memunculkan kupu-kupu indah di blog anda......saya tuliskan cara membuatnya :

1. Login ke Blogger

2. Klik Expent Widget

3. Trus Edit HTML

4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode </head> untuk mempermudah pencarian tekan ctrl+f.

Ok...untuk code kupu kupu terbag di blog ada di bawah ...copy paste...


------------------------------------------------------------------------------------------------------------
<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES


//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!


var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';




//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);


function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}


function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}


function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}


function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}


function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}


function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}


function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}


function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}


function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}


function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}


function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}


function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}


function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}


if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}


//]]>
</script>
---------------------------------------------------------------------------------------------------------
5. Save...buka blog anda dan refresh browser....kupu kupu yang indah menawan di blog anda....
Alamak...tak jadi ke atau tak kluar.........em....ok no hal.... gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik expebt widget
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
---------------------------------------------------------------------------------------------------------
<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript">
---------------------------------------------------------------------------------------------------------
6. Save.

Selamat Mencuba

Cara Membuat Blogger Emoticons

Ini kod kod nya....hanya sebilangan kecil sahaja..


<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">


Free Domain

CO.CC:Free Domain

Salam semua rakan...
Pada sesiapa yang berminat nak gunakan Domain secara percuma.....ha.............
kat sini nak daftar klik ok...lama web nie menyediakan domain secara percuma...jadi kalau korang rasa nak guna silakan kalau nak pendekkan nama atau alamat doin korang ...ialah dh taknak guna blogspot.com...bolehlah register kat banner kecik tu...em...
Dalam kontrol penel ada disediakan bermacam-macam so leh lah explore...


Cara mengetahui berat blog anda

Timbang blog anda...
































Your domain(s): Enter each address on a new line (Maximum 10)




(eg. iwebtool.com)








Powered by iWEBTOOL


Cara Meringankan BLOG anda

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.
------------------------------------------------------------------------------------------------

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
});
});
</script>
-------------------------------------------------------------------------------------------------

letak di sidebar pun ok...

Selamat mencuba

Membuat kesan salji dalam blog (Snow effect)

Cara untuk meletakkan salji dalam blog adalah seperti berikut.

1. Login akaun blogger, dari dashboard>layout>add a gadget>html/javascript

2. Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript

Kod untuk salji putih (sesuai untuk background hitam)
--------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>
--------------------------------------------------------------------------------------------------
Kod untuk salji hitam (sesuai untuk background putih)
--------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>
--------------------------------------------------------------------------------------------------

Klik save...
Selamat mencuba..

Membuat Link Dalam Blog Warna-Warni ( Rainbow Link )

1) Copy code di bawah ini.
-----------------------------------------------------------------------------------------------
<script src="http://bloggerhosting.appspot.com/serve/fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>
-----------------------------------------------------------------------------------------------
2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
Bagaimana Letak Kod HTML pada blog


3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
Bagaimana Letak Kod HTML pada blog


4) Siap dan save. Itu sahaja. Senang bukan.:)

Membuat Cursor Anda Berkilauan (sparkle)

Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing². Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Pada ruangan HTML/javascript, masukkan kod berikut.
-------------------------------------------------------------------------------------------------
<script src="URL JS" type="text/javascript"></script>
-------------------------------------------------------------------------------------------------
Note: untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah;
----------------------------------------------------------------------------------------------
<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>
----------------------------------------------------------------------------------------------

Selamat Mencuba...

Membuat ruangan komen di bawah Post

Meletakkan ruangan komen di bawah entri dapat memudahkan pengunjung sesebuah blog untuk menghantar komen pada entri yang ditaip.

Letak Ruangan Komen Di Bawah Entri.


Secara asasnya, blogger sudah menyediakan cara mudah untuk membolehkan sistem komen dalam blog anda muncul seperti ini.

Apa yang perlu dilakukan adalah enablekan sistem komen ini cara berikut.

1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'


2. Save setting dan lihat hasilnya..

JIKA tidak berjaya.

3. Klik pada layout>edit html>Expand widget templates

Tekan ctrl + F untuk mencari kod dibawah.

----------------------------------------------------------------------------------------------
<b:include data='post' name='comments'/>
----------------------------------------------------------------------------------------------

Letakkan kod ini dibawah kod yang anda jumpa
---------------------------------------------------------------------------------------------
<b:include data='post' name='comment-form'/>
---------------------------------------------------------------------------------------------
klik SAVE...

Selamat mencuba

Membuat Animated Recent Post Widget

Contoh recent post widget adalah seperti berikut.

(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)








get this widget here

-----------------------------------------------------------------------------------------

caranya...

---------------------------------------------------------------------

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://traffik-makemoney.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-animated-recent-post-widget.html" target="_blank">get this widget here</a></small>
--------------------------------------------------------------------------------------
Note: gantikan URL BLOG dengan url blog anda..

Save dan lihat hasilnya.

-------------------

PERHATIAN: Didapati tidak semua template blog 'boleh masuk' dengan widget ini. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu anda boleh mencuba dahulu samada boleh guna atau tidak untuk blog anda. Masih belum jumpa penyelesaian untuk itu.

Harap blog anda boleh menggunakan widget ini.
Selamat mencuba

Kotak Blogroll Model Marquee

Caranya..

---------------------------------------------------
<div style=border:1px solid #006600;overflow:auto;width:160px;height:250px;><marquee align=center direction=up height=250 scrollamount=2
onmouseover=this.stop() onmouseout=this.start() width=100%>
<ul>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/menbuat-menu-dropdown.html" target="_blank">
<img border="0" alt="Drop Menu" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-text-area.html" target="_blank">
<img border="0" alt="Text Area" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-kotak-chat-tersembunyi.html" target="_blank">
<img border="0" alt="Kotak Chat" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>


<li></li>
<li></li>
<li></li>
</ul>
</marquee></div>



-----------------------------------------------------------------
Sila gantikan kod link yang berwarna merah dengan kod link blog anda
dan yang berwarna hijau adalah tajuk

Hasilnya seperti dibawah ini......................




  • Drop Menu


  • Text Area


  • Kotak Chat











Selamat Mencuba

Membuat Menu Vertikal (Vertical)

Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode atau sebelum kode .

----------------------------------------------------------------------------------------
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
----------------------------------------------------------------------------------------
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

----
-----------------------------------------------------------------------------------
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
------------------------------------------------------------------------------------------

Pilihan Warna menu vertikal :

blue1.gif

blue2.gif

green1.gif

green2.gif

red1.gif

red2.gif

pink1.gif

pink2.gif

black1.gif

black2.gif



3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

----------------------------------------------------------------------------------------

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/">Tutorial Blog</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/" >Free Traffik</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/">Home</a></li>
</li>
</ul>

Selamat mencuba....


Membuat blog cepat terindek di GOOGLE

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

Selamat mencuba..

Membuat kotak chat tersembunyi

Mungkin anda sudah pernah melihat kotak chatting yang tersembunyi di beberapa blog. Dimana widget chatting itu akan muncul setelah diklik. Script yang digunakan pada kotak chatting tersebut adalah javascript. Javascript memang boleh menbuat script-script yang hebat dan kreatif.

ok...

  1. Masuk ke blogger.
  2. Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
  3. Klik tulisan Add a Gadget (Tambah Gadget).
  4. Pilih gadget HTML/JavaScript.
  5. Copy-paste kode berikut di bagian konten.

-------------------------------------------------------------------------------------------

<script type="text/javascript">
function showHidechat(){
var chat = document.getElementById("chat");
var w = chat.offsetWidth;
chat.opened ? movechat(0, 30-w) : movechat(20-w, 0);
chat.opened = !chat.opened;
}
function movechat(x0, xf){
var chat = document.getElementById("chat");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
chat.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movechat("+x+", "+xf+")", 10);}
}
</script>
<div id="chat">
<div class="chat-click" onclick="showHidechat()"> </div>
<div class="chatbox">
<center>


SCRIPT CHATTING DI SINI (alamat url shoutmix atau shout box anda)


</iframe></center>
<a href="http://www.tutorialblogging.co.cc/2010/04/membuat-kotak-chatting-tersembunyi.html" title="Pasang widget chatting seperti ini di blog anda" target="_blank">[+]</a>
<span style="float:right">
<a href="javascript:showHidechat()">
[x]
</a></span>
</div></div>

<script>
var chat = document.getElementById("chat");
chat.style.right = (30-chat.offsetWidth).toString() + "px";
</script>

---------------------------------------------------------------------------------------------
  1. Simpan gadget.
CSS
Sekarang pada bagian css, ikuti langkah-langkah berikut.
  1. Pilih menu Layout (Tata Letak) » Edit HTML.
  2. Cari kode ]]>, kemudian copy-paste kode css berikut di atasnya.
---------------------------------------------------------------------------------------------
#chat{position:fixed; top:25px; z-index:+1000}
* html #chat{position:relative}
.chat-click{height:100px; width:30px; float:left; cursor:pointer; background:url(http://i42.tinypic.com/vhb3vc.jpg) no-repeat;}
.chatbox{float:left; border:2px solid #1f54bc; background:#f0f8ff; padding:10px}
.chatbox a {text-decoration: none;}

-------------------------------------------------------------------------------

3. klik save..

selamat mencuba

Cara Membuat Menu Tab View

Bagi yang inginkan kelainan di blog....bolehlah try cara nie...

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]> atau kedalam tag CSS.

-------------------------------------------------------------------------------------------------

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

--------------------------------------------------------------------------------------

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode

--------------------------------------------------------------------------------------

<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

------------------------------------------------------------------------------------------


<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

------------------------------------------------------------------------------------------

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Anda juga boleh mengisikannya dengan link, gambar, banner, script dll.
- Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

selamat mencuba.....

Menulis kod HTML DI BLOG

AMATLAH MUDAH....MASUKKAN KOD HTML DISINI

Membuat Recent Post Slide Show






<script src="http://kangfatur.googlecode.com/files/recentpostslide.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://traffik-makemoney.blogspot.com//";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://kangfatur.googlecode.com/files/recentpostslide2.js' type='text/javascript'></script>
</div>

Membuat efek Marquee



traffik-bukan traffiklight tau......ekeke


Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag ....

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

traffik-bukan traffiklight tau......ekeke

</MARQUEE>

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, , ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.


<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.


<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>





Selamat Mencuba

Membuat Menu Dropdown

Contoh dropdown menu seperti di bawah ini..





Ok.... anda perlu copy paste HTML dibawah dan tukar tajuk dan alamat htmlnya (yang berwarna merah)..

------------------------------------------------------------------------------------------

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<form><option value=0 selected>- Traffic -</option>
<option value="http://traffik-makemoney.blogspot.com">Blog info</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-nuffnang-innit.html">Traffik dari Nuffnang</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-binarytrafficcom.html">Traffik dari Binary</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-spott.html">Traffik dari Spoot</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-search-engine.html">Traffik dari Search Engine</option>

</select></form>
--------------------------------------------------------------------------
Selamat Mencuba....

Traffik dari sini

Salam yang bertanda biru..dari kaca mata aku disini adalah mereka yang sedang ONLINE...so seranglah blog mereka.....anda akan dapat kunjungan yang pertama dari mereka selaku blogger tegar..TRY...kalau tak percaye...


TRAFFIK dari blog-up



Salam...pagi...traffik dari sini ber ratio 10:9
Tak perlu dirisaukan.... blog kita akan muncul pada semua pengguna blog-up tapi tak kerap...bergantung pada traffik blog kita juga ..kalau ganas paparan blog kita atau slot blog kita akan kerap jua muncul...

sedikit keterangan ..hehehhehe

The 10 to 9 sharing ratio leaves BlogUpp! 1 impression out of each 10, which is used for advertising and
Premium extra-promotion acquired by bloggers. This allows the service self-support expenses like
bandwidth and servers, and ultimately provide its community a cost free service.
See your blog promotion details in BlogUpp! stats and dare to acquire additional impressions for much better results.

TRAFFIK dari bloggerfeedurl


Salam semua..ok kat sini ader jaringan untuk tambah traffik..tak perlu register
Hanya masukkan nama dan alamat url sahaja..
aku baru jumpe pagi nie... so traffik dari sini tak banyak rasanya coz.......blog tu sendiri menerima kunjungan tak banyak...tak salah nak mencuba....
Klau korang nak cek berape kerap orang ping kat situ klik all ping post..
tapi....cuba dulu... ini linknya..

feedurl

selamat mencuba