Silakan kalian ikuti langkah2x dibawah ini :)
1. Login dulu di Blogger kalian.
2. Klik Rancangan --> Edit HTML
3. Cari code ini ]]></b:skin> "Tekan Ctrl + F" untuk mempercepat pencarian
4. Setelah itu copy Code dibawah ini, letakan diatas ]]></b:skin>
.gb_fixed{
position:fixed;
top:0px; right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #009900;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#000;color:#009900;
padding:10px;
padding-top:0px;
}
position:fixed;
top:0px; right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #009900;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#000;color:#009900;
padding:10px;
padding-top:0px;
}
5. Simpan Tempate
6. untuk memanggilnya klik Rancangan --> Elemen Laman --> Tambah Gadget ---> HTML/JavaScrip copy code berikut ini di dalamnya!!!
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b>[ Close ]</b></a></div>
</div>
<script src="http://klopototolia-tj.googlecode.com/files/gb_klopototolia-tj.js"></script> <div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1uKTPphOsdsA7IKf0SLoIypd0sTT5aJjWOZMAqCritXuCsKsEnC8A9CuUWvYIxiEpcAPwddFl8gNHUFkLaqA32-0z_FIljfg5VKi6leFrROAQtZEviuLSHv6Q_tQPZN_sAACIAQI9BSLK/s320/gb_book.png" /> </a>
</div>
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b>[ Close ]</b></a></div>
Masukan Code Buku Tamu Kalian disini!!!
</td></tr></table></div>
<script src="http://klopototolia-tj.googlecode.com/files/gb_klopototolia-tj.js"></script> <div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1uKTPphOsdsA7IKf0SLoIypd0sTT5aJjWOZMAqCritXuCsKsEnC8A9CuUWvYIxiEpcAPwddFl8gNHUFkLaqA32-0z_FIljfg5VKi6leFrROAQtZEviuLSHv6Q_tQPZN_sAACIAQI9BSLK/s320/gb_book.png" /> </a>
</div>
7. Simpan Template kalian dan lihat hasilnya!!!
8. Selesai "Bagaimana hasilnya apakah memuaskan"
Oh yah,.. bukan saja Buku Tamu yah yang kalian buat, banyak kok?... asal kalian kreatif saja mengeditnya!!! hehehehe,...
5 comments:
gmn cra bikin kodenya,,,,gan
@KULINER : Code apa maksudnya, maaf yah pertanyaannya kurang jelas jd saya tidak bisa!!!
thanks gan info nya.........kis me back ya...thanks.
gua kgak tau cari b skin t dima na gun..?
gan gmn caranya share software dsni, di blog saya, maklum saya baru buat blog, softwarenya keren2
Tinggalkan Komentar Anda di Bawah ini!!!