Variasi Efek hujan salju di blog (Update)

<div dir="ltr" style="text-align: left;" trbidi="on">Efek hujan salju di blog, mungkin sudah bisa membayangkan seperti apa hujan salju, tidak jauh berbeda dari aslinya efek dari hujan salju ini karena memiliki tingkah laku yang hampir persis hujan salju beneran <i>"walaupun belum pernah liat hujan salju yang beneran sih cuma liat di tipi aja".</i> jadi jika anda memasang efek hujan salju ini blog anda akan ada butiran-butiran putih melayang berjatuhan secara bergantian layaknya hujan salju, tetapi efek ini menarik diterapkan pada blog yang memiliki latar belakang selain putih, karena warna daipada efek salju ini berwarna putih jika latar blog anda putih tidak keliatan "percuma dong jadinya". Tampilan yang menarik bisa dilihat pada tampilan blog yang memiliki latar Biru muda, Hijau muda ataupun warna yang muda selain putih! <br /><br /><a href="http://khusus-demo.blogspot.com/" rel="nofollow" target="_blank"><b>Lihat Demo</b></a><br /><br /><b>Cara membuat efek tersebut :</b><br /><br /><ol><li>Masuk ke Blogger</li><li>Klik <b>Tanda anak panah</b></li><li><b>Klik Template </b></li><li>Klik <b>Edit HTML >> Proceed (Lanjutkan)</b></li><li>Salin dan tempel kode berikut diatas <span style="color: #38761d;"></head></span></li><div><form name="copy"><div align="center"> </div><div align="center"><textarea cols="55" name="txt" rows="100" style="border: 1px solid #EAEAEA; height: 144px; width: 400px;" wrap="VIRTUAL"><script type='text/javascript'> //<![CDATA[ //Configure below to change URL path to the snow image var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIjPC94QLqCUv0WP-mbFYRAt9B-dgGVMrJrHoJR9gnYc63oCnIXE8fbYUPRCEaRDlRUKs2st97sGLJ0gELzY7GDlvdj63WN75eHvjErgxFALQPKgfwTe2BcVEs3LiyQYPl19jlFdNjHyy/s320/salju.png" // Configure below to change number of snow to render var no = 15; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = 0; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "pageheight"; ///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowIE_NS6() { // IE and NS6 main animation function doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow(){ if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up){ snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } //]]></script>

Membuat Link Membesar Saat disentuh Kursor

<div dir="ltr" style="text-align: left;" trbidi="on"><h1>Membuat Link Membesar Saat disentuh Kursor | Tutorial Blog</h1><div style="text-align: justify;">Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.</div><a href="http://www.blogger.com/null" name="more"></a><div style="text-align: justify;">Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.</div><br /><div style="text-align: left;">Cara Membuat Link Membesar Saat disentuh Kursor :</div><ul><li>Masuk ke akun blogger sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li><li>Cari kode a:hover { </li><li>Ganti kode font-size dengan ukuran yang lebih besar.<br />Contoh :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:10px;<br />font-style:italic;<br />cursor:wait;<br />}</div>ganti dengan<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:<b><span style="color: blue;">19px</span></b>;<br />font-style:italic;<br />cursor:wait;<br />}</div></li><li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>. </li></ul><div style="text-align: left;">Selamat Mencoba dan Semoga Berhasil...</div></div>

widget blogspot Membuat Link Membesar Saat disentuh Kursor

Membuat Link Membesar Saat disentuh Kursor | Tutorial Blog Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menari...

