Cara Membuat Daftar isi Otomatis di Blog

Nih ada lagi yang ingin sobat tau bagai Cara Membuat/Memasang Widget Daftar Isi otomatis.Tutorial blog Cara membuat daftar isi blog Otomatis Versi V.2 Tutorial blogspot Cara membuat daftar isi blog Otomatis Versi V.1ini yang paling Canggih hal yang bisa kita lakukan untuk menampilan isi posting dalam blog secara lengkap dan juga bisa memudahkan pembaca untuk mengakses isi blog yang ada. Sekarang kita akan mencoba Cara Membuat Widget Daftar Isi Otomatis di Blog yang menampilkan isi posting secara keseluruhan yang terbagi dalam label posting secara otomatis,gimana sobat menarik gak.... :D
klau sobat tertarik langsung saja liat cara pembuatannya

Langkah Pertama

 1.Login Ke Acount Blogger Kamu

 2.Lalu Pilih Tata Letak

 3.Klik Page Element

 4.Klik Add Gadget

 5.Klik plus button (+) for HTML/JavaScript.

 6.Sobat copy paste kode dibawah ini

<div style="overflow:auto;
padding-left:5px;
border:1px solid white;
width:95%;
height:400px;
background:transparent url(#) no-repeat ;">
<script language="javascript">
numposts=9999;
home_page="BLOK KAMU.blogspot.com";
explanpost="new";
</script>
<ul><script style="text/javascript" src="http://sites.google.com/site/kibagusnet/x-design/sitemap-np.js"></script></ul>
</div>

Keterangan :
   Kode width:95%, lebar widgets diatur secara otomatis menyesuaikan lebar kolom, ganti 100px bila ingin diatur secara manual, angka 100 menunjukan lebar widgets ( ganti sesuai kebutuhan )
    height:400px, tinggi widgets angka 400 menunjukan tinggi widgets ( ganti sesuai kebutuhan ).

Semoga Artikel Cara Membuat/Memasang Widget Daftar Isi otomatis bermanfaan bagi sobat...
selamat mencoba dan berkreasi...

Read More

Cara Membuat Buku Tamu tanpa di klik Terbuka

Mungkin malem ini wew akan membantu sobat tentang bagai mana Cara Membuat Buku Tamu di Blog Tanpa Di Klik Terbuka..!!nah kok aneh ya..hehhe
Gini sobat sekarang langsung aja dri pada canda trus...gak selesai'' buat buku tamunya..
Sobat liat langkah-langkah di bawah ini ya...:

1. Sobat Login Ke Akun Blog
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Dan sobat masukan Script Berikut Di dalamnya

<style type="text/css">

#gb{

position:fixed;

top:20px;

z-index:+1000;

}* html #gb{position:relative;}


.gbtab{

height:150px;

width:50px;

float:left;

background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;

}


.gbcontent {

float:left;

border:1px solid #BB0000;

-moz-border-radius-bottomleft:10px;

-webkit-border-radius-bottomleft:10px;

-o-border-radius-bottomleft:10px;

-khtml-border-radius-bottomleft:10px;

-moz-border-radius-topright: 10px;

-moz-border-radius-topleft: 10px;

background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9d7jT2V_NJeZ0wnBKIH2uiAV4lpIIVn3fsJPEZBqnsvgWbi-hCYGh9MmeFMUuqaUhRgw5utzNEihq0jKiFJlxvZZYZEqR2IR_AFZjFfZ_qvEk0Ug7r-M5xRDzcXGty3KWlf7hTQct3oR/s1600/api.gif) no-repeat bottom;

padding:10px;

}


</style>


<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);

gb.opened = !gb.opened;

}function moveGB(x0, xf){


var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}

}</script>


<div id="gb">

<div class="gbtab" onmouseover="showHideGB()"> </div>


<div class="gbcontent">

<center>


Letakan Script Buku tamu sobat Disini

<br />

<div style="text-align:center">

<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">

<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>

</a>


</div>

</center></div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (50-gb.offsetWidth).toString() + "px";

</script></div>

5. Teks yang wew beri warna Hijau,silahkan sobat dengan         script buku tamu sobat
6. Kemudian sobat klik simpan dan lihat hasil nya

Pengertian ini semoga bermanfaat...
Selamat mencoba...

Read More