Cara Pasang Buku Tamu Slide Out di Blogspot

Love ng-BLog, Cara Pasang Buku Tamu Slide Out di Blogspot

Assalamualaikum
Salam sejahtera

Sahabat Love Is Rasa pengen punya cbox nempel (bisa slide out) di samping kanan seperti gambar di bawah? Atau bisa dilihat di samping kanan blog Love Is Rasa.

Langung saja ke TKP

• Bagi yang tidak punya cbox bikin akun di www.cbox.ws lalu copas scriptnya
• Copas kode yang ada di bawah ke dalam teks dokumenmu, klik "Select All"
• Cari Kalimat (Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini) gantikan/copas dengan kode script yang kamu dapatkan dari cbox

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirkfXoNRW-vMQ5n3KlQ9Jb7kjcoAC2SCPhHlmBAGcDmP9P3Od2TANbP6-5u7hfejSSi5v98zcV0NfpLX-a1967uKUpk6w5s7q4QOkBVqvsvok99WBFBhNNyHmv6WOmdwLwhbdopmjGwIA/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini <div style="text-align:right"> <a href="http://love-is-rasa.blogspot.com/2015/02/cara-pasang-buku-tamu-slide-out-di-blogspot.html">[Cara Pasang]</a>><a href="javascript:showHideGB()"> [Tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div> </div> <br> <br>

• Masuk blog kamu pilih html/javascript copaskan kodenya
• Selesai

Gitu aja.

wassalam