Read more »

Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUowPXaSXPpS0GjocvT5NWdyce7MQMFjBu8PylkI2HC21sD2gRf1BjAhB_joW1ktIbbeZlNT8UUVA05XiPPbza9ZTODgNWtIB8Bs6r_hRKEN26g2rdUGi2_mVxH3Gy7-Na8pXyLKXrxM/s1600/Untitled2.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUowPXaSXPpS0GjocvT5NWdyce7MQMFjBu8PylkI2HC21sD2gRf1BjAhB_joW1ktIbbeZlNT8UUVA05XiPPbza9ZTODgNWtIB8Bs6r_hRKEN26g2rdUGi2_mVxH3Gy7-Na8pXyLKXrxM/s320/Untitled2.png" title="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" width="320" /></a></div>Bagi seorang Blogger (khususnya pada Blogspot) yang sudah tidak pemula lagi, istilah label bukanlah hal yang asing. Mereka menerapkan Label ini pada Blog-nya untuk mengelompokan artikel berdasarkan jenisnya. Hal ini tentunya dilakukan untuk membantu pengunjung Blog agar lebih mudah dalam menjelajahi sebuah Blog. Namun bagaimanakah seorang Blogger menampilkan Label ini agar pengunjung dapat melihat kategori-kategori artikel pada Blog-nya?<br /><a href="http://www.blogger.com/null" name="more"></a>Blogspot sudah menyediakan widget untuk Lebel dengan dua pilihan tampilan, yaitu tampilan Daftar dan tampilan Cloud. Nah, sekarang saya akan membahas widget Label dengan tampilan Cloud. Berbeda dengan tampilan daftar yang menampilkan daftar label secara vertikal, tampilan Cloud ini menampilkan widget label dengan terus menjejerkan nama-nama label seperti sebuah kalimat.<br />Ternyata widget Label Cloud ini dapat dimodifikasi agar tampilanya lebih menarik. Kali ini saya akan bagikan salah satu cara memodifikasinya yang akan menghasilkan tampilan widget Label Cloud dengan ukuran Font yang berbeda. Hasil modifikasi ini juga membuat, semakin banyak Label diisi artikel, maka nama Label akan ditampilkan dengan ukuran Font yang besar. Sedangkan sebaliknya, jika sebuah Label jarang diisi artikel maka nama Label akan ditampilkan dengan ukuran font yang kecil.<br /><br />Bagaimana? Tertarik untuk menerapkanya di Blog sobat? Silakan ikuti langkah-langkah membuatnya.<br /><ul style="text-align: left;"><li>Memasang widget Label Cloud. </li></ul>1. Login ke akun Blogger sobat.<br />2. Masuk ke bagian Tata Letak.<br />3. Klik Tambahkan Gadget di posisi yang sobat inginkan untuk dipasang widget Label Cloud.<br />4. Silakan pilih widget Label dan sobat tentukan tampilanya. Yang paling penting adalah sobat harus memilih opsi "Cloud".<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Ggxj6xd9zphs73k2QvBWvRPMFSxONbpfiHwcMhz_UVeIewhRD9f5wz6yxaiEOTjmqbbKjzQK6iIfUYvV6WBeR3h7hg8VdT0t323SUD2yMeWFYrUNXzxd0zjTk4fvutFZ6HHkJwOzLk0/s1600/Untitled4.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Ggxj6xd9zphs73k2QvBWvRPMFSxONbpfiHwcMhz_UVeIewhRD9f5wz6yxaiEOTjmqbbKjzQK6iIfUYvV6WBeR3h7hg8VdT0t323SUD2yMeWFYrUNXzxd0zjTk4fvutFZ6HHkJwOzLk0/s320/Untitled4.png" title="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" width="296" /></a></div><br />5. Klik Simpan, dan widget Label Cloud pun telah terpasang di Blog sobat.<br /><ul style="text-align: left;"><li>Memodifikasi widget Label Cloud. </li></ul>6. Berikutnya adalah memodifikasi widget Label Cloud tersebut. Masuk ke bagian Template dan klik Edit HTML.<br />7. Dengan menggunakan tombol ctrl+F, carilah kode <b>]]></b:skin></b> dan letakan kode berikut di atas kode <b>]]></b:skin> </b>tersebut.<br /><br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 600px; overflow: auto; padding: 15px;">.label-size-1 a {<br />font-size: 13px;<br />text-decoration: none;<br /><span style="color: red;">color:<i><b>#4B8A08</b></i>;</span><br />}<br />.label-size-2 a {<br />font-size: 15px;<br />text-decoration: none;<br /><span style="color: red;">color:<i><b>#DF0101</b></i>;</span><br />}<br />.label-size-3 a {<br />font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;<br /><span style="color: red;">color:<i><b>#045FB4</b></i>;</span><br />}<br />.label-size-4 a {<br />font-size: 18px;<br />text-decoration: none;<br /><span style="color: red;">color:<i><b>#DF7401</b></i>;</span><br />}<br />.label-size-5 a {<br />font-size: 23px;<br />text-decoration: none;<br /><span style="color: red;">color:<i><b>#045FB4</b></i>;</span><br />}<br />.label-size-1 a:hover,<br />.label-size-2 a:hover,<br />.label-size-3 a:hover,<br />.label-size-4 a:hover,<br />.label-size-5 a:hover { text-decoration:underline;}</div><i>Re-Edit:</i><br /><i>Ubahlah <b>kode berwarna merah</b> dan <b>bercetak tebal miring</b>, dengan kode HTML warna yang sobat inginkan.</i><br /><i>Dengan kode di atas maka akan menghasilkan widget Label Cloud dengan ukuran font yang berbeda dan warna-warni, seperti contoh berikut.</i><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMnhIVKgy-IOq0avitjo12bjrusjrv-tyfYmFqpXQYrgX0Kvz-5Bkb7yziRgKMmMCevj9EZ4WGG79LIRNAyndCqrAe7WWHnPREMGJdyLXk4nItTn7kMP9cFmvTeU-ifGGp2285wfOCpA8/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMnhIVKgy-IOq0avitjo12bjrusjrv-tyfYmFqpXQYrgX0Kvz-5Bkb7yziRgKMmMCevj9EZ4WGG79LIRNAyndCqrAe7WWHnPREMGJdyLXk4nItTn7kMP9cFmvTeU-ifGGp2285wfOCpA8/s320/Untitled1.png" title="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" width="320" /></a></div><br /><i>Jika sobat tidak menyukai tampilan yang warna-warni atau hanya ingin satu warna saja, silakan hapus <b>kode yang berwarna merah</b> (<span style="color: red;">color:<b>#XXXXXX</b>;</span>). Maka dengan script ini akan menghasilkan widget Label Cloud dengan ukuran font yang berbeda saja.</i><br /><br /><i>Lalu font yang dihasilkan akan berwarna apa? Tentunya warna font ditentukan oleh setelan pada Template Blog yang sobat gunakan. Berikut contoh hasilnya.</i><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9BJaai_6ciKyNRs5rW0eQzglhuHu-KWwCHSb3PB5Lq09pOT1nLQwZgYx8Qm4BpWdmtWn5c9kxLpfsRxk471Alo0Ad5Uglm1M5KV2C8_oPOh0lV1tSACKlLaiYAP8U1NLqOK8xk-hWlOs/s1600/Untitled.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" border="0" height="303" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9BJaai_6ciKyNRs5rW0eQzglhuHu-KWwCHSb3PB5Lq09pOT1nLQwZgYx8Qm4BpWdmtWn5c9kxLpfsRxk471Alo0Ad5Uglm1M5KV2C8_oPOh0lV1tSACKlLaiYAP8U1NLqOK8xk-hWlOs/s320/Untitled.png" title="Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda" width="320" /></a></div><br />8. Klik Simpan Template, dan silakan lihat hasilnya.</div>

