Kali ini saya akan berbagi Tips mempercantik blog lagi sob (^_^). keren banget lah pokonya.
di sini saya menyediakan 6 kotak pencarian yang di desain dengan css, jadi sobat hanya perlu copy kode yang di butuhkan dan silahkan pilih kotak pencarian mana yang anda suka

Tutorial :

• Login ke  Blogger
• Masuk ke Rancangan / Design
• Tambah Gadget > HTML/JavaScript
• Lalu masukan code kotak pencarian di kolom yang tersedia

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL00Zyy4Bjy9mXw0_7i3dqbrbcDFnirVeVwVg638kJR7aiSVDH0ADOXUfBOckWgHn1jur-BRMYZzg_N0r98QTU8NkjQNHhk-G6X5yUlJDlSlEuGoS8IQ6SYZo0Eu-N_qE4Xoxnrue7GyEF/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div>

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkTvihapwXk-8FdIXti4MQOMX3m7V_1-hiLqg_Rvw0MIOLuRwCHiEqSddOeXj05uj0RPb9XlgmK_nKb60qpV9CtxWT1Eu3anu_KnS-CN5egbfCUOp8hyuLSgpjPoYj5WonTEoBbpJi-P1/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div> 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNpI-PWyDJjUFwf1jguEMz3IbpBtndsp_RlE1FP4yYbF4z-4ez0ISAdbEe2JF-AUoF-WXeNzK6e0yyPiN0h6hyPiNbJLd-_cBpXHMyvjBOCIlWzPB04ueQ2Vqo4upNc67obi7SqsO2uWON/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div> 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirHxzyZgL7jdsc2SNdRSxNi2sp1n5sxjjhMflE4rlDJvFsTba0VVVWhLoCX2PzftqwVPPZTRZAJuB_O2qubTqiExTrakwX78DUJRbhbWmJ0NEEMjn96ojFQck7ZEbArdT5uf0ATNecvGO8/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div> 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkPya9OAVb3jLAwRp1vqC6pFUVDX1ta1qkkIAKOIW9zka4-3UbFkDLHoEygdwWTFprXO-9NKDUO_Gf_Tdl2AplfFzSU6ySZI8YQ3HRpjIxuBUw5cEKwPKuF18v65XTkbquperZ_lg4GOZA/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div> 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjciaLGOhXnNQBIWt_dUD4sF8UWmJgTlhuFNPlTSF2c_6kCnNEciuivBx48UzAhMZdDk1PGwlP3xknw2u9Os7y5B99IVzzmQbqaEiIbz59wtLLM3xQeCiIEt77xlJoNBK0Bc6GZV6ddEzVh/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
form>
div> 

• Happy Blogging

Sumber : H.G.C

• Login ke Blogger
• Masuk Rancangan > Tata Letak
• Lalu klik Tambah Gadget > HTML/JavaScript
• Jika sudah kemudian letakan kode dibawah ini tepat di HTML/JavaScript

• Login ke  Blogger
• Pilih Rancangan > Edit HTML
• Centang "Expand Template Widget"
• Lalu cari kode dibawah ini :

]]></b:skin>

• Kalo sudah ketemu maka letakan kode dibawah ini tepat diatas kode  ]]></b:skin>

li.sfhover .tooltips, li:hover .tooltips {
display:block;
}
.tooltips {
margin:6px 6px 0 6px;
padding:15px 10px 15px;
position:absolute;
width:250px; >
display:none;
background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/hitam.jpg ) bottom repeat-x;
opacity: 0.8;filter:alpha(opacity=80);zoom:1;
border:1px solid #FFFFFF;
-moz-border-radius:10px;
}
.tooltips {
margin-top:-50px;
margin-left:-290px;
}
.tooltips:hover {
display:none!important;
}
.tooltips p {
font-size:12px;
font-family:Rockwell;
font-weight:bold;
color: #0060C8;
text-align:center;
margin:0 15px 0 0;
}

• Jika sudah cara diatas maka Simpan Template

Keterangan :

• Tooltip tersebut bisa digunakan di Menu, Postingan, dan lainnya
• Untuk menggunakan Tooltip di Menu copypaste kode dibawah ini :

<li><a href="http://.....URL yang berkaitan dengan ToolTips...." > Judul URL yang berkaitan dengan ToolTips </a><div class="tooltips"><p> Kata-kata untuk ditampilkan pada Pop-up ToolTips</p></div></li> 

• Hapus kode Menu yang lama ganti dengan kode diatas

Sumber Code Script : Google ( Rizkyguna1 )

