Showing posts with label widget. Show all posts

Widget Lagu It's My Life

Assalamualaikum
kali ini saya akan share widget lagu~
ini dari hosting saya sendiri lho
jadi mohon copyrightnya jangan diganti ya~
XD
langsung aja

1. Masuk ke Dasbor>Rancangan>Tambah Widget
2. Nah... Setelah Itu Tinggal Pilih HTML/JavasScript
3. Masukkan Kode DI bawah INI! =D

<center><br /> <img alt="INFO BAR" border="0" src="http://divine-music.info/images/dmmusicbar.gif" /><br /> <a href="http://refardo-blog.blogspot.com/" target="_blank"><img alt="Grab This!" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbYf_J1SJkJ7vtysyv7n8wndQtp6MDdyO79ic2fBkvBSG8cWlTYEY1Suk1DRg6DS3riZ9lI3bv9bMUK9q6OgPQfVVcQuPxoP78XmDZe-C7TaMZKnwlfWNw-QHiVwKLikhnR403RU5kD8/s100/Banner.gif" /></a><br /> <b><br /> <a href="http://refardo-blog.blogspot.com/2011/11/widget-lagu-its-my-life.html" target="_blank" title="Grab THIS">Free Music</a> at FEDORA_GLR™</b><br /> <object 6,0,0,0="" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" height="1" width="1">  <param NAME="movie" VALUE="http://fedora.netne.net/It%27s%20My%20Life.swf"> <param NAME="quality" VALUE="high"> <param NAME="bgcolor" VALUE="#000000"> <embed src="http://fedora.netne.net/It%27s%20My%20Life.swf" quality="high" bgcolor="#000000" WIDTH="1" HEIGHT="1" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT><br /> </center><br />

Ke HTML/JAVASCRIPT YG BARU DIBUAT...
(klik tombol CLICK THEN PRESS CTRL+C lalu copy)
4. Simpan DEH! =D

Dan, Ini Previewnya.... =D

INFO BAR

Free Music at D4RK_404™

Selamat Mncoba~ XD

Hanya Catatan Mas Edo... XD

Membuat Burung Twitter Terbang

Assalamualaikum~
sekarang saya mau share widget twitter terbang~ ^^
dulu saya pake itu
tapi sejak ganti template ini, twitterku itu terbang
aku cari2 lagi deh dan ketemu~ ^^
"Fungsinya buat apa tuh?"
Kalo menurutku sih cuman buat memperindah blog dan sekalian promosiin twittermu. ^^
Okeh... langsung saja~ ^^

Login Blogger
Klik Tab Rancangan lalu klik tambah widget
di window tambah widget, pilih html/javascript dan masukkan script ini

<script>
document.write(unescape('%26%6C%74%3B%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%75%70%6C%6F%61%64%2E%64%34%72%6B%2D%34%30%34%2E%73%69%74%65%31%31%2E%63%6F%6D%2F%66%69%6C%65%73%2F%62%75%72%75%6E%67%74%65%72%62%61%6E%67%2E%6A%73%22%26%67%74%3B%26%6C%74%3B%2F%73%63%72%69%70%74%26%67%74%3B'));
</script>
<script type="text/javascript">
var birdSprite="http://upload.d4rk-404.site11.com/images/original12.gif"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/TWITTERUSER";var tweetThisText = "Twitter - UserID";tripleflapInit();
</script>
Klik Simpan ... ^^

Yang Perlu Diganti :

Tulisan TWITTERUSER kamu ganti dengan username twittermu
gambar twitter terbangnya asalnya dari http://upload.d4rk-404.site11.com/images/original12.gif... itu gambar twitter standar saya.. XD kalo mau kamu ganti bisa kamu ganti dengan warna lain~ ^^

