Buku Tamu atau Guest Book merupakan content sebuah web yang cukup diperlukan. Berbagai bentuk dan tampilan banyak disajikan dalam berbagai macam blog, salah satunya seperti yang terdapat dalam blog sahabat saya yang disembunyikan. Seperti apa tampilan buku tamu tersebut ? silahkan sobat lihat dalam blog sahabat saya http://wikilead.blogspot.com. </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"></div> <script type="text/javascript" src="http://kanzenkfilehost.googlecode.com/files/guestbook-open-close.js"></script> </div></div>
Untuk membuat Buku Tamu Buka Tutup seperti dalam blog sahabat saya (tersembunyi), berikut adalah langkah-langkahnya:
METODE PERTAMA :<!-- Mulai GuestBook Buka/Tutup -->
<style type="text/css">
#gb{
position:fixed;
top:10px; /*jarak dari atas*/
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:none;
}
.gbcontent{
float:left;
border:2px solid #000000; /*warna bingkai*/
background:#FFFFFF; /*warna latar*/
padding:5px 10px 0px 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);}
}
METODE KEDUA :
Setelah itu buatlah sebuah link untuk menampilkan Buku Tamu Buka Tutup, seperti berikut :
<a href="javascript:showHideGB()"><img src="http://i655.photobucket.com/albums/uu275/kanzenk/wikilead/wikiguest.gif/> / BUKU TAMU</a>
Ubah tulisan yang berwarna BIRU dengan alamat URL Gambar sobat, untuk link kedalam Buku Tamu atau dapat sobat masukan berupa TEXT (warna MERAH)dalam menu.
Begitu mudahnya pembuatan Buku Tamu/GuestBook Buka Tutup ini kan sobat. Selamat mencoba.
10 January 2011
Membuat Buku Tamu Buka Tutup
23 June 2010
Membuat Headine Berita pada Blogspot
Pada pembahasan kali ini saya mencoba memberikan bagaimana cara membuat Headline Berita pada Blogspot sobat. Headline Berita ini berfungsi sama seperti Recent Posts pada blog sobat, hanya saja perbedaanya dapat Headline Berita ini dapat ditaruh dibagian atas atau bagian bawah blog sobat dan dapat berputar/berjalan layaknya informasi berita di media televisi.
Cara Pembuatan
<script type="text/javascript"> var hn_url_blog = "http://kanzenk.blogspot.com"; var hn_jumlah_post = 5; var hn_warna_latar = "#000000"; var hn_warna_garis = "#000000"; var hn_posisi = "bottom"; var hn_tampilkan_judul = true; var hn_backlink = true; </script> <script src="http://www.vollerband.com/Headline.js"> </script>
Selamat berkreasi.
25 March 2010
Membuat Popular Post pada Blogspot
Popular Post adalah sebuah widget untuk mengetahui posting yang paling banyak dikunjungi/dikomentari oleh pembaca blog sobat. Untuk menampilkan Popular Post sobat dapat membuatnya dengan mudah. Kemudahan tersebut karena kita dapat menggunakan yahoo pipe untuk peng-kodeannya. Lantas bagaimana cara untuk membuatnya ?
Tahapan membuat Popular Post sebagai berikut :
12 March 2010
Kanzenk.web.id
Horeee,,,Alhamdulillah,, akhirnya Kanzenk punya rumah baru lagi. Yah, dengan senang hati Kanzenk setelah sekian lama nge-blog seperti orang goblog akhirnya memiliki sebuah Blog lagi, tapi kali ini dengan Domain dan Hosting sendiri. Kepada sobat blogger yang disini jangan lupa untuk berkunjung juga ke blog Kanzenk yang baru yah, juga dukung terus Kanzenk untuk tetap bisa eksis menulis disini maupun di blog yang baru. Buat sobat semua, Follow dan comment juga di blog Kanzenk yang baru dengan alamat http://kanzenk.web.id
Terimakasih Kanzenk ucapkan.
06 March 2010
Membuat "Reply Comment" Pada Blogspot
Kemungkinan hal ini yang paling banyak blogger tunggu yaitu dengan "Hack" sebuah perintah untuk "membalas" komentar-komentar seperti halnya yang ada pada Wordpress. Sekarang, Sobat tidak harus menunggu rilis resmi dari Tim Blogger. Mungkin sebelumnya sobat banyak mengenal komentar disertai "reply" secara instant seperti Disqus maupun Intensedebate. Hal ini sekarang dapat sobat lakukan dengan menginstalnya kedalam template sobat. Cukup lumayan bagus, namun masih ada sedikit kekurangan dalam tampilan "Balasannya" yaitu "Balasan" tidak tepat berada dalam satu menu dengan komentar yang dibalas (Balasan akan ditaruh dibawah komentar paling akhir. Namun apa salahnya jika sobat ingin mencobanya.
Cara Menginstal kedalam Template :
<b:include data='comment' name='commentDeleteIcon'/> </span>
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img alt='Reply To This Comment' src='YOUR REPLY BUTTON IMAGE URL HERE'/></a></span>
Semoga bermanfaat, dan jangan lupa komentar ya sob.
Thanks To :
14 January 2010
Recent Post Dengan Thumbnails
Posting Kali ini adalah bagaimana cara mudah membuat Recent Post dengan gambar Thumbnail disampingnya Pada blogger sobat. Bagaimana sich cara mudah membikinnya ??

Fitur Widget ini adalah :
1. Recent Post dengan Thumbnail.
2. Penghitung Jumlah Commentar pada masing-masing post.
Cara memasang widget Recent Post dengan Thumbnail :
1. Masuk kedalam blogger area sobat.
2. Pilih Tata Letak/Layout --> Add a Gadget --> HTML/JavaScript.
3. Copy Code berikut :
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kanzenk.blogspot.com/";
</script>
<script src="http://kanzenkfilehost.googlecode.com/files/thumb.js" type="text/javascript"></script>
Perhatian :
Edit kode diatas sesuai dengan tampilan blog sobat seperti,
boxwidth <-- Lebar widget
cellspacing <-- spasi antar post
borderColor <-- warna border widget
thumbwidth & thumbheight <-- lebar dan tinggi Gambar Thumbnail.
fntsize <-- ukuran Font Title widget
acolor <-- Warna Font Title widget
aBold <-- Tebal atau tidak Title Widget (true/false)
numposts <-- Jumlah Post
home_page = http://kanzenk.blogspot.com/ <-- Ganti dengan nama Blog sobat
Java Script buat Recent Post dengan Thumbnail = http://kanzenkfilehost.googlecode.com/files/thumb.js <-- saya rekomendasikan untuk disimpan dalam hosting penyimpanan sobat sendiri.
4. Save setelah semua editing selesai.
5. Lihat hasil pemasangan widget.
Selamat mencoba....
15 December 2009
Membuat Spoiler
Spoiler termasuk sebuah trik agar blog sobat tidak terlalu berat, yaitu bagi sobat yang merasa banyak postingan gambar yang memungkinkan proses loading blog sobat menjadi lambat. Hal itu dapat diatasi dengan menggunakan Spoiler. Mungkin sudah banyak yang ngebahas tentang spoiler ini, namun saya berniat untuk mengingatkan dan juga memberitahukan bagi sobat blogger yang belum mengetahui. Biar ingatan kita lebih fresh seperti apa bentuk spoiler itu lihat contoh dibawah.

Lantas Bagaimana cara membuat spoiler tersebut ?, disini saya akan menggunakan 2 metode memasang spoiler yaitu metode penerapan langsung pada saat posting blog dan motode penanaman kode HTML pada template sobat
- Cara yang pertama (langsung penulisan pada blogger sobat). Cara ini sangatlah mudah, sehingga sobat tidak perlu merubah kode HTML pada template sobat, namun sobat harus bener-bener kode spoiler ini. Jika ingin mencoba silahkan Copy dan Paste code dibawah kedalam postingan sobat (pilihan mode HTML). Pada kode diatas sobat dapat modifikasi sendiri dari ukuran kotak spoiler,warna background,border, dan tentu isinya serta tombol Lihat dan Tutup spoiler (bisa dengan gambar).
- Cara kedua dengan merubah kode HTML Template Sobat.
- Copy kode dibawah dan taruh diatas kode ]]></b:skin>
.commenthidden {display:none;}- Masukan kode berikutnya diantara ]]></b:skin> dan </head> atau taruh saja diatas </head> , dan kodenya adalah :
.commentshown {display:inline;}
- Save template sobat. Kemudian gimana cara penggunaan di postingan ??
- Saat membuat postingan sobat jangan lupa untuk memberikan kode dibawah :
<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img class="spoiler" src="http://i655.photobucket.com/albums/uu275/kanzenk/showhide.png" /></a><div class="commenthidden" id="Nama_Spoiler">Gambar/Tulisan di taroh di sini</div>
Sudah cukup jelas sobat ?? kalau cara yang kedua ini nihh, untuk menampilkan beberapa spoiler sobat harus mengedit Nama_Spoiler yang berbeda agar tidak bentrok dalam penampilan gambar/text yg akan sobat tampilkan.
Nah ini contoh spoiler dengan model yang kedua :
Sobat, jika sobat bingung menggunakan cara yang kedua sobat gunakan cara yang pertama. Bagaimana sobat ? mau mencobanya ? Oke deh, selamat mencoba.
03 December 2009
Membuat Musik Box
Musik Box adalah cara untuk memperindah tampilan Blog sobat. Pada kali ini saya mencoba menerangkan bagaimana cara membuat Musik Box Kreasi sendiri dengan jenis musik sendiri (Musik pribadi/Band sendiri). Terus bagaimana cara pembuatan yang sederhana dan mudah dalam membuat Musik Box.
Hal Pertama yang anda harus miliki adalah Program untuk merubah file MP3/Wav anda dalam bentuk file Swf. Programnya ada bermacam-macam namun disini saya memberikan sebuah program konversi MP3/Wav ke dalam file swf portabel. Silahkan anda download disini (pasword : www.linkque.blogspot.com).
Apabila sobat sudah mendownload saya akan paparkan cara meng-konversi file MP3/Wav sobat kedalam file swf dengan program tersebut. Kira-Kira begini caranya dengan bahasa saya sendiri, semoga bisa dimengerti oleh sobat :
1. Buka Program yang telah anda download tadi diatas.Bila sudah di buka anda akan melihat tampilan seperti dibawah.
2. Klik Aleo Flash MP3 Player Builder, maka akan terlihat gambar seperti dibawah.
Keterangan gambar :
- Klik Tab ADD SONG --> klik tanda (+) merah untuk menambah file MP3 yang akan dimasukan sebagai file yang akan di Konvert kedalam file swf.
- Ingat perhatikan pada program ada form yang dilingkari (gambar), itu adalah jenis pengkonvertan (bit rate, sampling rate, dan jenis hasil konvertan nanti). Atur sendiri sama sobat, tapi dengan catatan jangan terlalu kecil bit rate dan sampling rate.
3. Apabila file MP3 sobat sudah ditambahkan kemudian sobat klik TAB Flash Player, seperti gambar.
Pada gambar diatas ada beberapa yang saya tandai, yaitu angka 1,2 dan 3 :
4. Apabila sobat sudah menentukan hal tersebut selanjutnya sobat Klik TAB PUBLISH.
Pada gambar diatas ada beberapa yang perlu sobat perhatikan yaitu :
- Tentukan dimana sobat akan menempatkan file hasil Konversi (swf) sobat.
- Pada gambar yang saya beri tanda KOTAK keterangannya kira-kira seperti ini :
a. paling atas : Mengkonversi semua file MP3/Wav kedalam masing-masing file swf dengan play list terpisah
b. tengah : Play List dan MP3 bersamaan (file SWF jadi 1 file).
c. Paling Bawah : campuran antara kedua jenis diatas yaitu, file swf playlist sobat, masing-masing file swf, dan playlist (html).
- setalah semua telah ditentukan kemudian sobat Klik tombol PUBLISH
5. Tunggulah hingga proses konversi selesai maka sobat akan melihat halaman seperti dibawah.
Perhatikan gambar ada yang saya tandai lingkaran Merah, itu adalah file.swf dan dimana letak file yang telah sobat konversi. Proses pembuatan file swf-pun selesai.
CARA MEMBUAT MUSIK BOX PADA WIDGET SOBAT :
Sebelum ketahapan awal, apakah sobat telah menyimpan file swf sobat kedalam sebuah hosting file ? Jika belum silahkan masukan terlebih dahulu file SWF sobat kedalam hosting file misalkan www.ripway.com, www.hugedrive.com, www.my.opera.com (ternyata opera juga ada file hostingnya), atau file hosting yang lainnya. Jika file tersebut sudah dimasukan kedalam file hosting sobat, ikuti langkah berikutnya :
1. Masuk kedalam blogger area --> Layout --> TabElements --> add a gadget --> HTML/Javascript.
2. Copy dan paste kode dibawah :
- Tampilan pertama (Hidden Flash Player).
<center><a href="http://kanzenk.blogspot.com" target="_blank"><img border="0" src="http://i319.photobucket.com/albums/mm470/Zifa87/guci.gif"/><br/><img border="0" src="http://i655.photobucket.com/albums/uu275/kanzenk/ssssws.gif"/><br/><embed width="0" src="http://files.myopera.com/myadmins/musicbox/voller.swf" autostart="TRUE" loop="TRUE" height="0" align="CENTER"></embed>Music By. Kanzenk</a></center>
Ganti kode yang berwarna merah dengan link swf di hosting sobat.
- Flash player dengan tombol navigasi Play,stop,dan lainnya. Pada jenis ini sobat tidak menggunakan file swf akan tetapi file MP3/Wav yang sudah sobat upload ke file hosting sobat dengan kode :
<embed allownetworking="internal" width="50" utostart="true" src="http://Alamat file MP3 sobat" loop="true" height="15"></embed>
3. Setelah file tersebut ditulis kemudian Save, dan lihat hasilnya.
4. Proses pembuatan musik box selesai.
Alasan penggunaan swf daripada langsung file MP3, karena bila menggunakan swf file yang sobat konvert lebih kecil dan stabil, namun bila menggunakan MP3 biasanya bila di konvert akan mengalami perubahan kualitas suara.
Demikian tahap demi tahap proses pembuatan musik box. semoga dapat membantu. Kritik, saran dan masukan saya butuhkan karena saya sebagai blogger baru membutuhkan hal tersebut.
INFO TAMBAHAN FLASH PLAYER : (edited 03 desember 2009 at. 19.45 WIB)
Kembali pada file yang sudah selesai di Konvert ada file HTML, dan pada gambar sebelah yang saya lingkari ada kode HTML jenis FLASH PLAYER yang sobat pakai. Upload file HTML (yang saya lingkari) kedalam file hosting sobat tadi. Untuk tampilan di blog sobat gunakan HTML (pada gambar sebelah yang dilingkari) contoh kodenya seperti ini :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="360" height="26">
<param name="movie" value="test.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="test.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="360"
height="26"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
- lihat kode diatas, pada tulisan yang berwarna merah (ganti dengan url dimana file swf sobat disimpan). Dan yang berwarna Biru (ganti dengan alamat url file HTML dimana sobat simpan)
terimakasih.
04 May 2009
Cara Membuat Blog
Sobat, masih banyak diantara sobat yang bingung membuat Blog, hingga diantara teman saya sendiri ada yang menanyakan "bagaimana membuat Blog di Blogspot" dan membuat widget tambahan.
Untuk membuat blog dalam "Blogspot" ada baiknya sobat memiliki sebuah account. Pengenalan awal sebuah blog :
1. Blog itu apa ?
Blog merupakan sebuah kata yang sering digunakan oleh para Blogger dan atau singkatan dari *web log* yaitu sebuah situs yang sifatnya bersifat pribadi yang di bertumpuan pada penggambaran sisi si Pembuat blog tersebut.
2. Ragam Blog dan cara membuat blog (blogspot)
Blog sangat beragam jenisnya, diantaranya blogspot,wordpress,blogsome, dan yang gratis lainnya seperti untuk membuat website secara instant seperti ucoz, dan webnode.
Untuk membuat blog di"blogspot" yaitu sobat harus memiliki sebuah account di blogger, caranya yaitu :
Setelah sobat klik tulisan yang berkedip tadi, maka sobat akan diantarkan kepada sebuah halaman blogger,seperti gambar dibawah.
setelah sobat ada dalam halaman tersebut,silahkan sobat ikuti langkah-langkah membuat blog di blogspot sebagai berikut :
1. Klik tanda panah yang bertuliskan "CIPTAKAN BLOG ANDA / CREATE NEW BLOG",maka akan tampak halaman (form) seperti ini.
2. Isikan "alamat email" sobat (tentu saja dianjurkan alamat email yang valid)
3. Ketikan kembali alamat email sobat yang tadi pada kolom "ketik ulang alamat email"
4. Ketikan pasword yang sobat inginkan pada kolom "Masukan sebuah pasword"
5. Masukan kembali pasword sobat pada kolom Ketik ulang sandi
6. Isi kolom "Nama tampilan" dengan nama yang akan sobat tampilkan untuk menandai postingan blog sobat.
7. Tulis Kata (tulisan) yang tertera pada kolom "Verifikasi Kata"
8. Beri tanda pada form yang bertuliskan "Saya menerima Persyaratan dan Layanan", kemudian tekan tanda panah yang bertuliskan "LANJUTKAN". Maka sobat akan dibimbing ke halaman berikutnya (Langkah ke-2)
9. Tuliskan judul blog yang sobat inginkan (nanti bisa sobat rubah) pada kolom "Judul Blog"
10. Tuliskan alamat Blog sobat pada kolom "Alamat blog (URL)", mohon diperhatikan untuk selalu cek ketersediaan URL.
11. Klik tanda panah yang bertuliskan "LANJUTKAN"
12. Pendaftaran selesai kemudian sobat dibawa kehalaman untuk memilih "template" yang sobat kehendaki, untuk awal pilih template standard (nanti dapat dirubah). Kemudian Klik tulisan "LANJUTKAN"
13. Setalah itu sobat dibawa kehalaman berikutnya yang kemudian akan ada tulisan peringatan "Blog anda telah Diciptakan", sekarang tinggal sobat klik gambar panah dengan tulisan "MULAI POSTING.
Selamat mencoba dan berkarya dengan blog sobat.









Hanya Sekedar Test