Oke dah sekarang kita lansung aja tentang cara pemasangannya:
1.Masuk ke akun blogger sobat.
2.Pada tab menu pilih Rancangan ➨ Tambah Gadget ➨ Pilih HTML/Java Script.
3.Pada Gadget HTML Java Scrip masukkan salah satu kode scrip berikut( kotak HTML/Java Scrip tidak usah di beri judul)

Left Hidden Guest Book.
<!-- left hidden guestbook by www.otowebsite.blogspot.com/ START -->
<style>
#hcl {
position:fixed;top:100px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {height:100px;width:30px;
float:left;
cursor:pointer;
background:url(' http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_bukutamu55.png ') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

LETAKKAN KODE BUKU TAMUMU DISINI

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<span style="font-size: 100%;">
<span style="color: red;"> Get this</span>
<a href="http://otowebsite.blogspot.com/2012/05/cara-memasang-buku-tamu-hide-show.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden guestbook by www.otowebsite.blogspot.com/ END -->

Right Hidden Guest Book

<!-- right hidden chatbox by www.otowebsite.blogspot.com/ START -->
<style>
#hcr {
position:fixed;top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {height:100px;width:30px;
float:left;
cursor:pointer;
background:url(' http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_buku-tamumu.png ') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

LETAKKAN KODE BUKU TAMUMU DISINI

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<span style="font-size: 100%;">
<span style="color: red;"> Get this</span>
<a href="http://otowebsite.blogspot.com/2012/05/cara-memasang-buku-tamu-hide-show.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by www.otowebsite.blogspot.com/ END -->

4.Simpan dan lihat hasilnya.

Keterangan:

    top:100px adalah keterangan jarak icon hidden chatbox dari atas (top) sejauh 100 px.
    height:100px adalah tinggi (height) tampilan icon hidden chatbox yang sebesar 100 px.
    width:30px adalah lebar (width) tampilan icon hidden chatbox yang sebesar 30 px.
    background:url(' http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_bukutamu55.png ') no-repeat adalah icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan.
    LETAKKAN KODE BUKU TAMUMU DISINI, ganti dengan kode buku tamu sobat seperti cbox atau southmix
    border:2px solid #003e82 adalah warna (solid) dan ukuran border yaitu #003e82 dan border sebesar 2 px.
    background:#f3f6f7 adalah warna background pada chatboxsaat ditampilkan.

Berikut ini adalah beberapa icon dan url icon hidden chatbox atau buku tamu yang saya siapkan untuk sobat yang bisa sobat gunakan.

1. Masuk ke akun Blogger anda yang akan di alihkan
2. Klik Tata Letak/Rancangan
3. Klik Edit HTML
4. Cari Kode <head>
5. Lalu copy Script Ini :  <meta content='1;URL=URL-BLOG YANG BARU' http-equiv='refresh'/>
6. Paste kan code di atas tepat di bawah kode <head>
7. Klik Save

Credit :

1. Login ke Blogger.com
2. Masukan Email & Password 
3. Pilih Rancangan
4. Klik Edit HTML
5. Lalu pilih berkas
6. Masukan XML Naruto vs Sasuke
7. Kemudian Upload
8. Simpan Template anda 
9. Lihat Blog anda sekarang
10. Good Luck ...

1. Login dulu ke akun Blogger anda
2. Klik pilihan Rancangan »» Edit HTML
3. Kasih Contreng pada Expand Template Widget
4. Letakan kode dibawah ini sebelum kode <head> untuk memudahkan pencarian tekan F3

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

5. Selanjutnya klik Simpan Template

Selesaii ... semoga bermanfaat...!!!! ^^

Menempatkan efek salju pada pada blog mungkin sudah banyak digunakan bagi blogger yang senang dengan menempatkan efek pada blognya, dan akibatnya loading dari halaman blog jadi lebih berat karena tampaban script efeknya yang menggunakan file image untuk itu, nah tips berikut saya berikan untuk efek salju tanpa menggunakan image.seperti yang anda lihat dipostingan ini, Hmm menarik bukan.

Tidak usah panjang kali lebar pengantarnya langsung menuju ke tutorial ok!.

• Nah untuk ynag baru coba-coba untuk mengedit template, saya saran kan untuk membackup terlabih dahulu template anda dan atau ketika anda telah memasang kode jangan langsung di Save/Simpan, sebaiknya di preview/pretinjau aja dulu.
• Login ke account blogger anda, klik rancangan/layout lalu klik edit HTML
• Tempat kode script berikut sebelum, tag </body> :

<script type="text/javascript">
//Snow - http://www.btinternet.com/~kurt.grigg/javascript
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 30; //JUMALH BUTIRAN SAJU YANG ANDA INGINKAN
var timer = 30; //WAKTU/KECEPATA EFEK SALJU
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).
//End.
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function snow(){
var dy,dx;
for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy;
x[i]+=dx;
if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}
})();
}//End.
</script>