Warna Hijau :
<script>
document.write(unescape('%68%74%74%70%3A%2F%2F%32%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%61%59%6E%37%67%44%55%72%41%35%30%2F%54%5A%54%4E%46%68%54%36%49%4E%49%2F%41%41%41%41%41%41%41%41%41%57%6B%2F%52%4A%5A%79%56%4B%6A%4C%58%49%55%2F%73%31%36%30%30%2F%67%72%65%65%6E%2E%70%6E%67'));
</script>
Warna Ungu :
<script>
document.write(unescape('%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%77%42%78%56%76%30%70%6E%55%58%6B%2F%54%5A%54%50%61%50%51%6E%4C%6C%49%2F%41%41%41%41%41%41%41%41%41%57%77%2F%6D%47%30%57%50%34%52%30%66%55%73%2F%73%31%36%30%30%2F%70%75%72%70%6C%65%2E%70%6E%67'));
</script>
Warna Pink :
<script>
document.write(unescape('%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%4E%53%79%63%42%4C%59%38%76%6A%77%2F%54%5A%54%50%43%32%78%46%64%39%49%2F%41%41%41%41%41%41%41%41%41%57%73%2F%75%4A%74%47%65%39%52%38%76%46%73%2F%73%31%36%30%30%2F%70%69%6E%6B%2E%70%6E%67'));
</script>
Warna Biru Tua :
<script>
document.write(unescape('%68%74%74%70%3A%2F%2F%33%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%72%41%43%64%41%72%42%53%76%66%34%2F%54%5A%54%4E%7A%58%38%43%7A%45%49%2F%41%41%41%41%41%41%41%41%41%57%6F%2F%54%4D%79%4F%31%78%6E%4C%37%31%55%2F%73%31%36%30%30%2F%62%6C%75%65%2E%70%6E%67'));
</script>

Selesai~ ^^

Mengganti Warna Background Sesuai Pilihan

Hai hai~
XD
kali ini saya post widget lagi~
yg saya post kali ini adalah cara membuat widget pengganti warna background
'ha? maksudnya gimana tuh?'
gini... kalo kita nge-klik warna dari pilihan warna, warna backgroundnya bakal keganti ama warna yang diklik itu
ya udah... daripada bingung, langsung tutornya aja deh.... XD

Masuk Blogger (harus)
Klik Rancangan (tampilan blogger lama) atau Tata Letak (tampilan blogger baru)
Klik Tambah Widget, klik bagian HTML/Javascript , lalu masukkan script ini

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black"> </td>
<td onclick="bgChange('#ffff00')" bgcolor="#FFFF00"> </td>
<td onclick="bgChange('red')" bgcolor="red"> </td>
<td onclick="bgChange('blue')" bgcolor="blue"> </td>
<td onclick="bgChange('white')" bgcolor="white"> </td>
<td onclick="bgChange('green')" bgcolor="green"> </td>
<td onclick="bgChange('deepskyblue')" bgcolor="DeepSkyBlue"> </td>
<td onclick="bgChange('fuchsia')" bgcolor="Fuchsia"> </td>
<td onclick="bgChange('darkmagenta')" bgcolor="DarkMagenta"> </td>
</tr>
</table>
Setelah itu Klik Simpan~ Selesai deh~ XD

Nanti bakal ada tabel horizontal gitu deh~ XD
Bye...... (^_^)%

Hanya Catatan Mas Edo... XD

Widget Lagu : Party Rock Anthem

Hai lagi setelah 32 hari saya vakum karena JEMBER HACKER.... =D
Kali ini saya akan memposting sebuah widget lagu... ^^
lagu ini adalah request teman 1 sekolah saya...
oke! mari kita buat!
1. Masuk ke Dasbor>> Rancangan>> Tambah Widget
2. Nah... Setelah Itu Tinggal Pilih HTML/JavaScript
3. Masukkan Kode DI bawah INI! =D

