Cara Membuat Buku Tamu

Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox Di sana kita registrasi dan buat widgetnya lalu ambil kodenya. 
 Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut :
 

<style type="text/css">
#gb{
position:fixed;
top:100px;
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/AVvXsEi5pi6SsaxIjKN6eRQVrm0DICQoTEgYufoTGugwvEyBCMek11LKEBeOI2AGn2X-p5ozqUgkZVOTX59SMLkRMIfNJgMefISEgPL3k5YbckTfcyFiqkd_l02DPOCEmFuTOoGDhCE2Tq9khrQm/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">

TARUH KODE WIDGET SHOUTOXMU DI SINI

</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Selanjut nya letakkan kode yang sudah peroleh dari shoutmix atau cbox atau dari web lain ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.

Cara Membuat Widget Daftar Menu Blog Otomatis

Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500(dapat diganti) halaman posting.

Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.

 

Cara Membuat Daftar Menu/Isi Di Sidebar Blog : 

 

1.       Login ke dashboard blogger anda.

2.       Pilih Tata letak >> Add gadget (HTML/JavaScript).

3.       Copy script dibawah ini dan paste pada gadget.

<div style="background: #000000; no-repeat scroll 0 0; border:2px solid #F0F5FA;height:310px; overflow:auto; padding:10px; width:260px;">

<div id="cl_option">

Loading... </div>

<div id="cl_content_list">

</div>

<script type="text/javascript">

var jumlah_kata_dalam_ringkasan = 250;

</script>

<script src="http://raihanun.googlecode.com/files/DaftarmenuOtomatis.js">

</script>

<script src="http://syihab22.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=200">

</script></div>

4.      Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.

5.       Simpan

SELAMAT MENCOBA DAN BERMANFAAT..., jgn lupa join ya!!