Lalu SAVE TEMPLATE anda.

• Jika terjadi kesalahan dalam pinyimpanan anda bisa coba cara berikut :
• Copy kode script di bawah, cara penempatannya sama seperti diatas hanya saja kode scriptnya telah saya disimpan dalam hosting tersendiri, jadi tinggal memasang kode script untuk memanggil kode yang lumayan panjang diatas. 

<script src='http://marewainfo.googlecode.com/files/efeksaljutnoimage.js' type='text/javascript'/>

Semoga Berhasil ^_^ ....

Siapa Yang Mau Memberikan Usul Atau Tanggapan :

• Usul Postingan 
• Tanggapan Tentang Perbuatan
• Design Blog
• Kekurangan Blog Ini

SILAHKAN ANDA COMMENT DI BAWAH YA

Inilah widget yang yang akan memunculkan kotak suka,sayangnya Blog Saya Ga Bisa Di Pasang Widget Ini untuk halaman fans Facebook kamu. Pada versi ini kotak FP facebook akan terlihat di samping kanan blog. Widget kotak suka ini akan membuka dengan sendirinya jika kita arahkan kursor mouse ke tulisan "Facebook" di samping kanan.


 Berikut adalah caranya:

1.Pertama-tama silahkan sobat login ke blog sobat.

2.Pada Menu tab klick Rancangan ➮ Edit HTML

3.Pada kotak Edit Template cari kode <head> jika ingin lebih cepat mencarinya sobat bisa  CTRL + F
4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi



5.Sekarang simpan template.

6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.

7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi.



 Keterangan: ganti warna merah dengan url/alamat fans page sobat.

8.Simpan, dan lihat hasilnya!

acebook kini telah mengambangkan widget untuk memudahkan pengujung blog kita yang kebetulan mempunyai akun facebook, widget ini sebelumnya telah ada, tapi dapat kita gunakan ketika kita membuat Facebook Page atau membuat aplikasi tersendiri untuk ini, tapi kini tanpa akun facebook sekalipun sobat dapat membuat/memasang widget ini di blog sobat.

Langkah awal seperti biasa (lihat gambar):


Temukan kode ini <b:includable id='status-message'> kemudian sobat akan menemukan kode ini </b:includable> berada tepat diatas kode yang pertama.

Kemudian tempatkan kode komentar facebook tepat diatas </b:includable>
Sobat telah selesai.!
SAVE TEMPLATE

Bagaimana sih memasang Widget unik dan keren di bagian atas kanan blog yang tampak seperti kamera CCTV  sedang mengintai ini? Pasti seru donk yaa? hahahaaaha, caranya cukup mudah koQ. Mau tau caranya? Kalian mau memasangnya di blog kalian sendiri? oke saya akan saya kasih tahu caranya, dari pada nanti ada yang nangis ngemis-ngemis minta kasih tau... Hehehe peace

• Masuk ke blogger.com (sudah pasti)
• Setelah anda berada di dasbor blogger klik opsi lainnya
• Kemudian klik Tata Letak
• Tambah gadget dan pilih HTML/JavaScript
• Masukkan kode berikut dan beri judul <!--> atau bisa dikosongkan saja
<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5vsBayq_pba9ECFIb2ND4KqUyBtYDlJbZ_2tEtIkdlOIfh2XVXuHEab1yTf2VyeAho3vWoAph2wH7if6d1tcRfWCS6YeMcj4iU_smJ52UI4dwA9M6MNT5m8Ijgf4DW88w6btjpwwNcA/s1600/cctv.gif")</script>

baGus kan ???
caranya sangat sangat mudah.., untuk merubah tampilan seperti itu.,

Langkah 1 :
Kalian cari gambar di google atau upload gambar sendiri di photobucket dengan ukuran 16 x 16., sudah ??

Langkah 2 :
Login ke blogspot >> Tata Letak >> Edit HTML.,

Langkah 3 :
Copy kode berikut tepat diatas </head>
<link href='alamatgambar' rel='SHORTCUT ICON'/>
Ganti alamatgambar dengan alamat gambar yang sudah di upload tadi ( pakai http:// )

Jangan lupa di saVe..,Ya...., semoga posting Q kali ini bermanfaat bagi kalian-kalian semuanya.,
dOn't fOrget to LeaVe a cOmmeNt...,