<center><br /><br /> <img alt="INFO BAR" border="0" src="http://divine-music.info/images/dmmusicbar.gif" /><br /><br /> <a href="http://refardo-blogger.blogspot.com/" target="_blank"><img alt="Grab This!" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbYf_J1SJkJ7vtysyv7n8wndQtp6MDdyO79ic2fBkvBSG8cWlTYEY1Suk1DRg6DS3riZ9lI3bv9bMUK9q6OgPQfVVcQuPxoP78XmDZe-C7TaMZKnwlfWNw-QHiVwKLikhnR403RU5kD8/s100/Banner.gif" /></a><br /><br /> <b><br /><br /> <a href="http://refardo-blogger.blogspot.com/2011/12/widget-lagu-party-rock-anthem.html" target="_blank" title="Grab THIS">Free Music</a> at FEDORA_GLR™</b><br /><br /> <object 6,0,0,0="" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" height="1" width="1">  <param NAME="movie" VALUE="http://fedora.netne.net/Party%20Rock%20Anthem.swf"><br /> <param NAME="quality" VALUE="high"><br /> <param NAME="bgcolor" VALUE="#000000"><br /> <embed src="http://fedora.netne.net/Party%20Rock%20Anthem.swf" quality="high" bgcolor="#000000" WIDTH="1" HEIGHT="1" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT><br /><br /> </center><br />

Ke HTML/JAVASCRIPT YG BARU DIBUAT TADI...
(klik tombol CLICK THEN PRESS CTRL+C lalu copy)
4.SIMPAN DEH! =D

Untuk Preview, INI DIA! =D

Free Music at FEDORA_GLR™

I HOPE THIS POSTING IS USEFULLY FOR U... IF YOU LIKE THIS POSTING, SHARE THIS!

Membuat Widget Total Posting dan Komentar

sebenernya widget ini sudah dari beberapa minggu yg lalu saya pasang.... karena letaknya ndelik (teresembunyi,red) , jadinya mungkin tidak kelihatan yah? tempatnya itu sekarang berada di tab info yg di bagian kiri itu.... tapi saya akan share buat widget total post, bukan membuat tab view.... hehe... sori yah!

woke... demonya udah.... sekarang mari lanjut ke tutorial nya.....

1. Masuk Blogger (sudah pasti y kalo mo widget ini...! =D)
2. Masuk ke tab rancangan>>>Elemen Laman>>. Tambah Widget
3. Masukin kode ini

<center><script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
</center>

<center><a href="kediriblog.blogspot.com" target="blank">Widget by Refardo</a></center>

4. Terserah mau anda letakkan di mana...

I HOPE THIS POSTING IS USEFULLY FOR U... IF YOU LIKE THIS POSTING, SHARE THIS!

Membuat energy saving pada blog

Hai hai!! ^^
kali ini aku posting cara membuat energy saving pada blog

kalo kamu tau energy savingnya komputer, ya mirip gitulah...

cuma, ini untuk blog... dan bukan desktop XD

hehe... namanya juga script blog XD
fungsinya sih ya untuk mempercantik blog sih menurutku
dan hampir sama kayak energy saving pada komputer... ^^

Oke... langsung aja kita bikin nyok... XD

Pergi ke dasbornya blogger, terus buka tab rancangan, pilih edit html.
Cari kode <head> pake ctrl+f (atau kalo kamu rajin, cari aja pake mata telanjang XD)
Masukin script ini di atas kode <head> tadi...

<script language='javascript' src='http://fedora.googlecode.com/files/energy%20saving.js' type='text/javascript'/>

Klik Pratinjau. kalau sudah bener, Klik Simpan

Selesai deh... ^^
Oh iya... efek energy saving ini cuma baru kerasa waktu blognya kamu tinggal beberapa menit atau detik
kalo ditinggal dan nggak nggerakin kursor di blogmu, energy savingnya bakal muncul...
yah warnanya item gitu lah... XD
Yak... cuma gini aja...
See you @ Next post... ^^