widget blogspot Memasang Widget Label Cloud dengan Ukuran Font yang Berbeda

Bagi seorang Blogger (khususnya pada Blogspot) yang sudah tidak pemula lagi, istilah label bukanlah hal yang asing. Mereka menerapkan Label...

Read more »

Cara Membuat Widget Label dengan Tampilan Cloud yang Unik

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3ga3D2JJBKUAl8oWj6RxysQwVQG-_Z-fhE61-P9JBu-aNqEaYwKGBZXVi_Fgs3L5MczgdlskGMHbLpzvFnp87sENFNRycCOYrSxtDsMi90q4l5GpyrKIEF2FgY13POOyM6ACla5YzQs/s1600/Untitled2.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3ga3D2JJBKUAl8oWj6RxysQwVQG-_Z-fhE61-P9JBu-aNqEaYwKGBZXVi_Fgs3L5MczgdlskGMHbLpzvFnp87sENFNRycCOYrSxtDsMi90q4l5GpyrKIEF2FgY13POOyM6ACla5YzQs/s1600/Untitled2.png" title="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" /></a></div>Beberapa waktu lalu saya sempat membagikan salah satu cara memodifikasi widget Label, tepatnya pada widget Label dengan tampilan Cloud yang kebetulan kali ini juga masih pada tampilan tersebut. Namun berbeda dengan yang dahulu yakni Label Cloud dengan ukuran Font yang berbeda, mungkin sekarang tampilanya akan lebih unik dan menarik lagi. Gambar di samping mungkin bisa menjadi gambaran hasil dari modifikasi widget Label yang sekarang akan saya bahas. Mau tahu bagaimana uniknya? Silakan simak lebih lanjut dan bila perlu coba pada Blog sobat.<br /><a href="http://www.blogger.com/null" name="more"></a>Sedikit penjelasan tentang hasil dari modifikasi widget Label kali ini. Setiap nama label akan dilingkari dengan border berwarna. Dan ketika cursor disentuhkan pada salah satu nama label, maka warna border akan berubah serta nama dengan border akan berputar kurang lebih seperempat lingkaran.<br />Perhatikan screenchot hasil modifikasi-nya di bawah ini.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2y3HkqwbKU7JHKARNZvhP2znLSCxiXio_cg0XnS9uWk2eaZ_evB71cFjCEwcoTWYcxfbFc9WkvHdbfQ1SbzePVyv4jAgxRSN7qV5-K-keC_HGBDsTEEQs8hlFKbCVnkUqKnsQNRI7a1o/s1600/Untitled.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2y3HkqwbKU7JHKARNZvhP2znLSCxiXio_cg0XnS9uWk2eaZ_evB71cFjCEwcoTWYcxfbFc9WkvHdbfQ1SbzePVyv4jAgxRSN7qV5-K-keC_HGBDsTEEQs8hlFKbCVnkUqKnsQNRI7a1o/s320/Untitled.png" title="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" width="301" /></a></div><br />Bagaimana? dengan sobat melihat screenshot diatas, apakah tertarik untuk menerapkanya di Blog sobat? Silakan ikuti langkah-langkah berikut ini:<br /><br />Pertama yang harus dilakukan adalah sobat memasang dulu widget Label pada Blog sobat, tentunya dengan tampilan cloud.<br />1. Login ke akun Blogger sobat.<br />2. Masuk pada bagian Tata Letak.<br />3. Klik Tambahkan gadget di posisi yang sobat inginkan.<br />4. Pilih Widget Label dan silakan sobat bisa atur sendiri tampilanya. Namun jangan lupa, sobat harus memilih tampilan cloud.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX2xceNP6xzQrJaDqkhNjwIm75MEfXoVytGqfCxkAV12nHF4jrr2oegOcWKF4LktkkW7szVQ6Xb0byRATkCJyx4qRu1NBnpLXPeue6ie4K3JXPwRgFEx06TlU0vRaWqqPJv83lO1Vzvg/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX2xceNP6xzQrJaDqkhNjwIm75MEfXoVytGqfCxkAV12nHF4jrr2oegOcWKF4LktkkW7szVQ6Xb0byRATkCJyx4qRu1NBnpLXPeue6ie4K3JXPwRgFEx06TlU0vRaWqqPJv83lO1Vzvg/s320/Untitled1.png" title="Cara Membuat Widget Label dengan Tampilan Cloud yang Unik" width="293" /></a></div><br />5. Klik simpan, sobat telah berhasil memasang widget Label Cloud pada Blog sobat.<br />Kini sobat mulai untuk mengedit tampilanya agar lebih unik dan menarik.<br />6. Masuk ke bagian Template dan klik Edit HTML.<br />7. Dengan tombol ctrl+F carilah kode <b>]]></b:skin></b> dan letakan kode berikut di atas kode <b>]]></b:skin> </b>tersebut.<br /><b><br /></b><br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 750px; overflow: auto; padding: 15px;">.label-size{<br />margin:0 2px 6px 0;<br />padding: 3px;<br />text-transform: uppercase;<br />border: solid 1px <span style="color: red;"><b>#ADFF2F</b></span>;<br />border-radius: 3px;<br />float:left;<br />text-decoration:none;<br />font-size:10px;<br />color:#666;<br />}<br />.label-size:hover {<br />border:1px solid <span style="color: blue;"><b>#6BB5FF</b></span>;<br />text-decoration: none;<br />-moz-transition: all 0.5s ease-out;<br />-o-transition: all 0.5s ease-out;<br />-webkit-transition: all 0.5s ease-out;<br />-ms-transition: all 0.5s ease-out;<br />transition: all 0.5s ease-out;<br />-moz-transform: rotate(7deg);<br />-o-transform: rotate(7deg);<br />-webkit-transform: rotate(7deg);<br />-ms-transform: rotate(7deg);<br />transform: rotate(7deg);<br />filter: progid:DXImageTransform.Microsoft.Matrix(<br />                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');<br />zoom: 1;<br />}<br />.label-size a  {<br />text-transform: uppercase;<br />float:left;<br />text-decoration: none;<br />}<br />.label-size a:hover  {<br />text-decoration: none;</div><b><br /></b><br />Ubahlah kode berwarna merah dengan kode warna yang sobat inginkan. Kode ini merupakan warna awal border yang melingkari nama Label.<br />Ubahlah kode berwarna biru dengan kode warna yang sobat inginkan. Kode ini merupakan warna pada nama Label yang sedang disentuh kursor.<br /><br />8. Klik Simpan Template, selesai. </div>

