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.
Promote Your Web Here
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 :
31 January 2010
TV ONLINE
Menonton televisi online di mana saja. Yang Sobat butuhkan adalah sebuah Software TV Online, Komputer, dan koneksi internet. Banyak ragam acara yang disediakan tanpa berlangganan sekarang sobat dapat menontonnya dengan GRATIS, dari aplikasi ini sobat dapat menonton lebih dari 4.000 Stasiun TV dari 80 Negara bahkan lebih!
Ragam acara yang dapat sobat tonton-pun beragam diantaranya Kartun, Fashion, Berita, Discovery, Olahraga, Film, Musik, Sepak Bola, Tayangan Dewasa (18+), Prakiraan Cuaca, Bursa Saham, Pendidikan, dan banyak lagi saluran yang tersedia.
Enaknya menggunakan Aplikasi ini sobat dapat menontonya kapan dan dimana saja dengan syarat utama harus koneksi ke internet. Nah Lumayan khan kita bisa nonton acara dari berbagai negara tanpa harus berlangganan.
Aplikasi ini tidak mengandung spyware. Keamanan-pun terjaga sehingga tidak perlu khawatir.
DOWNLOAD INTERNET TV GRATIS
30 January 2010
CBOX BARU
Sobat, lama ga update blog ternyata bikin kangen juga ya. Berhubung sibuk sana sini,blog sampai ga keurus nih. Kaget lihat tampilan shoutmix saya yang berubah, karena menurut pemberitaan ternyata shoutmix sedang mengalami masalah (Error). Lihat saja tampilan shoutmix saya yang apabila sobat berkomentar tidak bisa meninggalkan LINK. Lihat saja shoutmix lama saya DISINI.
Untuk mengatasi masalah tersebut saya menggunakan trik dengan memasang chatbox baru bagi sobat yang telah mengunjungi blog saya agar dapat meninggalkan jejak link blog sobat semua.
Cbox pun sebagai pengganti shoutmix lama saya. Semoga dapat bermanfaat buat sobat. Mau buat cbox ? silahkan klik disini
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....
09 December 2009
WindowBlinds 7 Free download
WindowBlinds adalah sebuah aplikasi untuk memperindah tampilan windows sobat. Setelah lama tak ada kabar, kini windowblinds keluar dengan versi terbarunya yaitu versi 7.0 dengan banyak perubahan dan perangkat tambahan untuk memanjakan penggunanya. Dalam windowBlinds v.7.0 ini ada 14 point keunggulan dari pengembang windowBlinds ini (Stardock.corp), dan yang perlu digarisbawahi adalah windowBlinds v.7.0 ini adalah kompetible dengan windows se7en. Inovasi interfacenya lebih mudah,memungkinkan penggunaan tampilan muka yang variatif. Dengan tambahan 6 efek tampilan interface diantaranya windows vista,aero metal, corporate, woods aero, aero clay, dan sabertooth.
Ukuran windowblinds adalah 32,8 MB, dengan kapasitas yang kompetibel dengan windows XP/Vista/Se7en. Setelah sobat instal akan ada 8 fitur penunjang utama pada windowblids 7 ini yaitu :
1. Thema / Visual style : pada style ini dapat diterapkan dalam windows sobat diantaranya ke-enam interface diatas. untuk mengganti thema sangat mudah yaitu hanya dengan klik ikon windowblinds sobat --> pilih thema --> kemudian apply.
Ada beberapa bentuk thema yang bisa sobat download kembali untuk memanjakan sobat dengan penggunaan windowblinds-nya.
Kumpulan thema 1 (download)
kumpulan thema 2 (download)
2. Variasi style yang dapat sobat manfaatkan semuanya terpapar disini.
3. Warna : memungkinkan sobat untuk merubah berbagai warna yang sobat sukai. Sobat dapat merubah warna Windows Explorer, Start menu, Taskbar pada menu PC sobat.
4. Tab Menu : memungkinkan sobat menerapkan efek dan pola ke Windows Explorer, Start menu, Taskbar. Bahkan sobat dapat mengedit dengan tombol Edit, atau membuat efek baru dengan efek tombol Create.
5. Wallpaper : memungkinkan sobat merubah tampilan wallpaper windows sobat, semudah mengganti background dekstop sobat.
6. Font Tabmenu : memungkinkan sobat untuk merubah ukuran font tab menu sobat sesuai dengan yang sobat kehendaki.
7. Transparansi Tab.
8. Wallpaper untuk folder explorer sobat yang dapat dirubah oleh sobat sesuka hati sobat.
Sobat sudah menggunakan windowblinds ? Ingin menggunakannya ? silahkan unduh windowblinds versi 7.0 dibawah :
- DOWNLOAD WINDOWBLINDS 7 (Hotfile)
- DOWNLOAD WINDOWBLINDS 7 (mirror)
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.
29 November 2009
Update status twitter dengan twitterbar
TwitterBar adalah sebuah ekstensi untuk Mozilla Firefox Web Browser (awalnya ditulis oleh Tony Farndon kemudian disempurnakan oleh Christopher Finke) yang memungkinkan sobat untuk menulis status pada Twitter account sobat. Caranya cukup ketik status yang akan sobat tampilkan pada address bar dan klik ikon TwitterBar untuk mengirimkannya ke Twitter.
Twitter Logo
Posting Status Twitter
Untuk posting update status twitter sobat, silahkan sobat tulis status di address bar kemudian tekan logo hijau seperti yg di tunjuk pada gambar.
Searching sosial web directly
selain berfungsi untuk update status twitter sobat, TwitterBar juga dapat digunakan untuk Search Sosial Web Directly, yaitu dengan nulis apa yg dicari pada address bar kemudian klik icon berwarna magenta seperti gambar dibawah.
TwitterBar status :
Jangan lupa yah sobat buat FOLLOW Twitter saya DISINI
26 May 2009
Membuat Widget Top Artikel
Sobat tahu posting/artikel mana yang sering dikunjungi?? Artikel mana yang jadi favorit pembaca sobat?? Nah untuk itu saya mencoba memberikan postingan tentang "Widget Top Artikel". Widget ini berfungsi untuk mengetahui artikel mana yang menjadi favorit pengunjung blog sobat. Dari postingan kemarin ada juga yang membahas tentang TOP namun kemarin adalah postingan "TopKomentator"
Udah ah sobat ga usah banyak basa-basi, nanti malahan basi beneran deh, hehehe..., Fungsinya seperti yang dikemukakan diatas dan mungkin banyak juga sobat blogger yang sudah menggunakannya. Namun disini saya cukup kasih cara membuat Widget Top Artikel secara instant.
Silahkan sobat gunakan Form Otomatis dibawah Untuk Memasang Widget Top Artikel :
Catatan :
- Setelah mengisi Namablog dan Id filter sobat Harap Klik "Update"
- Silahkan bagi sobat yang berkenan menambahkan widget ini kedalam postingan sobat dapat menggunakan Form dibawah :
25 May 2009
Membuat Widget Top Komentator
Widget Top Komentator merupakan sebuah widget untuk mengetahui siapa saja yang mengomentari tulisan/artikel pada blog sobat. Widget ini akan memberikan urutan siapa yang mengomentari blog sobat dari yang terbanyak hingga terkecil.
Fungsi dari widget ini selain untuk mengetahui top komentator juga sebagai Back Link dari blog sobat, dikarenakan blog saya adalah blog yang "do follow". Hmm padahal belum saya cek kembali blog saya "dofollow" atau tidak setelah ganti template.
Banyak para blogger sudah menggunakannya, namun bila sobat ada kesulitan penulisan kodenya saya memberikan sebuah cara instant memasang widget Top Komentator.
Silahkan sobat gunakan Form Otomatis dibawah Untuk Memasang Widget Top Komentator :Catatan :
- Setelah mengisi Namablog dan Id filter sobat Harap Klik "Update"
- Silahkan bagi sobat yang berkenan menambahkan widget ini kedalam postingan sobat dapat menggunakan Form dibawah :
05 May 2009
Membuat Label Cumulus "JS"
Label blog "CUMULUS" disini adalah sebuah label dengan ektensi file Java Script. Pemasangan label sangat membantu pengunjung mencari kategori apa yang sedang dicari pengunjung. Untuk contoh label yang menggunakan ini silahkan sobat lihat disini. Kesan pemasangan label seperti ini agaknya rumit namun jika mengetahui akan terlihat mudah.
Saya mencoba mempermudah bahasa untuk mengulas pembahasan "Label Cumulus". Setelah sobat melihat contohya apakah sobat tertarik untuk mempergunakannya dalam blog sobat?. Sebelum ke tahap selanjutnya saya hanya ingin memberitahukan kelebihan dan kekurangan dari label semacam ini.
Menurut saya label seperti ini ada kelebihannya yaitu Blog sobat akan terkesan lebih indah bila dibandingkan dengan menggunakan Label Standar. Namun dari sisi kelebihan pasti ada sebuah sisi kekurangan yang menurut saya adalah blog sobat terkesan akan sedikit berat karena dalam label ini mengginakan ektensi Java Script. Nah lohh..sekarang gimana sobat saja. Masih ingin memasangnya atau tidak?
By the way its oke lahh masalah mau memasang atau tidak itu urusan sobat..hehe.peace ahh takut kena razia. Saya akan bagi caranya seperti ini, simak baik-baik yah :
1. Login kedalam member area blog anda dengan ID dan Password anda
2. Pilih Tab "TATA LETAK/LAYOUT", kemudian pilih "EDIT HTML", tandai kotak "EXPAND WIDGET". Jangan lupa untuk BackUp template sobat sebelumnya dengan mendownloadnya, pilih/klik Tulisan "DOWNLOAD FULL TEMPLATE".
3. Cari kode dibawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Jika mengalami kesusahan mencari kode karena banyaknya pengkodean silahkan sobat lakukan dengan cara tekan tombol Ctrl+F pada keyboard sobat dan paste kode diatas.
4. Setelah menemukan kode diatas silahkan sobat copy kode dibawah ini kemudian Paste tepat dibawah Kode diatas.
<b:widget id='Label9' locked='false' title='Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5. Klik tombol SAVE TEMPLATE/SIMPAN
Catatan :
a. Pada tulisan kode yang berwarna merah adalah lebar dan tinggi widget, silahkan sobat ganti sesuai dengan widget sidebar sobat.
b. Pada Tulisan yang berwarna hijau adalah warna Background dari widget label cumulus, sedang yang berwarna kuning adalah warna Text yang ada dalam widget label cumulus.
c. Untuk tulisan dengan warna biru adalah Ukuran Text pada widget label cumulus.
Untuk mengganti kode warna Hexadesimal silahkan sobat mengunjungi http://www.html-color-code.info. Selamat mencoba.
SOBAT DAPAT MENDOWNLOAD TUTORIALNYA JUGA DISINI
04 May 2009
Bikin Recent Post
Recent Post atau Posting terbaru merupakan salah satu informasi secara singkat Judul dari posting yang baru saja dibuat oleh penulis. Biasanya tampilan ini berurutan sesuai dengan apa yang telah di postkan penulis lebih awal ke yang paling baru. Cara membuatnya ada 2 code yang harus sobat ikuti. Dari kode-kode tersebut diantaranya ada kode yang harus sobat simpan dalam direktori penyimpanan file sobat. Jika sobat tidak memiliki/penuh direktori penyimpanan file tersebut sobat dapat menggunakan jasa penyimpanan gratis.
Beberapa direktori penyimpanan Gratis antara lain www.geocities.com (login dengan account yahoo sobat), www.tripod.com, www.sites.google.com dan lainnya.
Kode yang pertama :// ----------------------------------------
// SHOW RECENT POST
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 2.1
// Date: 2007-02-02
// Author: Hans Oosting
// URL: beautifulbeta.blogspot.com
// ----------------------------------------
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(Baca)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
document.write('<span style="font-size:80%;"></span>');
if (!standardstyling) document.write('</div>');
document.write('<span style="font-size:80%;">Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');
}
Caranya :
1. setelah sobat copy kode tersebut silahkan sobat masukan kedalam notepad, kemudian simpan dengan ekstensi file text, misal recentpost.txt.
2. Upload file txt tersebut kedalam direktori file sobat seperti contoh diatas.
3. Setelah file tersimpan pada direktori sobat, sobat bersabar sebentar yah ada kode kedua yaitu :<script style="text/javascript" src="http://sites.google.com/site/zenk82/Home/recentpost.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://kanzenk.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
4. Ganti text yang berwarna MERAH dengan URL file yang ada pada direktori sobat, ganti text yang berwarna BIRU dengan angka yang lain (ini menunjukan jumlah posting baru yang akan ditampilkan), dan ganti text berwarna HIJAU dengan alamat URL blog sobat.
5. Silahkan sobat masuk kedalam Blog area sobat, kemudian pilih "LAYOUT", "TAMBAH GADGET", "HTML/JAVA SCRIPT".
6. Copy kode kedua setelah dirubah sesuai petunjuk, kemudian pastekan kedalam GADGET, kemudian SIMPAN.
Jika sobat merasa bingung dan merasa lama silahkan sobat klik tombol dibawah untuk menginstal langsung kedalam blog sobat.
selamat berkarya dan bila ada masalah dalam kode tersebut silahkan post di komentar.
Cara Pasang Widget Alexa Rank pada Blogger
Alexa rank adalah sebuah widget pendeteksi trafik pengunjung pada sebuah website ataupun blog. Alexa merupakan pendeteksi tersohor dikalangan masyarakat pecinta blog dan website. Seperti ini kutipan resmi tentang alexa yang ada pada situs Alexa :
The traffic rank is based on three months of aggregated historical traffic data from millions of Alexa Toolbar users and data obtained from other, diverse traffic data sources, and is a combined measure of page views and users (reach). As a first step, Alexa computes the reach and number of page views for all sites on the Web on a daily basis. The main Alexa traffic rank is based on a value derived from these two quantities averaged over time (so that the rank of a site reflects both the number of users who visit that site as well as the number of pages on the site viewed by those users). The three-month change is determined by comparing the site's current rank with its rank from three months ago. For example, on July 1, the three-month change would show the difference between the rank based on traffic during the first quarter of the year and the rank based on traffic during the second quarter.
Alexa Rank sangat penting sekali khususnya buat para pencari uang yang menggunakan sarana Online seperti blog maupun website seperti ask2link. Karena hal ini akan mengetahui seberapa besar pengunjung Blog/Web tersebut dalam harian,bulanan, maupun tahunan.
Bagaimana cara memasang ALEXA RANK pada blog :
1. Klik disini neh, untuk menuju ke halaman alexa.
2. Sobat akan dibawa kehalaman alexa, disana akan ada 3 pilihan jenis widget yaitu Alexa Traffic Graph (bentuk widget berupa gambar grafik), Alexa Site Stats Button (bentuknya seperti yang saya pergunakan), dan Alexa Traffic Rank Button (akan berbentuk traffic rank blog anda). Pilih Opsi kedua atau ke tiga.
3. Ketikan alamat URL blog sobat pada form widget yang sobat pilih (catatan : sobat tuliskan URL tanpa http ataupun www dengan arti langsung misalnya kanzenk.blogspot.com) kemudian tekan tombol Build Widget
4. Sobat dialihkan halaman menuju Kode HTML untuk widget yang sobat pilih dengan alamat blog sobat. Silahkan pilih bentuk dan ukuran Widget yang telah sobat buat.
Cara Memasang Pada Blog (blogger.com):
1. Masuk kedalam account Blog sobat
2. Klik pada "Layout"
3. Pilih menu "Add a gadget / tambah widget" Pilih "HTML/Java Script"
4. Masukan Kode HTML Alexa yang sudah dibuat tadi kemudian tekan "SAVE"
Silahkan cek halaman Blog sobat.