Membuat Link Menjadi Berganti Warna (Rainbow)

Pertama.... saya ucapkan selamat menunaikan IBADAH PUASA BAGI YANG MENJALANKANNYA dan SELAMAT ULANG TAHUN REPUBLINK INDONESIA KE 66! =D

saya akan share sesuatu.. yaitu membuat link di blog anda menjadi warna warni...

gampang aja....

1.. masuk blogger>>dashboard>>rancangan>>edit html>>
letakkan script ini di atasnya kode <body>

<script language='javascript' src='http://refardo.googlecode.com/files/rainbow.js' type='text/javascript'></script>

Untuk Tulisan Di dalam script, jangan diubah. bisa2 malah nggak kena...

=D

I HOPE THIS POSTING IS USEFULLY FOR U... IF YOU LIKE THIS POSTING, SHARE THIS!

Memasang Widget Yahoo Messenger

Hot News mas... Baru digoreng... Hehehe...
Kali ini saya akan memposting tentang Cara Memasang Widget Yahoo! Messenger.
Widget Yahoo Messenger ini berguna bagi anda yang biasa YM!-an dan ingin lebih dekat dengan pengunjung blog anda.
Widget ini menampilkan status online Yahoo! Messenger anda dan dapat membuat orang lain mengirim pesan kepada anda.
Namun, anda bisa membuatnya hanya untuk indikator online.

Baiklah. Langsung saja :D

1. Seperti biasa... masuk ke dasbor > rancangan >tambah widget
2. Selanjutnya, anda bisa meletakkan kode berikut di widget

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0">

Kode tersebut hanya untuk indikator. Sedangkan jika anda ingin pengunjung blog anda dapat mengirim pesan ke YM! anda, silahkan sematkan kode berikut:

<a href="ymsgr:sendIM?YOUR ID">
<img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=2"/></a>

Kemudian, Tulisan YOUR ID ganti dengan ID Yahoo! Messenger anda.
Tapi, jika anda ingin chat dengan menggunakan Yahoo! Messenger ini, tentu saja anda harus menginstall program Yahoo! Messenger-nya.. =D

Membuat Spoiler pada Blog

Pastinya anda yang gemar ngaskus uda awam dengan kata "spoiler" .... nah, ada yang tau ga spoiler itu apa?
Spoiler itu tekniknya mirip kayak buku tamu melayang.. (bagiku sih... XD)
Yah... spoiler itu intinya untuk menghemat tempat dan menghemat bandwith... XD (Kalo bandwithnya itu aku nggak jamin... XD)
Cara bikinnya? scriptnya emang dikit panjang sih... tapi dengan semangat dan kejelian, pasti mudah kug!!

OKEH.... LET'S DO IT!!!

Kamu tinggal Copas HTML Ini..... Pake CTRL+C ya... ^^

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="TAMPIL" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TAMPIL'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
GANTI TULISAN INI
</div></div></div></div>

tulisan TAMPIL DAN TUTUP (bisa dicari dengan f3) bisa diganti tulisannya...
tulisan 'GANTI TULISAN INI' bisa diganti dengan script,tulisan,maupun gambar ....

Dan, ini bisa diletakkan di mana saja, termasuk postingan, sidebar, dan footer.. =D

I HOPE THIS POSTING IS USEFULLY FOR U... IF YOU LIKE THIS POSTING, SHARE THIS!

Membuat Back To Top dengan JQUERY

Tombol Back to Top

Kali ini, saya akan share "Cara Membuat Tombol Back to Top dengan JQUERY".
Tombol Back to Top adalah tombol yang mengarahkan kita menuju bagian atas halaman.
Dengan tombol ini, anda tidak perlu susah-susah untuk scroll halaman dengan touchpad (bagi pengguna laptop).
Kegiatan browsingpun akan semakin mudah.
Cara membuatnya pun cukup gampang. Tinggal simak cara berikut.