widget blogspot Cara Membuat Widget Label dengan Tampilan Cloud yang Unik

Beberapa waktu lalu saya sempat membagikan salah satu cara memodifikasi widget Label, tepatnya pada widget Label dengan tampilan Cloud yang...

Read more »

Cara Membuat Widget Show Hide di Sudut Kanan Bawah Blog

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://www.blogger.com/null" name="8398487404336660809"></a> <span itemprop="itemreviewed"><span itemprop="description"></span></span><div class="post-header"> </div><div class="iklan"></div><div style="background: #ffffff; border-radius: 5px; border: 1px solid #111111; height: auto; width: 100%;"><center></center></div><div dir="ltr" style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijys8dNivc7UVx5GvP5FZVXZNDf5THtamLVNWjOGOBP13enIMxSAngeivMRdS8n9VzUd-06ivRFs7NARzOPVOY4PSzG0C3vpBFaH8SJFuJXWli3jihZS495fuyjPRNdchZy3Syxh9NW20/s1600/Untitled.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Widget Show Hide di Sudut Kanan Bawah Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijys8dNivc7UVx5GvP5FZVXZNDf5THtamLVNWjOGOBP13enIMxSAngeivMRdS8n9VzUd-06ivRFs7NARzOPVOY4PSzG0C3vpBFaH8SJFuJXWli3jihZS495fuyjPRNdchZy3Syxh9NW20/s1600/Untitled.png" title="Widget Show Hide di Sudut Kanan Bawah Blog" /></a></div>Kadang-kadang pada Blog yang kita miliki kita ingin memasang <a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot" target="_blank">widget</a> yang kita anggap penting dengan tampilan yang dapat menarik perhatian pengunjung. Tujuanya agar terjadi sebuah aktivitas pada widget tersebut, aktivitas apa pun itu. Contohnya, kita mempunyai <a href="http://regibrader-free.blogspot.com/2013/02/cara-membuat-halaman-blog-di-facebook.html" target="_blank">halaman Blog kita di Facebook</a>. Dan kita memasang <a href="http://regibrader-free.blogspot.com/2013/02/cara-membuat-widget-like-box-facebook.html" target="_blank">widget like box fans page</a> halaman tersebut pada Blog yang kita miliki. Tentunya ini dilakukan agar semakin banyak orang yang menyukai halaman Blog kita di Facebook. Untuk dapat menarik perhatian pengunjung Blog lebih banyak, tidak sedikit Blogger yang memasang <a href="http://regibrader-free.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html" target="_blank">widget like box facebook melayang</a>, atau widget like facebook yang tiba-tiba muncul di depan layar (orang awam bilang).<br /><a href="http://www.blogger.com/null" name="more"></a>Menurut saya widget seperti itu jelas mengganggu pemandangan pengunjung saat sedang membaca sebuah artikel. Apalagi jika widget tersebut muncul berkali-kali dan menghalangi artikel yang sedang dibaca oleh pengunjung. Jangan sampai membuat pengunjung kesal deh sobat, apalagi jika membuat pengunjung malah meninggalkan Blog yang sobat cintai. Saya sendiri pernah mendapat kritik dari pengunjung karena memasang <a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-melayang-di-blog.html" target="_blank">widget melayang</a> ini, "sangat mengganggu pemandangan saya", katanya.<br /><br />Ada cara lain untuk menyajikan widget yang sobat anggap penting ini. Widget ini tentu terasa lebih nyaman bagi para pengunjung jika dibandingkan dengan widget melayang. Setidaknya tidak terlalu mengganggu pemandangan pengunjung karena widget ini terdapat di posisi sudut kanan bawah pada blog yang tentunya tidak akan menghalangi artikel. Selain itu widget ini hanya akan tampil ketika layar digulir ke bawah pada jarak tertentu, dan akan hilang kembali jika layar digulir ke atas atau jika pengunjung meng-klik tombol close pada widget. Karena saya orang yang masih awam, widget ini saya sebut <b>Widget Show Hide di Sudut Kanan Bawah Blog</b>, hehe. Perhatikan saja contoh tampilanya berikut ini.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAgi6asjSVB2sZ9Gm7MAXFRfwDIIBUOP9L972Az6Btps-XHU9gxlsUOTwUrteYdoBeayfazuRXClbHqnQX7jPZLJFb3JYiIrpQYrWtCkYeVBynA_Jw543OLusJQ4GEbwCcs96vV2J7fXk/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget Show Hide di Sudut Kanan Bawah Blog" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAgi6asjSVB2sZ9Gm7MAXFRfwDIIBUOP9L972Az6Btps-XHU9gxlsUOTwUrteYdoBeayfazuRXClbHqnQX7jPZLJFb3JYiIrpQYrWtCkYeVBynA_Jw543OLusJQ4GEbwCcs96vV2J7fXk/s400/Untitled1.png" title="Widget Show Hide di Sudut Kanan Bawah Blog" width="400" /></a></div><br />Nah, dengan menyimak sedikit penjelasan dan melihat screenshot di atas, apakah sobat tertarik untuk menerapkanya di blog sobat? Jika jawabanya iya, atau sobat sekedar ingin mencobanya, silakan ikuti langkah-langkahnya berikut ini.<br /><br />1. Login ke akun Blogger sobat.<br />2. Masuk ke bagian Tata Letak.<br />3. Klik tambahkan gadget di posisi mana saja, hasilnya tetap akan berada di pojok kanan bawah Blog sobat.<br />4. Pilih mode HTML / Javascript.<br />5. Masukan kode di bawah ini.<br /><br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 400px; overflow: auto; padding: 15px;"><!--Slidbox --><br />     <script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script><br /><div style="position:fixed; width:<span style="color: orange;">342</span>px; overflow:hidden; bottom:20px;<br />right:10px; display:none;<br />background: <span style="color: orange;">#ffffff</span> repeat; -moz-border-radius:15px; -webkit-border-radius:15px;<br />border-radius:15px; border:2px solid <span style="color: orange;">#111111</span>;" id="fbslidebox"><br /><br />    <div style="width:<span style="color: orange;">300</span>px; padding:10px; margin:0 auto; overflow:hidden;"><br /><br />        <a href="#" style="float:right; color:#999; padding:0 3px;<br />border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a><br /><br />        <strong style="color:#808080;"><center><b><span style="color: blue;">Pesan Pada Widget</span></b></center></strong> <br /><br /><span style="color: red;"><b><==Masukan script widget disini==></b></span><br /><br />        </div></div><br /><!--Slidbox end --></div><br /><i>Ubah tulisan berwarna biru dengan pesan pada widget yang sobat inginkan. Contoh: "Follow dan Like Yah Sobat".</i><br /><i>Masukan script widget yang sobat inginkan pada tulisan berwarna merah. Sobat bisa memasukan lebih dari satu widget. Namun jangan terlalu banyak yah sobat, menurut saya tampilanya kurang bagus. Masukan maksimal 2 script widget saja. Contohnya widget tombol follow twitter (dapatkan script-nya disini) dan widget like box facebook (dapatkan script-nya disini).</i><br /><br />6. Setelah selesai menentukan tampilanya, silakan klik Simpan.<br /><br />Sebenarnya script widget yang saya berikan diatas masih bisa sobat ubah tampilanya, contohnya pada kode berwarna oranye. Silakan saja modifikasi dengan kreasi sobat sendiri. Semoga pembahasan kali ini bermanfaat.</div></div>

