MUSIC

<style type="text/css">#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge83sx3XADNO2Z-_adYWbDnLxUgu3z-Lt382JVKiGrODW6zz0NQMARjaoMHtrcEVoMnobMf97cmrgnVvaqK6SUgRsmvXVMORR-wOSWv_1a6ooXpUwKQq6O4Es6F81kuBg_juV-38rhcl8/s220/tabs.png') no-repeat;
}
.gbcontent{
float:right;
border:2px solid #666666;
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<iframe allowtransparency="true" style="border:solid 1px #000000;" width="475" height="380" src="http://tv.klikdana.com/channel/mp3player/index.php"></iframe>
<div style="text-align:left">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>

»»  READMORE...

Cara Membuat Daftar Isi di Blogspot

Cara Membuat Daftar Isi di Blogspot - Sebelumnya Admin minta maaf kepada pengunjung setia zona-klik.blogspot.com karena beberapa waktu yang lalu tidak menemukan artikel terbaru di halaman blog ini. Hal ini di sebabkan beberapa faktor yang tidak dapat admin publish pada lembaran ini.

Sekarang admin (damul) ingin update artikel terbaru seklaligus merupakan artikel perdana setelah terjadinya pergantian template. mudah-mudahan template yang baru ini bisa memotivasi semangat ngeblog admin agar senantiasa memberikan update konten terbaru setiap harinya agar pengunjung merasa  tidak di kecewakan karena saat berkunjung di sini tidak menemukan artikel terbaru. 

Baiklah, tanpa banyak basa-basi langsung saja kita ke pokok pembahasannya yaitu Cara Membuat Daftar Isi di Blogspot, mudah-mudahan tips ini bisa bermanfaat buat sobat-sobat semuanya yang sedang mencari tutorial untuk membuat daftar isi di blogspot.

1. Login ke account blogger

2. Pilih "Rancangan" kemudian pilih "Tambah Gadget"

3. Pilih Html/Javascript

4. Masukkan judul yang ingin anda buat misalnya "Daftar Isi" pada kolom "Judul"

5. Copy kode dibawah ini, kemudian masukkan ke dalam kolom "konten"

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

</div>

6. Simpan.

Keterangan : 

http://namablog.blogspot.com = ganti dengan nama blog anda

width;430px = ganti lebar sesuai dengan selera sobat masing-masing

height;120px = ganti tinggi sesuai dengan selera sobat masing-masing

Itulah cara-cara yang bisa sobat lakukan untuk membuat daftar isi di blogspot, mudah-mudahan tutorial singkat tersebut bisa dipraktekkan dengan sempurna di blog sobat. Sehingga dengan adanya daftar isi di blog bisa memudahkan pengunjung menelusuri halaman blog sobat sesuai apa yang mereka inginkan.

»»  READMORE...

Cara Membuat Buku Tamu / Shoutmix Tersembunyi

Cara Membuat Buku Tamu / Shoutmix Tersembunyi - inilah yang akan Damul sharing pada artikel kali ini. Shoutmix, Cbox atau yang sering disebut dengan Buku Tamu merupakan sesuatu yang dianggap penting terdapat didalam sebuah blog. Buku tamu tersebut bisa dijadikan sebagai tempat berinteraksi, tempat bertanya dan lain sebagainya yang tentunya dengan tujuan yang positif.

Mungkin sobat sudah tau bagaimana cara membuat buku tamu, tetapi apakah sobat tau bagaimana caranya agar buku tamu tersebut tersembunyi di samping kiri / kanan blog yang tentunya bisa menghemat tempat di sidebar blog kita. Untuk melihat bagaimana tampilan buku tamu tersembunyi tersebut silahkan klik link dibawah ini : 

Buku Tamu Tersembunyi Di Blog

Bagaimana Cara Membuat Buku Tamu Tersembunyi ?

Untuk membuatnya sangatlah mudah, hanya dengan menambah beberapa kode ke dalam blog, maka buku tamu akan terlihat tersembunyi pada blog. Berikut langkah-langkah yang perlu sobat lakukan untuk membuat buku tamu tersembunyi : 

1. Login pada account blogger anda. 

2. Pilih "Rancangan" kemudian pilih "Tambah Gadget"

3. Pilih HTML/Javascript

4. Copy kode dibawah ini, kemudian letakkan di dalam tempat yang disediakan

<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/AVvXsEhiJXS3kPAsbDTakkWvg9dAE90RcbgOfeMVYWxus4XmCi4BwB9JcySrwuFPG4FCHYsiTkAw6yTMJ5P9qB5k-Dw5EbLF1Oqj55yGxx9cO8WbdcKoUkgR3CYOipJBrtibEyfsqrNFRKxbEZ5S/') 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">

<< Masukkan Kode Cbox, Shoutmix Sobat Untuk dijadikan Buku Tamu >>

<br/>
<div style="text-align:right">
<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>

5. Simpan

Itulah langkah-langkah yang harus dilakukan untuk membuat buku tamu tersembunyi. Apabila sobat sudah melakukan langkah-langkah diatas, coba lihat hasilnya pada blog sobat, maka buku tamu akan tampil tersembunyi disamping kiri/kanan blog.

»»  READMORE...

Cara Membuat READMORE Otomatis

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save templateSelanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

»»  READMORE...