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!!!
Kalau ada Artikelnya yang kurang jelas, tuliskan komentar anda dibawah ini!!! Tapi yang sopan yah demi menjaga kenyamanan bersama, untuk komentar SPAM akan saya hapus!!!