widget blogspot Cara Membuat Widget Show Hide di Sudut Kanan Bawah Blog

Kadang-kadang pada Blog yang kita miliki kita ingin memasang widget yang kita anggap penting dengan tampilan yang dapat menarik perhatian...

Read more »

Cara Membuat Widget About The Author Box Untuk Blog

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4D8orAnTHYZNoaEXJ-_RXCDKXNxbT2CFoHXMF1qgBuri8F-48vHYmAzeszM5qhoMpKcsIzKGWNuylGme3ZIs-l0Z3MPacUytPGWWpvlk6EiB5W69qayRrzYu7HnjjMavULH7u5DEoL4/s1600/images.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget About The Author Box Untuk Blog" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4D8orAnTHYZNoaEXJ-_RXCDKXNxbT2CFoHXMF1qgBuri8F-48vHYmAzeszM5qhoMpKcsIzKGWNuylGme3ZIs-l0Z3MPacUytPGWWpvlk6EiB5W69qayRrzYu7HnjjMavULH7u5DEoL4/s320/images.jpg" title="Cara Membuat Widget About The Author Box Untuk Blog" width="320" /></a></div>Author dalam Bahasa Indonesia berarti penulis. Jadi dalam dunia Blogger author adalah penulis artikel pada sebuah Blog. Dalam kegiatan Blogging, sebaiknya kita jangan merahasiakan identitas kita pada para pembaca. Perkenalkanlah diri kita sebagai penulis artikel pada sebuah Blog kepada para pembaca, agar terjadi hubungan atau komunikasi yang baik antara kita sebagai penulis dan pembaca. Salah satunya dengan memasang widget Author Box yang menjelaskan About The Author.<br /><a href="http://www.blogger.com/null" name="more"></a>Sebenarnya sudah disediakan widget bawaan dari Blogspot yang berfungsi untuk memperkenalkan diri kita sebagai penulis, yaitu Widget Mengenai Saya dari Google Plus. Namun karena tampilanya yang mengacu pada tampilan Google Plus, kadang-kadang menjadi tidak cocok dengan tampilan Blog kita. Oleh karena itu, maka banyak Blogger yang membuat widget Author Box-nya sendiri sehingga tampilanya cocok dengan tampilan Blog. Dan kali ini saya akan bagikan salah satu karya seorang Blogger (tidak tahu siapa) dalam tampilan widget Author Box yang dapat sobat pakai dan bisa diedit ulang. Tampilanya seperti berikut:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2YZ1eQ14tNPKyhhvGnK2cJQBjiWxzFgdXr4yxJl2MwaM-ZmvywzlIDon5l-P3RYZQP9_6ByHMn5yE9OgR7pMB5my6rOnlXkb3B11Cvzlwt5HrMtq_DU8njyV4pVUFfSdnexkx4r4It7Q/s1600/Untitled.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget About The Author Box" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2YZ1eQ14tNPKyhhvGnK2cJQBjiWxzFgdXr4yxJl2MwaM-ZmvywzlIDon5l-P3RYZQP9_6ByHMn5yE9OgR7pMB5my6rOnlXkb3B11Cvzlwt5HrMtq_DU8njyV4pVUFfSdnexkx4r4It7Q/s320/Untitled.png" title="Widget About The Author Box" width="320" /></a></div><br />Perhatikan tampilan widget Author Box di atas. Warna Background pada widget akan otomatis mengikuti warna kolom widget pada Blog sobat. Jadi kemungkinan widget ini akan cocok untuk dipasang di Blog mana pun. Untuk tampilan foto profil, akan bergerak sedikit berputar ke arah kiri ketika disentuh kursor. Di sampingnya terdapat sedikit kata-kata perkenalan dan diikuti dengan tulisan "read more". Tulisan read more ini bisa sobat masukan link. Saya sarankan sobat mempunyai halaman <a href="http://regibrader-free.blogspot.com/p/aboout-me_28.html" target="_blank">About Me</a> pada Blog sobat. Jadi tulisan read more ini dapat sobat masukan URL halaman About Me yang sobat miliki. Selain itu di bagian bawahnya terdapat icon-icon Sosial Media diantaranya Feed Burner, Google Plus, Facebook dan Twitter yang dapat sobat masukan link ke halaman Sosial Media (milik sobat) tersebut. Icon-icon Sosial Media ini berwarna Abu-abu, dan akan bergerak dan berubah warna ketika disentuh kursor.<br /><br />OK jika sobat tertarik untuk memasang widget About The Author Box ini, silakan ikuti langkah-langkahnya berikut.<br />1. Login ke akun Blogger sobat.<br />2. Pada halaman dashboard, masuklah lah ke bagian Tata Letak.<br />3. Klik Tambahkan gadget di posisi widget About The Author Box ini ingin dipasang.<br />4. Pilih HTML/Javascript, dan masukan kode berikut.<br /><br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 1700px; overflow: auto; padding: 15px;"><style> #profile{<br />border:2px solid #888; margin:2px 5px 0px 0px;padding:2px;text-align:justify;height: <span style="color: blue;"><b>190</b></span>px;width: <span style="color: blue;"><b>80</b></span>px;<br />}<br />#profile:hover {<br />border:2px solid #ccc;cursor:pointer;text-align:justify;<br />}<br />.opacity  {<br />opacity: 0.5;margin-left: 50px;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);<br />-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);<br />filter: progid:DXImageTransform.Microsoft.Matrix(<br />                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');<br />zoom: 1;<br />}<br />.opacity:hover  {<br />opacity: 1;<br />margin-left: 0px;<br />-moz-transform: rotate(0deg);<br />-o-transform: rotate(0deg);<br />-webkit-transform: rotate(0deg);<br />-ms-transform: rotate(0deg);<br />transform: rotate(0deg);<br />filter: progid:DXImageTransform.Microsoft.Matrix(<br />                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');<br />zoom: 1;<br />-moz-box-shadow: 1px 1px 4px #000;<br />-webkit-box-shadow: 1px 1px 4px #000;<br />box-shadow: 1px 1px 4px #000;<br />}<br /></style><br /><img class="opacity" id="profile" src="<span style="color: red;"><b>http://i1332.photobucket.com/albums/w606/RegyBrader/My%20Face/IMG-20130813-00057_zpsff54e01d.jpg</b></span>" align="left"/><br /><div style='text-align:justify'><span style="color: lime;"><b>KATA-KATA PERKENALAN</b></span><a style="color:#888;" href="<b><span style="color: orange;">http://regibrader-free.blogspot.com/p/aboout-me_28.html</span></b>" rel='nofollow' target='_blank'>Read More..</a></div><br /><style><br />.touchme a {<br />display:block;height:50px;width:45px;padding:0 4px;margin-top:10px;<br />float:left;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJfXPjESZ0fDFjsCMhh59H0bJSMVbSLadzdqBrSUunOYXOSxdOemZo5RcsuFacc7b6sYrHkQz66PDhkaFMaYVN5KUqQwkur_qFxWZ0A7PWuUTBIikSJ1Q3kxdEUUoa8SpUmXo-QkOZsQ/s1600/Sharing+Touch+Me.png) no-repeat;-webkit-transition: ease-in 0.2s all;<br />-moz-transition: ease-in 0.2s all;-o-transition: ease-in 0.2s all;-ms-transition: ease-in 0.2s all;<br />transition: ease-in 0.2s all;cursor:pointer;<br />}<br />.touchme a.googleplus {<br />background-position: 0px -58px;<br />}<br />.touchme a.googleplus:hover {<br />background-position: 0px 0px;<br />}<br />.touchme a.twitter {<br />background-position: 0px -290px;<br />}<br />.touchme a.twitter:hover {<br />background-position: 0px -232px;<br />}<br />.touchme a.facebook {<br />background-position: 0px -406px;<br />}<br />.touchme a.facebook:hover {<br />background-position: 0px -348px;<br />}<br />.touchme a.rss {<br />background-position: 0px -174px;<br />}<br />.touchme a.rss:hover {<br />background-position: 0px -116px;<br />}<br /></style><br /><div class='touchme'><br /><!--RSS--><br /><a class='rss' href="<span style="background-color: blue;">http://feeds.feedburner.com/Regibrader-blog</span>" target='_blank'></a><br /><!--Google Plus--><br /><a class='googleplus' href="<span style="background-color: red;">https://plus.google.com/u/0/116159611196713950391/</span>" rel='external nofollow' target='_blank'></a><br /><!--Facebook--><br /><a class='facebook' href="<span style="background-color: lime;">https://www.facebook.com/mulx.co</span>" rel='external nofollow' target='_blank'></a><br /><!-- Twitter --><br /><a class='twitter' href="<span style="background-color: orange;">https://twitter.com/Regy_Brader</span>" rel='external nofollow' target='_blank' ></a><br /></div></div><br />Keterangan:<br />-Kode berwarna biru adalah ukuran tampilan foto profil.<br />-Kode berwarna merah adalah URL Foto Profil.<br />-Kode berwarna hijau adalah kata-kata perkenalan.<br />-Kode berwarna oranye adalah URL halaman About Me.<br />-Kode berlatar biru adalah URL RSS Feedburner. Jika belum punya, silakan kunjungi artikel saya tentang <a href="http://regibrader-free.blogspot.com/2013/03/cara-mendaftarkan-websiteblog-di-google.html" target="_blank">Cara Mendaftarkan Website/Blog di Google Feedbuner</a>.<br />-Kode berlatar merah adalah URL ID akun Google Plus.<br />-Kode berlatar hijau adalah URL ID akun Facebook.<br />-Kode berlatar oranye adalah URL ID Twitter.<br /><br />Sobat bisa mengedit-edit ulang tampilan widget Author Box ini, silakan berkarya.<br /><br />5. Klik Simpan jika telah selesai, dan silakan lihat hasilnya.<br /><br />Sekian posting untuk kali ini, semoga sobat sekalian menyukai widget yang saya bagikan ini. </div>