Login ke Blogger
Kemudian masuk ke Template
Klik Edit HTML
Lanjutkan dengan mencari kode
<head>
Letakkan kode berikut tepat diatas kode tadi

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://upload.d4rk-404.site11.com/files/scrolling.js" type"text/javascript"></script>

Klik Simpan

Coba cek blog anda sekarang. Jika sudah muncul tombol di kanan bawah halaman, berarti anda sukses menerapkan trik ini.
Sekian, sampai jumpa!

Membuat buku tamu melayang

Buku tamu melayang biasanya dipakai untuk meminimalisir area widget yang akan digunakan... *ea
Selain itu, kegunaannya bisa untuk silaturahmi dan nitip link *eh
belum tau cara bikin buku tamu? klik disini!!

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);"><style type="text/css">
#CilukBa_bgsGR{position:fixed;top:50px;z-index:+1000;}
* html #CilukBa_bgsGR{position:relative;}
.CilukBa_bgsGRknop{height:145px;width:33px;float:left;cursor:pointer;
background:url(http://i1137.photobucket.com/albums/n518/refardo/bukutamu1-1.jpg) no-repeat;}
.CilukBa_bgsGR_SB{float:left;border:2px solid #022f81;background:#75a3f8;padding:3px;}
</style>
<script type="text/javascript">
/* gubhug reyot * bloggerstars1 - bgs1GR */
function Ciluk_ba_bgsGR(){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var w = CilukBa_bgsGR.offsetWidth;
CilukBa_bgsGR.opened ? moveCilukBa_bgsGR(0, 30-w) : moveCilukBa_bgsGR(20-w, 0);
CilukBa_bgsGR.opened = !CilukBa_bgsGR.opened;}
function moveCilukBa_bgsGR(x0, xf){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;
CilukBa_bgsGR.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveCilukBa_bgsGR("+x+", "+xf+")", 10);}}
</script>
<div id="CilukBa_bgsGR">
<div class="CilukBa_bgsGRknop" onclick="Ciluk_ba_bgsGR()"> </div>
<div class="CilukBa_bgsGR_SB">

<---masukin kode bukutamunya di sini--->

<center><a href="http://refardo-blogger.blogspot.com/2011/07/gan.html" target="blank">How To Create Like This?</a></center>
</div>
<script type="text/javascript">
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");
CilukBa_bgsGR.style.right = (33-CilukBa_bgsGR.offsetWidth).toString() + "px";
</script></div></div>
</center>
</div>

Keterangan :
Ganti Tulisan "---masukin kode bukutamunya di sini---" dengan kode buku tamu yg sudah kamu buat...
Emg sih cara bikinnya gampang... soalnya ini tutorial standard.. hehehe

I HOPE THIS POSTING IS USEFULLY FOR U...

Membuat Scrollbar Pada Blog

HALO KAWAN... SAYA MAU POSTING LAGI NIH... ADA YANG TAU SCROLLBAR GA? KALO ~~G TAU~~ YA UDAH.. MARI KITA BAHAS DI SINI...
SCROLLBAR ADALAH BAR YANG BIASANYA ADA DI SEBELAH KANAN DAN BAWAH MOZILLA JIKA halaman tersebut melar... woke.. GIMANA CARA BIKINNYA MAS DI BLOG? wah itu gampang...

mau contoh? ini dia.....

INI DIA SCROLL BOX NYA.... =D

scriptnya apa gan? tenang... aku uda kasi kok.. tinggal diliat aja...

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>

tulisan "Tambahkan teks atau kode script disini" itu BISA AGAN GANTI dengan teks atau kode script yang lain....

ukurannya bisa agan ganti dengan ngubah width dan height yang 80px itu dengan ukuran laen

nah... uda tau gimana caranya? sekarang uda bisa kan buatnya? C U !

I HOPE THIS POSTING IS USEFULLY FOR U... IF YOU LIKE THIS POSTING, PLEASE SHARE THIS TO YOUR FRIEND!

Membuat Posting tanpa Readmore

Tombol Read More

Fasilitas Read More pada posting blog berguna bagi sebagian orang, agar mereka dapat langsung membuka posting yang diinginkan hanya dengan satu kali klik.
Terkadang, ada juga orang yang menganggap Read More hanya memenuhi halaman preview posting mereka. Sehingga, mereka berusaha menghilangkannya agar lebih luas dipandang.

Apakah sobat merasa fasilitas Read More pada template blog pihak ketiga yang sering ada itu menjengkelkan? Anda bisa menghilangkannya dengan cara berikut.

Masuk Blogger (blogger.com)
Klik drop down pada blog anda, pilih template
Klik Edit HTML. Ingat, Backup Template anda.
Cari Kode ]]></b:skin> dengan menggunakan CTRL+F
Kemudian, letakkan script berikut tepat di bawah kode tersebut.

<style type='text/css'>
     <b:if cond='data:blog.pageType != "item"'>
     <b:if cond='data:blog.pageType != "static_page"'>
     .post-body{display:none;}
     </b:if>
     </b:if>
     </style>

Jika anda hanya ingin menampilkan judul saja, gunakan kode berikut

<style type='text/css'>
     <b:if cond='data:blog.pageType != "item"'>
     <b:if cond='data:blog.pageType != "static_page"'>
     .post-body, .post-footer, .jump-link,
     .post-timestamp, .reaction-buttons,
     .star-ratings, .post-backlinks,
     .post-icons, .date-header{display:none;}
     </b:if>
     </b:if>
     </style>
Klik Simpan dan cek blog anda

Demikian trik Membuat Posting Tanpa Readmore, semoga berguna bagi anda :D

Membuat Buku Tamu pada Blog

Buku Tamu di blog, kadang kala penting bagi pengunjung yang ingin "titip" link-nya tanpa perlu repot membuka posting.
Selain itu, buku tamu juga dapat menjadi ajang silaturahmi bagi pengunjung blog dan pemilik blog (admin)
Karena itu, makin hari makin banyak blog yang memasang Buku Tamu pada blog-nya
Kali ini, saya akan membagikan cara untuk membuat buku tamu blog dengan layanan dari cbox.ws.
Langsung saja kita simak.

Masuk ke halamannya di www.cbox.ws
Untuk melakukan pendaftaran, cukup klik sign up dari bagian menu
Bagian-bagian yang perlu diisi dalam pendaftaran:
Cbox name: wajib diisi.. contoh: refardogelora.cbox.ws
E-mail address: masukkan alamat anda.
Password dan confirm password: masukkan password untuk akun cbox.ws anda
Website: masukkan alamat website atau blog anda
Untuk bagian language dan style, anda dapat memilihnya sesuai keinginan atau biarkan. Anda dapat mengubahnya usai pendaftaran
Masuk ke layanan email anda dan klik tautan yang dikirimkan oleh cbox.ws...
Usai anda klik tautan tersebut, anda dapat masuk ke layanan cbox.ws. Caranya, masukkan login name / e-mail dan password yang telah anda daftarkan tadi
Setelah login, klik menu publish (tepat di sebelah menu home)
Klik dropdown pada bagian Step 1 dengan blogger / blogspot. Kemudian pada bagian Step 2, klik dropdown dan pilih Inline (default)
Copy semua kode yang ada pada Step 3
Buka Blogger dan pilih Tata Letak
Klik Tambahkan Gadget
Kemudian Paste kode dari cbox.ws tadi.

Buku Tamu dari cbox ini dapat dipasang dimanapun, termasuk di bagian laman atau dipasang langsung pada template blog. Akan tetapi, lebih mudah jika memasangnya sebagai gadget.

Sekian tentang Cara Membuat Buku Tamu pada Blog,

Terima kasih telah membaca ^^