widget blogspot Cara Membuat Widget About The Author Box Untuk Blog

Author dalam Bahasa Indonesia berarti penulis. Jadi dalam dunia Blogger author adalah penulis artikel pada sebuah Blog. Dalam kegiatan Blog...

Read more »

Cara Membuat Widget Chat Box di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">Kali ini saya akan berbagi cara membuat Chat Box dengan aplikasi CBOX.<br />Chat Box atau Guest Box atau sebagainya adalah fasilitas untuk kita chatting dengan teman di dunia maya atau dengan teman Blogger khususnya. Manfaat lainya adalah agar alamat Blogspot kita dapat diketahui teman blogger dapat menyebar atau bahkan terkenal. Lumayan, buat bantu-bantu agar blogspot kita rame gitu deh..hha.<br /><a href="http://www.blogger.com/null" name="more"></a>Salah satu situs chat box adalah CBOX, tak perlu basa-basi lagi mari kita mulai.1. Masuk ke situs cbox, <a href="http://www.cbox.ws/" target="_blank">http://www.cbox.ws/</a> .<br />2. Lanjut, pilih sign up tentunya untuk buat akun.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvG3Vq8nMaVExZIUN2_5rCVT96nTqeE8irnLM1fHX5X7x04YZv1y7pnm7a4t7THo-qPXw2-yQU5GoPR29I4VuHs4yJ4d70FKbapI3gsdV3LXd_NamoQC6AdTqHoB3id3yGK1AeW5jbI7w/s1600/Untitled.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvG3Vq8nMaVExZIUN2_5rCVT96nTqeE8irnLM1fHX5X7x04YZv1y7pnm7a4t7THo-qPXw2-yQU5GoPR29I4VuHs4yJ4d70FKbapI3gsdV3LXd_NamoQC6AdTqHoB3id3yGK1AeW5jbI7w/s400/Untitled.png" title="Cbox" width="400" /></a></div>3. Pada tahap sign up, silakan isi dengan lengkap. <span style="color: blue;"><span style="background-color: white;">cbox name</span></span> isi dengan keinginan sobat, <span style="color: blue;">email address</span> isikan alamat email sobat, <span style="color: blue;">password</span> isikan tanpa diketahui orang lain (mesti lah,hha),<span style="color: blue;"> website</span> isikan alamat blogspot/web tujuan sobat, <span style="color: blue;">language</span> pilih bahasa yang sobat mengerti, <span style="color: blue;">style</span> pilih backround yang anda suka, jangan lupa centang terms and conditions, lanjut klik "create my cbox".<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOKiRioEKhkSlxQ9kmvcA-LVQNtI8CD6sbmfPinIpMl-sJ6CitS9HvaOAHc4b1fxUcBEiHy_G91SG8IwqTqZecGee9eYGG1CjyFqUWVz6Uk4gxd-wLzWuRROYSwCfZMCnHjNZBst9XVw/s1600/b.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOKiRioEKhkSlxQ9kmvcA-LVQNtI8CD6sbmfPinIpMl-sJ6CitS9HvaOAHc4b1fxUcBEiHy_G91SG8IwqTqZecGee9eYGG1CjyFqUWVz6Uk4gxd-wLzWuRROYSwCfZMCnHjNZBst9XVw/s400/b.png" title="Cbox" width="400" /></a></div><br />4. cbox sobat berhasil dibuat.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOh6OEEj5lM0c_uJbjAEckL3NgX3xa4NThZcKUJWGItjBJ-WJRLaM9LOWUxhOEG3ymXTnOVIqntj9Db903x0QonBW5j_H6G2MdoX9pxtPNxyXx33m4d-ecmubyeN4TyYlKsgovk4fj5g/s1600/cbox2.JPG" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOh6OEEj5lM0c_uJbjAEckL3NgX3xa4NThZcKUJWGItjBJ-WJRLaM9LOWUxhOEG3ymXTnOVIqntj9Db903x0QonBW5j_H6G2MdoX9pxtPNxyXx33m4d-ecmubyeN4TyYlKsgovk4fj5g/s400/cbox2.JPG" title="Cbox" width="400" /></a></div>5. Masuk ke yahoo dan periksa mail sobat, pasti ada mail dari cbox. Baca mail dari cbox dan klik link dari cbox untuk dapat login ke control panel cbox. <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGg_-l6LW2FtxyUC4GZ224_BE_p8UYOjp4P-TQ5fZBMtnJQBrWdB1hEV_mF58kS29G2qfb1QMI2krai80ZPB4ol8mLr8brVfrsLJ1vALUJR28RUzc5EjRxAwhZFRTaUhjGQtYHP5WNgk/s1600/rt.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGg_-l6LW2FtxyUC4GZ224_BE_p8UYOjp4P-TQ5fZBMtnJQBrWdB1hEV_mF58kS29G2qfb1QMI2krai80ZPB4ol8mLr8brVfrsLJ1vALUJR28RUzc5EjRxAwhZFRTaUhjGQtYHP5WNgk/s400/rt.png" title="Cbox" width="400" /></a></div>6. Setelah link tersebut diklik maka sobat akan masuk ke control panel cbox. Lalu sobat lakukan proses login.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0bR79KLDuc_dGeiVvx2F9ZjVB_KEalnfzeNYrduZy-7R6dnVHMHw3U5z_8x5r2r6amQFJ8y4YG40zVPNlKS9HHRdd86b9_yhDz4Ohbo5cZM-7-qKBLeBEx-fDkllrMQrlm-ECu6lcA4/s1600/er.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0bR79KLDuc_dGeiVvx2F9ZjVB_KEalnfzeNYrduZy-7R6dnVHMHw3U5z_8x5r2r6amQFJ8y4YG40zVPNlKS9HHRdd86b9_yhDz4Ohbo5cZM-7-qKBLeBEx-fDkllrMQrlm-ECu6lcA4/s400/er.png" title="Cbox" width="400" /></a></div>7. Lalu kita masuk ke laman berikutnya, gulir sedikit ke bawah disitu ada kode html. Blog kode tersebut dan "copy".<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4b6fGjYkw5NDFbfTyCemnDoQ4n6YK3kpM9lo_Q8ydYcqrL3qRR5yBA6P8WmuqiSg6brTl0TSmrxEV4qpoUHAN0uPzbX9NrzRRMUH23MZuaob1GeEEsPHGYxF-k7dFnuZ6o9V9J5ow590/s1600/ty.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cbox" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4b6fGjYkw5NDFbfTyCemnDoQ4n6YK3kpM9lo_Q8ydYcqrL3qRR5yBA6P8WmuqiSg6brTl0TSmrxEV4qpoUHAN0uPzbX9NrzRRMUH23MZuaob1GeEEsPHGYxF-k7dFnuZ6o9V9J5ow590/s400/ty.png" title="Cbox" width="400" /></a></div>8. Lanjut, masuk ke akun blogger sobat dan pilih "Tata Letak". Tentukan dimana cbox akan disimpan. Klik "Tambahkan gadget", pilih HTML/JavaScript dan paste-kan kode HTML dari cbox tadi.<br /><br />Selesai, sobat sekarang bisa chat dengan teman blog menggunakan cbox.</div>

widget blogspot Cara Membuat Widget Chat Box di Blog

Kali ini saya akan berbagi cara membuat Chat Box dengan aplikasi CBOX. Chat Box atau Guest Box atau sebagainya adalah fasilitas untuk kita ...

Read more »