tag:blogger.com,1999:blog-49310688410351556322025-11-22T14:22:13.748+07:00VaroZi BlogJust Share EverythingAnonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.comBlogger80125tag:blogger.com,1999:blog-4931068841035155632.post-61680929694255458542013-10-09T21:14:00.000+07:002013-10-09T21:14:14.674+07:00Cara Membuat Quick Response Code di Ubuntu<div style="text-align: justify;"> <div style="text-align: justify;"> Kode QR (Quick Response Code) adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai QR merupakan singkatan dari quick response atau respons cepat, yang sesuai dengan tujuannya adalah untuk menyampaikan informasi dengan cepat dan mendapatkan respons yang cepat pula. Berbeda dengan kode batang, yang hanya menyimpan informasi secara horizontal, kode QR mampu menyimpan informasi secara horizontal dan vertikal, oleh karena itu secara otomatis Kode QR dapat menampung informasi yang lebih banyak daripada kode batang. Sedangkan informasi yang biasa dikodekan dalam kode QR ini seperti URL, teks atau data lainnya.</div> </div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6rXS_sdZvlDRAsG87boOiCvtJ98b62U6TyeVEbEyrdF7c7SzYYCJQkoXpwbpNR8kVh2sWTZlDpKuN1kWpWQjpRD-Yulff1NrqIJonwqWaijmL8IYhvQtHOMi7o9ZmstVEgn9HPSsUPn2W/s1600/varozi.png" /><br /> <a name='more'></a></div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> Untuk membuat QR Code bisa menggunakan aplikasi bernama "QRencode"</div> <div style="text-align: justify;"> <b>Cara membuat :</b></div> <ol> <li>Masuk ke Ubuntu Software Center</li> <li>Ketikkan "qrencode" pada kolom pencarian</li> <li>Kemudian klik "Install"</li> <li>Setelah proses install selesai, buka "terminal / console"</li> <li>Masukkan perintah dengan menggunakan struktur seperti ini :<br /> <div class="alt2" style="background-color: #eeeeee; border: 1px inset; margin: 0px; padding: 6px;"> :~$ <span style="color: red; font-size: x-small;">qrencode -o [nama file.png] -s [ukuran pixel] ‘[text/url/informasi lainnya]‘ </span> </div> <br />Contoh :<br /> <div class="alt2" style="background-color: #eeeeee; border: 1px inset; margin: 0px; padding: 6px;"> :~$ <span style="color: red; font-size: x-small;">qrencode -o varozi.png -s 6 ‘http://varozi.blogspot.com’ </span> </div> <br /> </li> <li>Hasilnya akan seperti ini : <br /> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6rXS_sdZvlDRAsG87boOiCvtJ98b62U6TyeVEbEyrdF7c7SzYYCJQkoXpwbpNR8kVh2sWTZlDpKuN1kWpWQjpRD-Yulff1NrqIJonwqWaijmL8IYhvQtHOMi7o9ZmstVEgn9HPSsUPn2W/s1600/varozi.png" width="250" /> </div> <div id="hide"> </div> </div> </li> </ol> <div style="text-align: justify;"> Selamat mencoba, semoga bermanfaat...</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com35tag:blogger.com,1999:blog-4931068841035155632.post-68491782657060364322013-08-18T13:47:00.003+07:002013-08-18T13:47:46.494+07:00Cara Membuat Daftar Isi Otomatis di Blog<b>Caranya :</b><br /> <div> <ol> <li>Login ke Blogger</li> <li>Pilih New Post atau Entri Baru</li> <li>Kemudian pilih mode HTML (selain Compose) saat membuat entri baru</li> <li>Masukkan kode script di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> &lt;div style="border: 1px solid #000000; </span><span style="color: red; font-size: x-small;">height: 250px;</span><span style="font-size: x-small;"> overflow: auto; padding: 5px; width: auto;"&gt; &lt;script src="https://googledrive.com/host/0B-j5FxzmZ0a_akVYaHkyZ2hLU2c"&gt;&lt;/script&gt;&lt;script src="</span><span style="color: blue; font-size: x-small;">http://varozi.blogspot.com/</span><span style="font-size: x-small;">feeds/posts/default?max-results=999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc"&gt;&lt;/script&gt; &lt;/div&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Ganti tulisan berwarna <span style="color: blue;">biru</span> dengan URL blog / website anda</li> <li>Ganti ukuran tinggi pada tulisan berwarna <span style="color: red;">merah</span> sesuai keinginan anda </li> <li>Klik Publish atau Publikasikan dan lihat hasilnya</li> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /></div> <div> </div> <div> </div> <div> </div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com18tag:blogger.com,1999:blog-4931068841035155632.post-923846158629553522013-08-03T00:07:00.003+07:002014-01-04T23:50:50.855+07:00Cara Membuat Efek Bayangan pada Tepi Blog<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>M<span style="font-size: small;">a</span><span style="font-size: small;">suk <span style="font-size: small;">ke</span> Ed</span>it HTML</li> <li>Cari kode berikut, tekan Ctrl+f untuk memudahkan pencarian :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-large;"> content-outer</span></span></span><br /> <span style="font-style: italic;"><span style="font-size: x-small; font-style: italic;">atau</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-large;"> content-wrapper</span></span></span><br /> <span style="font-style: italic;"><span style="font-size: x-small; font-style: italic;">atau</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-large;"> wrap</span></span></span><br /> <span style="font-style: italic;"><span style="font-size: x-small; font-style: italic;">atau</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-large;"> outer-wrapper </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Letakkan kode berikut tepat di bawah salah satu kode pada langkah ke-4 tadi :<br /> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> border:</span><span style="color: red; font-size: x-small;">1px</span> <span style="font-size: x-small;">solid</span> <span style="color: blue; font-size: x-small;">#1F1F1F</span><span style="font-size: x-small;">;<br /> border-color:#D4D4D4;<br /> box-shadow:0 0</span> <span style="color: lime; font-size: x-small;">5px</span> <span style="color: orange; font-size: x-small;">#666</span><span style="font-size: x-small;">; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <b>Keterangan :</b><br /><span style="color: red;">1px</span> = ketebalan border outer (jika tidak perlu, berikan saja 0px)<br /><span style="color: blue;">#1F1F1F</span>&nbsp;= warna border outer<br /><span style="color: lime;">5px</span> = ketebalan efek shadow outer blog<br /><span style="color: orange;">#666</span> = warna shadow outer blog</li> <br /> <li>Kemudian klik save</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk5sV0sQH0ktP3CWFQ2Epe4VpvGBb1zMRrXSfwQPxUeA-6hs1o-I3XYo_QOgwU-ZfUaB2jRoeyu5Wws6B70gJ6rYpmFAiD_hVqYma9EWYx5hNJ_loeTRX0atBccugLGRzTpPYs3RA31_NY/s1600/1_min.png" width="250" /> </div> <div id="hide"> </div> </div> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /> <br /> <br /> <ol> </ol> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com10tag:blogger.com,1999:blog-4931068841035155632.post-59143753409308964422013-07-13T21:55:00.001+07:002014-01-21T20:44:32.187+07:00Cara Membuat Menu Tombol Drop Down / ComboBox di BlogBerikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> &lt;select onchange='javascript:window.open(this.options[this.selectedIndex].value);'style="<span style="color: orange;">width: 100%</span>";&gt;<br /> &lt;option value="#" /&gt;</span><span style="color: red; font-size: x-small;">Judul Drop Down</span><span style="font-size: x-small;"><br /> &lt;option value="</span><span style="color: blue; font-size: x-small;">link1</span><span style="font-size: x-small;">" /&gt; </span><span style="color: lime; font-size: x-small;">title link 1</span><span style="font-size: x-small;"><br /> &lt;option value="</span><span style="color: blue; font-size: x-small;">link2</span><span style="font-size: x-small;">" /&gt; </span><span style="color: lime; font-size: x-small;">title link 2</span><span style="font-size: x-small;"><br /> &lt;option value="</span><span style="color: blue; font-size: x-small;">link3</span><span style="font-size: x-small;">" /&gt; </span><span style="color: lime; font-size: x-small;">title link 3</span><span style="font-size: x-small;"><br /> &lt;/select&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Simpan gadget anda</li> <li>Hasilnya seperti ini : </li> <select onchange="javascript:window.open(this.options[this.selectedIndex].value);" style="width: 100%;"> <option value="#">Judul Drop Down </option><option value="link1"> Title link 1 </option><option value="link2"> Title link 2 </option><option value="link3"> Title link 3 </option></select> </ol> Selamat mencoba, semoga bermanfaat...<br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com8tag:blogger.com,1999:blog-4931068841035155632.post-43261213668008792532013-07-12T18:11:00.000+07:002014-01-12T18:44:00.016+07:00Cara Membuat Satu Klik Dua Link Terbuka SekaligusCara ini adalah cara cepat untuk menambah jumlah pengunjung blog. Dengan hanya klik 1 kali sebuah link, maka 2 link yang berbeda akan terbuka sekaligus.<br /> Contoh klik link berikut : <a href="http://varozi.blogspot.com/" onclick="window.location.replace('http://varozi.blogspot.com/2013/04/mempercantik-tampilan-ubuntu-11101204.html')" target="mainframe">Varozi Blog</a><br /> <br /> Berikut langkah-langkahnya :<br /> <ol> <li>Kita hanya perlu menambah kode :<br /><a name='more'></a> <div class="alt2" style="background-color: #eeeeee; border: 1px inset; margin: 0px; padding: 6px;"> <span style="color: red;"> target="mainframe" onclick="window.location.replace('link2')" </span> </div> di dalam tag &lt;a&gt;<br /><br /> </li> <li>Contoh kodenya sebagai berikut :<br /> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"> <span style="font-size: x-small;">&lt;a href="</span><span style="color: red; font-size: x-small;"><b>Link1</b></span><span style="font-size: x-small;">" target="mainframe" onclick="window.location.replace('</span><span style="color: orange; font-size: x-small;"><b>Link2</b></span><span style="font-size: x-small;">')"&gt;</span><span style="color: blue; font-size: x-small;"><b>Varozi Blog</b></span><span style="font-size: x-small;">&lt;/a&gt;</span> </span></span></div> </div> </div> </div> Keterangan : Ganti <span style="color: red;"><b>Link1</b></span> dan <span style="color: orange;"><b>Link2</b></span> dengan link yang anda inginkan</li> <li>Selesai</li> </ol> Selamat mencoba, semoga bermanfaat... <br /> <br /> <br /> <ol> </ol> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com8tag:blogger.com,1999:blog-4931068841035155632.post-30821443196736417262013-07-11T21:19:00.000+07:002014-01-16T21:44:04.789+07:00Cara Membuat Link Terbuka Tanpa di KlikCara ini adalah cara cepat untuk menambah jumlah pengunjung blog. Dengan hanya menggerakkan pointer mouse ke link, maka link tersebut akan terbuka dengan sendirinya tanpa kita klik.<br /> Contoh arahkan pointer mouse anda ke link berikut : <a href="http://varozi.blogspot.com/" onMouseover="window.location=this.href">Varozi Blog</a><br /> <br /> Berikut langkah-langkahnya :<br /> <ol> <li>Kita hanya perlu menambah kode :<br /><a name='more'></a> <div class="alt2" style="background-color: #eeeeee; border: 1px inset; margin: 0px; padding: 6px;"> <span style="color: red;"> onMouseover=&quot;window.location=this.href&quot; </span> </div> di dalam tag &lt;a&gt;<br /><br /> </li> <li>Contoh kodenya sebagai berikut :<br /> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"> <span style="font-size: x-small;">&lt;a href=&quot;</span><span style="color: red; font-size: x-small;">Link1</span><span style="font-size: x-small;">&quot; onMouseover=&quot;window.location=this.href&quot;&gt;</span><span style="color: blue; font-size: x-small;">Varozi Blog</span><span style="font-size: x-small;">&lt;/a&gt; </span></div> </div> </div> </div> Keterangan : Ganti <span style="color: red;"><b>Link1</b></span> dengan link yang anda inginkan</li> <li>Selesai</li> </ol> Selamat mencoba, semoga bermanfaat... <br /> <br /> <br /> <ol> </ol> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-36972012633834655232013-07-01T23:57:00.000+07:002013-08-05T12:41:00.087+07:00Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Drive]Berikut langkah-langkahnya : <br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li><span style="color: black;">Kemudian </span>klik <span style="color: black;">tambahka</span><span style="color: black;">n</span> gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;">&lt;script src="<span style="color: blue;">https://googledrive.com/host/0B-j5FxzmZ0a_MF91bzhIWE85M1U</span>" type="text/javascript"&gt;&lt;/script&gt; </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Untuk pilihan warna, ganti tulisan berwarna <span style="color: blue;">biru</span> dengan kode berikut :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="color: green; font-size: large;"><b>Hijau</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_OW9RWGhTdXVCNFk</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="font-size: large;"><b>Hitam</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_b2pQR2padWktLW8</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="color: yellow; font-size: large;"><b>Kuning</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_dW9ZZHRWUEpWYWs</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="color: red; font-size: large;"><b>Merah</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_cjY3eUZhaDN0bVk</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="font-size: large;"><b>Silver</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_OXNiN2tOdWQ1UDg</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: large;">Warna</span> <span style="color: purple; font-size: large;"><b>Ungu</b></span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">https://googledrive.com/host/0B-j5FxzmZ0a_emltdHVRZVlhY0k</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><br /></span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Simpan gadget anda dan lihat hasilnya</li> </ol> Selamat mencoba, semoga bermanfaat...Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com0tag:blogger.com,1999:blog-4931068841035155632.post-29483399691699948902013-07-01T00:51:00.001+07:002013-08-06T23:07:56.012+07:00Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Code]Berikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> &lt;script src="http://varoziblog.googlecode.com/files/cursor-bintang-</span><span style="color: red; font-size: x-small;">merah</span><span style="font-size: x-small;">.js" type="text/javascript"&gt;&lt;/script&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Untuk pilihan warna, ganti tulisan <span style="color: red;">merah</span> dengan biru, hijau, hitam, kuning, silver, atau ungu</li> <li>Simpan gadget anda dan lihat hasilnya</li> </ol> Selamat mencoba, semoga bermanfaat...<br /> <br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com4tag:blogger.com,1999:blog-4931068841035155632.post-85498744446166312272013-07-01T00:06:00.000+07:002014-01-05T00:13:58.854+07:00Cara Menambahkan Emoticon di Kotak Komentar [google drive]<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode <span style="color: red;">&lt;/body&gt;</span> tekan Ctrl+f untuk memudahkan pencarian</li> <li>Letakkan kode berikut tepat di atas kode <span style="color: red;">&lt;/body&gt;</span> :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Yahoo</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;script src='https://googledrive.com/host/0B-j5FxzmZ0a_WmY2N3ZjRG9zTlE' type='text/javascript'/&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Kucing</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;script src='https://googledrive.com/host/0B-j5FxzmZ0a_WDF6QXQwRmt1eVE' type='text/javascript'/&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian cari kode seperti ini :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;p class='comment-footer'&gt;</span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> &lt;b:if cond='data:post.embedCommentForm'&gt;<br /> &lt;b:include data='post' name='comment-form'/&gt;<br /> &lt;b:else/&gt;<br /> &lt;b:if cond='data:post.allowComments'&gt;<br /> &lt;a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'&gt;&lt;data:postCommentMsg/&gt;&lt;/a&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/p&gt;<br /> </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Setelah ketemu, letakkan kode berikut setelah kode <span style="color: red;">&lt;p class='comment-footer'&gt;</span> :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Yahoo</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;b&gt;&lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/&gt; :)) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/&gt; :)] <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/&gt; ;)) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/&gt; ;;)<br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/&gt; :D <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/&gt; ;) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/&gt; :p <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/&gt; :(( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/&gt; :) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/&gt; :( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/&gt; :X <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/&gt; =(( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/&gt; :-o <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/&gt; :-/ <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/&gt; :-* <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/&gt; :| <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/&gt; 8-} <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/&gt; ~x( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/&gt; :-t <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/&gt; b-( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/&gt; :-L <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/&gt; x( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/&gt; =)) <br /> &lt;/b&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD24JHHPHe_dZTDHVYK1HRsUbEDgeFCuAXZalGwCBN2j1O1QfsPT67M_nR_TDDQX6SOczqqPSZtRheeOvK-eKo1Q80yz7sqv2fBaHWZ5YdbmTbSZdKDjSMfaZsRww9FALKUBCgfIRFlCgi/s645/smiley-yahoo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><b>Emoticon Kucing</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;b&gt;&lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/&gt; :f <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/&gt; :D <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/&gt; :) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/&gt; ;;) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/&gt; :x <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/&gt; :$ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/&gt; x( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/&gt; :? <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/&gt; :@ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/&gt; :~ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/&gt; :| <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/&gt; :)) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/&gt; :( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/&gt; :s <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/&gt; :(( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/&gt; :o <br /> &lt;/b&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian klik Save</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE_G9rAEeabYCAxUrVa4kGOsLDv5yqELpkv31A_whGDXzTI30vOLHm2h4pDUZFVRBGPgE3HcCWRCzFfr4SCq8MlcLWhMpLr3q4yBWq2HBXIhyphenhyphenNDRJEKanfsHFKUHM5fO0FstCuc6typxvP/s1600/smiley-kucing_min.png" width="600" /><br /> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAJy9I26LSwuQA26O2FULV1KgQ-UXG77sMC5KBuB3gmscoonj_KOG0_pB1iO-lt5drpFL-BH-nJba5StF-SifXEl0i0bB8Dqahq9zv04GLX9sZ-21I25gOORF5-55-Y9ByslVPYec2UwR/s1600/smiley-yahoo_min.png" width="600" /> </div> <div id="hide"> </div> </div> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com0tag:blogger.com,1999:blog-4931068841035155632.post-27688901340392071802013-06-30T00:24:00.002+07:002013-06-30T00:28:08.868+07:00Cara Menambahkan Emoticon di Kotak Komentar<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode <span style="color: red;">&lt;/body&gt;</span> tekan Ctrl+f untuk memudahkan pencarian</li> <li>Letakkan kode berikut tepat di atas kode <span style="color: red;">&lt;/body&gt;</span> :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Yahoo</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;script src='https://varoziblog.googlecode.com/files/smiley.js' type='text/javascript'/&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Kucing</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;script src='http://varoziblog.googlecode.com/files/smiley-kucing.js' type='text/javascript'/&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian cari kode seperti ini :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;p class='comment-footer'&gt;</span></span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;"><span style="font-size: x-small;"> &lt;b:if cond='data:post.embedCommentForm'&gt;<br /> &lt;b:include data='post' name='comment-form'/&gt;<br /> &lt;b:else/&gt;<br /> &lt;b:if cond='data:post.allowComments'&gt;<br /> &lt;a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'&gt;&lt;data:postCommentMsg/&gt;&lt;/a&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/p&gt;<br /> </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Setelah ketemu, letakkan kode berikut setelah kode <span style="color: red;">&lt;p class='comment-footer'&gt;</span> :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Emoticon Yahoo</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;b&gt;&lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/&gt; :)) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/&gt; :)] <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/&gt; ;)) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/&gt; ;;)<br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/&gt; :D <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/&gt; ;) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/&gt; :p <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/&gt; :(( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/&gt; :) <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/&gt; :( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/&gt; :X <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/&gt; =(( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/&gt; :-o <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/&gt; :-/ <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/&gt; :-* <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/&gt; :| <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/&gt; 8-} <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/&gt; ~x( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/&gt; :-t <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/&gt; b-( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/&gt; :-L <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/&gt; x( <br /> &lt;img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/&gt; =)) <br /> &lt;/b&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD24JHHPHe_dZTDHVYK1HRsUbEDgeFCuAXZalGwCBN2j1O1QfsPT67M_nR_TDDQX6SOczqqPSZtRheeOvK-eKo1Q80yz7sqv2fBaHWZ5YdbmTbSZdKDjSMfaZsRww9FALKUBCgfIRFlCgi/s645/smiley-yahoo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><b>Emoticon Kucing</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;b&gt;&lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/&gt; :f <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/&gt; :D <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/&gt; :) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/&gt; ;;) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/&gt; :x <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/&gt; :$ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/&gt; x( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/&gt; :? <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/&gt; :@ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/&gt; :~ <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/&gt; :| <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/&gt; :)) <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/&gt; :( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/&gt; :s <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/&gt; :(( <br /> &lt;img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/&gt; :o <br /> &lt;/b&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian klik Save</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG0Qc-1G9jk2a7RnQDCXTAR3iK6cfryTl6-cQno2U_KCyw4JVByGygYbn-lnfndqM-shUzRCF7nNl19v9C7MIInSrHz8FyzAfxO5Kbz5_s-pGjYkhiByh_KDnVklobxKoZWXEi_nGUehan/s762/smiley-kucing.png" width="600" /><br/> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD24JHHPHe_dZTDHVYK1HRsUbEDgeFCuAXZalGwCBN2j1O1QfsPT67M_nR_TDDQX6SOczqqPSZtRheeOvK-eKo1Q80yz7sqv2fBaHWZ5YdbmTbSZdKDjSMfaZsRww9FALKUBCgfIRFlCgi/s645/smiley-yahoo.png" width="600" /> </div> <div id="hide"> </div> </div> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com6tag:blogger.com,1999:blog-4931068841035155632.post-84514894916715898152013-06-29T00:29:00.002+07:002013-06-29T00:29:42.684+07:00Cara Membuat Breadcrumbs Terindex oleh Google Search Engine<b>Caranya :</b><br /> <div> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode <span style="color: red;">]]&gt;&lt;/b:skin&gt;</span> tekan Ctrl+f untuk memudahkan pencarian</li> <li>Letakkan kode berikut tepat di atas kode <span style="color: red;">]]&gt;&lt;/b:skin&gt;</span> :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> .breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 14px georgia; border-bottom:1px dashed #DC143C;font-weight:normal} </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Cari kode seperti ini <span style="color: red;">&lt;b:includable id='main' var='top'&gt;</span></li> <li>Setelah ketemu, hapus kode tersebut dan ganti dengan kode berikut :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;b:includable id='breadcrumb' var='posts'&gt;<br /> &lt;b:if cond='data:blog.homepageUrl != data:blog.url'&gt;<br /> &lt;b:if cond='data:blog.pageType == &amp;quot;static_page&amp;quot;'&gt;<br /> &lt;div class='breadcrumbs'&gt;&lt;span&gt;&lt;a expr:href='data:blog.homepageUrl' rel='tag'&gt;Home&lt;/a&gt;&lt;/span&gt; &amp;#187; &lt;span&gt;&lt;data:blog.pageName/&gt;&lt;/span&gt;&lt;/div&gt;<br /> &lt;b:else/&gt;<br /> &lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;<br /> &lt;!-- breadcrumb for the post page --&gt;<br /> &lt;b:loop values='data:posts' var='post'&gt;<br /> &lt;b:if cond='data:post.labels'&gt;<br /> &lt;div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'&gt;<br /> &lt;span typeof='v:Breadcrumb'&gt;&lt;a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'&gt;Home&lt;/a&gt;&lt;/span&gt;<br /> &lt;b:loop values='data:post.labels' var='label'&gt;<br /> &lt;b:if cond='data:label.isLast == &amp;quot;true&amp;quot;'&gt;<br /> &amp;#187; &lt;span typeof='v:Breadcrumb'&gt;&lt;a expr:href='data:label.url' property='v:title' rel='v:url'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/span&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:loop&gt;<br /> &amp;#187; &lt;span&gt;&lt;data:post.title/&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;b:else/&gt;<br /> &lt;div class='breadcrumbs'&gt;&lt;span&gt;&lt;a expr:href='data:blog.homepageUrl' rel='tag'&gt;Home&lt;/a&gt;&lt;/span&gt; &amp;#187; &lt;span&gt;Unlabelled&lt;/span&gt; &amp;#187; &lt;span&gt;&lt;data:post.title/&gt;&lt;/span&gt;&lt;/div&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:loop&gt;<br /> &lt;b:else/&gt;<br /> &lt;b:if cond='data:blog.pageType == &amp;quot;archive&amp;quot;'&gt;<br /> &lt;!-- breadcrumb for the label archive page and search pages.. --&gt;<br /> &lt;div class='breadcrumbs'&gt;<br /> &lt;span&gt;&lt;a expr:href='data:blog.homepageUrl'&gt;Home&lt;/a&gt;&lt;/span&gt; &amp;#187; &lt;span&gt;Archives for &lt;data:blog.pageName/&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;b:else/&gt;<br /> &lt;b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'&gt;<br /> &lt;div class='breadcrumbs'&gt;<br /> &lt;b:if cond='data:blog.pageName == &amp;quot;&amp;quot;'&gt;<br /> &lt;span&gt;&lt;a expr:href='data:blog.homepageUrl'&gt;Home&lt;/a&gt;&lt;/span&gt; &amp;#187; &lt;span&gt;All posts&lt;/span&gt;<br /> &lt;b:else/&gt;<br /> &lt;span&gt;&lt;a expr:href='data:blog.homepageUrl'&gt;Home&lt;/a&gt;&lt;/span&gt; &amp;#187; &lt;span&gt;Posts filed under &lt;data:blog.pageName/&gt;&lt;/span&gt;<br /> &lt;/b:if&gt;<br /> &lt;/div&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:if&gt;<br /> &lt;/b:includable&gt;<br /> &lt;b:includable id='main' var='top'&gt;<br /> &lt;b:include data='posts' name='breadcrumb'/&gt;<br /> </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian klik Save</li> </ol> Semoga bermanfaat, selamat mencoba...</div> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-71590743843370860442013-06-26T00:20:00.000+07:002014-01-05T00:26:39.080+07:00Cara Memasang Widget Burung Twitter Terbang Keren di Blog [google drive]Berikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;">&lt;!-- floating twitter Bird --&gt;</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">&lt;script type="text/javascript" src="https://googledrive.com/host/0B-j5FxzmZ0a_QU9GM3B0dm5sSUE"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var birdSprite="<span style="color: red; font-size: x-small;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfauyPwdJqvkSC14j7K1VWF7X-tP7yy69apl_-W0GujioufKsDm5YYdMkNkNRYVffWIdazBFYUzGveoAoeHdKemRNkOIGlMbdVKMb3eT8LlPu-d2uQHLjQuIYQVRgLU0hJH8IAd4-PksS/s1600/Blue-bird.png</span>"; 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/<span style="color: blue; font-size: x-small;">Username</span>"; var tweetThisText = "Twitter - UserID <span style="color: lime; font-size: x-small;">http://varozi.blogspot.com/</span>"; tripleflapInit();</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">&lt;/script&gt; </span></span></div> <span style="font-style: italic;"> </span></div> </div> </div> <li>Ganti code warna <span style="color: blue;">biru</span> dengan Username Twitter anda</li> <li>Ganti code warna <span style="color: lime;">hijau</span> dengan alamat blog anda</li> <li>Untuk pilihan warna burung, ganti code warna <span style="color: red;">merah</span> dengan link gambar berikut :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHN7qkXfX7X1i-1DToucBXbxjNi9yBC9MwlQZfHpGOXfoUEehn5NWfFHiwjwqey7ONmtnPXTz1TlwQHYgRBywo-q2yDRy9AyYsSXOVFcYeesaIYwFE5nKIc4AZCdSYlmb0nZ-f2geLBCWm/s1600/black-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfauyPwdJqvkSC14j7K1VWF7X-tP7yy69apl_-W0GujioufKsDm5YYdMkNkNRYVffWIdazBFYUzGveoAoeHdKemRNkOIGlMbdVKMb3eT8LlPu-d2uQHLjQuIYQVRgLU0hJH8IAd4-PksS/s1600/Blue-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZWtoCxVKJ40vuEnViRlt5CxqQT0omCTseiohyphenhyphenwhbqUnK5WXrOBjSjnAG3ru7mFG8XfUfpgg9Dd7n-VgkSG0nmF5x1lEf1HZ-WFC4ibe2wXDlNDlsUwPI5VyQ6qP1Ja8qUMhyphenhyphenPqvr1xDJ/s1600/Blue-dark-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2XkBzP02-x5JVua6YxhIThVXyCfyC-VbVqgptpSiTqPHE42efvOQItsIebrg016z9V14UrEbscBCN71YglS4iQbVcz1usN-rgGeWek5rdriFHZVEzngVWTpTwkit4nl-cA6RBZsGKqpM/s1600/brown-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYP7qgjZJTFXwanrw1qVR_5IYeHExufX1EmIyy2y0cynZ2v28Jky5NWpkfm6waNnoGEPk2PGGq8c6WaJ_dDT_VvRW1ZBtMhUjrarFBNWmnRzAB98GkS5bbqEc0GfbZ67dZ9cX5qQYF8o_o/s1600/Green-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Y00xAXmdmrOeg0vxJf5AJ-1QYp-NyJ2pOGYYvbfn0yolgObRwNm2b8J78_eXghUebTT2wzsy_xN9K56PVfxPG_DSObrmoOls4Ul030irxB9sjlpjR_HOQSLJ-QfmbMU5raMWYDJmX2H4/s1600/purple-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwgPt5rFKyjBiGINTbmcN_Gr898JTr_XyKy-VsUhF333l7j0Vxv41l0891zBDlmUkS4iSGezZktLr6vYqC9sPaOYL3fCFIfmsq-EIUWQf0HKdJwXUEYk7fi3OjMnP1qo4LcX_unKb2Ye6x/s1600/red-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcn70FtLQZtFq0XIrQtfNyoNidXXZ-izks4XBjAeM5AZkUH6e67rLSa6I3RZ5hWEaZzUbvsYlrHU-5L9Zvj7OYr35jlpdfUBgNvjc0iiP3e6h0HPWcPT563UgB5mxzXHdT57jvwVSQTzX8/s1600/white-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGiFXbsTjhLmisKAjk1MesYHtJDKb3kfXgZJJbSnmPD36ThR1SSD-IebdG-QWMxDDhv7qlIEQvVcu_YUcZzjEsYUa-N7fKCCKXqYdwSOJ-NY_LKjoNMTcJZn9TsQyGqpQnEp7dRUctwBM/s1600/yellow-bird.png </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Simpan gadget anda</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPKEXQJSF5rcTAxKvrjkAzTvfYSPKeedXuHa7eOGZ89jL79EmwWc85tlSBNXUW-7f1wIEDgq00vui5PNLFoMs7b6ZY3CYbLVbxQQCZyyQY2gK7Njxj0jMMvElJHIPcSmEi1fqtVnX9JI3M/s1600/Blue-bird_min.png" width="250" /> </div> <div id="hide"> </div> </div> </ol> Selamat mencoba, semoga bermanfaat...<br /> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com0tag:blogger.com,1999:blog-4931068841035155632.post-8605747712611852882013-06-25T15:26:00.001+07:002013-06-25T15:29:16.940+07:00Cara Memasang Widget Burung Twitter Terbang Keren di BlogBerikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;">&lt;!-- floating twitter Bird --&gt;</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">&lt;script type="text/javascript" src="http://varoziblog.googlecode.com/files/tripleflap.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var birdSprite="<span style="color: red; font-size: x-small;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfauyPwdJqvkSC14j7K1VWF7X-tP7yy69apl_-W0GujioufKsDm5YYdMkNkNRYVffWIdazBFYUzGveoAoeHdKemRNkOIGlMbdVKMb3eT8LlPu-d2uQHLjQuIYQVRgLU0hJH8IAd4-PksS/s1600/Blue-bird.png</span>"; 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/<span style="color: blue; font-size: x-small;">Username</span>"; var tweetThisText = "Twitter - UserID <span style="color: lime; font-size: x-small;">http://varozi.blogspot.com/</span>"; tripleflapInit();</span></span><br /> <span style="font-style: italic;"><span style="font-style: italic;">&lt;/script&gt; </span></span></div> <span style="font-style: italic;"> </span></div> </div> </div> <li>Ganti code warna <span style="color: blue;">biru</span> dengan Username Twitter anda</li> <li>Ganti code warna <span style="color: lime;">hijau</span> dengan alamat blog anda</li> <li>Untuk pilihan warna burung, ganti code warna <span style="color: red;">merah</span> dengan link gambar berikut :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHN7qkXfX7X1i-1DToucBXbxjNi9yBC9MwlQZfHpGOXfoUEehn5NWfFHiwjwqey7ONmtnPXTz1TlwQHYgRBywo-q2yDRy9AyYsSXOVFcYeesaIYwFE5nKIc4AZCdSYlmb0nZ-f2geLBCWm/s1600/black-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfauyPwdJqvkSC14j7K1VWF7X-tP7yy69apl_-W0GujioufKsDm5YYdMkNkNRYVffWIdazBFYUzGveoAoeHdKemRNkOIGlMbdVKMb3eT8LlPu-d2uQHLjQuIYQVRgLU0hJH8IAd4-PksS/s1600/Blue-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZWtoCxVKJ40vuEnViRlt5CxqQT0omCTseiohyphenhyphenwhbqUnK5WXrOBjSjnAG3ru7mFG8XfUfpgg9Dd7n-VgkSG0nmF5x1lEf1HZ-WFC4ibe2wXDlNDlsUwPI5VyQ6qP1Ja8qUMhyphenhyphenPqvr1xDJ/s1600/Blue-dark-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2XkBzP02-x5JVua6YxhIThVXyCfyC-VbVqgptpSiTqPHE42efvOQItsIebrg016z9V14UrEbscBCN71YglS4iQbVcz1usN-rgGeWek5rdriFHZVEzngVWTpTwkit4nl-cA6RBZsGKqpM/s1600/brown-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYP7qgjZJTFXwanrw1qVR_5IYeHExufX1EmIyy2y0cynZ2v28Jky5NWpkfm6waNnoGEPk2PGGq8c6WaJ_dDT_VvRW1ZBtMhUjrarFBNWmnRzAB98GkS5bbqEc0GfbZ67dZ9cX5qQYF8o_o/s1600/Green-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Y00xAXmdmrOeg0vxJf5AJ-1QYp-NyJ2pOGYYvbfn0yolgObRwNm2b8J78_eXghUebTT2wzsy_xN9K56PVfxPG_DSObrmoOls4Ul030irxB9sjlpjR_HOQSLJ-QfmbMU5raMWYDJmX2H4/s1600/purple-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwgPt5rFKyjBiGINTbmcN_Gr898JTr_XyKy-VsUhF333l7j0Vxv41l0891zBDlmUkS4iSGezZktLr6vYqC9sPaOYL3fCFIfmsq-EIUWQf0HKdJwXUEYk7fi3OjMnP1qo4LcX_unKb2Ye6x/s1600/red-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcn70FtLQZtFq0XIrQtfNyoNidXXZ-izks4XBjAeM5AZkUH6e67rLSa6I3RZ5hWEaZzUbvsYlrHU-5L9Zvj7OYr35jlpdfUBgNvjc0iiP3e6h0HPWcPT563UgB5mxzXHdT57jvwVSQTzX8/s1600/white-bird.png<br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGiFXbsTjhLmisKAjk1MesYHtJDKb3kfXgZJJbSnmPD36ThR1SSD-IebdG-QWMxDDhv7qlIEQvVcu_YUcZzjEsYUa-N7fKCCKXqYdwSOJ-NY_LKjoNMTcJZn9TsQyGqpQnEp7dRUctwBM/s1600/yellow-bird.png </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Simpan gadget anda</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfauyPwdJqvkSC14j7K1VWF7X-tP7yy69apl_-W0GujioufKsDm5YYdMkNkNRYVffWIdazBFYUzGveoAoeHdKemRNkOIGlMbdVKMb3eT8LlPu-d2uQHLjQuIYQVRgLU0hJH8IAd4-PksS/s1600/Blue-bird.png" width="250" /> </div> <div id="hide"> </div> </div> </ol> Selamat mencoba, semoga bermanfaat...<br /> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-68603859804560912852013-06-23T16:06:00.001+07:002013-06-23T16:13:46.234+07:00Cara Membuat Tabel Menggunakan CSS<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode&nbsp;<span style="color: red;">]]&gt;&lt;/b:skin&gt;</span>&nbsp;tekan Ctrl+f untuk memudahkan pencarian</li> <li>Letakkan kode berikut tepat di atas kode&nbsp;<span style="color: red;">]]&gt;&lt;/b:skin&gt;<a name='more'></a></span></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> /* Table */<br /> table[border="1"]{<br /> border-collapse:collapse;margin:0px<br /> }<br /> table[border="1"],table[border="1"] th,table[border="1"] td{<br /> border:1px solid&nbsp;#bbb;padding:2px 7px<br /> }<br /> td{<br /> vertical-align:top<br /> }<br /> table[border="1"] th{<br /> background-color:#fafafa;font-weight:700;text-align:left<br /> }<br /> .full,table.full{<br /> width:98.8%<br /> }<br /> table.config{<br /> background-color:#FFF<br /> }<br /> table.config td,table.config th{<br /> border-color:#E4E4E4<br /> }<br /> table.config th{<br /> background-color:#333;color:white<br /> }<br /> </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Kemudian klik Save</li> <li>Setelah memasukan kode CSS, kemudian masukkan kode di bawah ini dalam posting anda, tepatnya di mode HTML (selain Compose)</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;table border="1" class="full config"&gt;&lt;tbody&gt;<br /> &lt;tr&gt;&lt;th&gt;H1&lt;/th&gt;&lt;th&gt;H2&lt;/th&gt;&lt;th&gt;H3&lt;/th&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;td&gt;l 1&lt;/td&gt;&lt;td&gt;m 1&lt;/td&gt;&lt;td&gt;r 1&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;td&gt;l 2&lt;/td&gt;&lt;td&gt;m 2&lt;/td&gt;&lt;td&gt;r 2&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;td&gt;l 3&lt;/td&gt;&lt;td&gt;m 3&lt;/td&gt;&lt;td&gt;r 3&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;td&gt;l 4&lt;/td&gt;&lt;td&gt;m 4&lt;/td&gt;&lt;td&gt;r 4&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;td&gt;l 5&lt;/td&gt;&lt;td&gt;m 5&lt;/td&gt;&lt;td&gt;r 5&lt;/td&gt;&lt;/tr&gt;<br /> &lt;/tbody&gt;&lt;/table&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Klik Publish atau Publikasikan dan lihat hasilnya</li> </ol> Semoga bermanfaat, selamat mencoba...<br /><div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-46971156533080251682013-06-23T15:27:00.003+07:002014-01-11T20:50:33.122+07:00Cara Menambahkan Widget I Love Indonesia<div> Berikut langkah-langkahnya :</div> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;a href=</span><span style="color: blue; font-size: x-small;">http://varozi.blogspot.com</span> <span style="color: red; font-size: x-small;">style="display:scroll;position:fixed;top:5px;right:5px;"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTD-ObJqeSyaUej15sAbIj82V2ZMUP9ZI5_PFcOaLaFAxgSdEGxXw5epzhyphenhyphendbAidYXl5DiqCPCJ4zj0z5rsKu_9HD2Yd7G4Ir4ujdLR1Md1jH4Tujif1L8hzpedC9BqGfzi-QE3U499u4a/s1600/iloveindonesia-kananatas.png"/&gt;&lt;/a&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Ganti code warna <span style="color: blue;">biru</span> dengan alamat blog anda sendiri</li> <li>Simpan gadget anda</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievuil6kKb4bgU2lrov3URuO1u9OpZGbpO66WGWAOpfSM7R8q5Hjl7VC6rkc5r9bztM50QXr1bazepGL0WpuOw_4Qv93lCPUkzzjXch5PFGejL-KcU2vXaOjbbKTiv0XNb2lcrKo7nHW9m/s1600/iloveindonesia.png" height="250" width="250" /> </div> <div id="hide"> </div> </div> </ol> Selamat mencoba...<br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-49396323444318258402013-06-18T19:11:00.001+07:002013-06-18T19:44:58.569+07:00Cara Membuat Widget Translate Keren<div> Berikut langkah-langkahnya :</div> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;!-- Begin TranslateThis Button --&gt;<br /> &lt;div id="translate-this"&gt;&lt;a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/"&gt;Translate Company&lt;/a&gt;&lt;/div&gt; &lt;script type="text/javascript" src="http://x.translateth.is/translate-this.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; TranslateThis(); &lt;/script&gt; <br /> &lt;!-- End TranslateThis Button --&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Simpan gadget anda</li> <li>Screenshot :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMKoqSPfx39klNxTU1olTwIfrVRbByLrxWRyMHIQyx_cfcGSHv5WtIEpdcoXa-Qc6ONJej8zHCxMPKRIJKLHnLX227sZVtox1LJe4kU_tOjUrVjY3G1W-sw_5m_FMc6pngd6AsoJ4hZfV/s1600/widget+translate.jpg" width="250" /> </div> <div id="hide"> </div> </div> </ol> Selamat mencoba...<br /> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-25201534415187348832013-06-09T13:15:00.000+07:002013-06-09T13:15:26.185+07:00Cara Membuat Widget Popular Post Keren [Blogroll]<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode berikut, tekan Ctrl+f untuk memudahkan pencarian :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="color: red; font-size: x-small;"> &lt;div class='widget-content popular-posts'&gt; </span> </div> </div> </div> <li>Ganti kode tersebut menjadi seperti di bawah :</li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="color: red; font-size: x-small;"> &lt;div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:300px'&gt; </span> </div> </div> </div> <li>Kemudian klik Save</li> </ol> <div> <b>Keterangan :</b><br /> <i><span style="color: red;">height:300px</span><span style="color: red;">&nbsp;</span>*</i>300px adalah tinggi dari scroll, bisa diganti sesuai kebutuhan</div> <div> <br /></div> Semoga bermanfaat, selamat mencoba...Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-32388905036661508722013-06-09T12:33:00.004+07:002013-08-05T00:04:13.187+07:00Cara Membuat Widget Recent Post Keren [Blogroll]Berikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a><br /> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;div style="overflow:auto;width:420px;height:200px;padding:10px;border:1px solid #eee"&gt; &lt;script src="https://googledrive.com/host/0B-j5FxzmZ0a_Z05ZUmxubmNPQnc"&gt;&lt;/script&gt; &lt;script&gt;var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; &lt;/script&gt; &lt;script src="</span><span style="color: blue; font-size: x-small;">http://varozi.blogspot.com</span><span style="color: red; font-size: x-small;">/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rp"&gt;&lt;br /&gt;&lt;/script&gt; &lt;/div&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <span style="color: red;"> [NOTE]</span> :<br />Ubah URL warna <span style="color: blue;">biru</span> dengan URL Website/Blog sobat</li> <br /> <li>Simpan gadget anda</li> </ol> Selamat mencoba...<br /> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com0tag:blogger.com,1999:blog-4931068841035155632.post-31625340298399038252013-06-08T23:34:00.001+07:002013-08-06T20:55:29.501+07:00Cara Membuat Widget Recent Post Keren [Slide]Berikut langkah-langkahnya :<br /> <ol> <li>Login ke blogger&nbsp;</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;style type="text/css"&gt; #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} &lt;/style&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script src="https://googledrive.com/host/0B-j5FxzmZ0a_eHZOcjBydEtTYVk" type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); &lt;/script&gt; &lt;ul id="rp_plus_img"&gt;&lt;script&gt; var numposts = 5; var numchars = 0; &lt;/script&gt; &lt;script src="<span style="color: blue; font-size: x-small;">http://varozi.blogspot.com</span><span style="color: red; font-size: x-small;">/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rpthumbnt"&gt; &lt;/script&gt; &lt;/ul&gt; &lt;small&gt;&lt;a href="http://varozi.blogspot.com/search/label/Blog" target="_blank"&gt;Blogger Widget&lt;/a&gt;&lt;/small&gt; &lt;small&gt;&lt;a href="http://varozi.blogspot.com/2013/06/cara-membuat-widget-recent-posts.html" target="_blank"&gt;Get This Widget&lt;/a&gt;&lt;/small&gt; </span> </span></span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <span style="color: red;">[NOTE]</span> :<br /><div style="text-align: justify;"> Jumlah posting yang ditampilkan adalah 5 posts. Ubah URL warna <span style="color: blue;">biru</span> dengan URL Website/Blog sobat.&nbsp;Terdapat banyak kode ukuran dan kode warna yang dapat sobat ubah. Namun widget ini sudah disesuaikan dengan ukuran dan warna yang ideal. Jadi lebih baik jangan diubah, karena takut nantinya jadi berantakan.</div> </li> <br /> <li>Simpan gadget anda&nbsp;</li> </ol> Selamat mencoba...<br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com4tag:blogger.com,1999:blog-4931068841035155632.post-8605038237885630352013-05-11T22:59:00.000+07:002013-05-11T23:43:40.095+07:00Cara Membuat Buku Tamu Auto Hide Keren Di Blog<b>Caranya :</b><br /> <ol> <li>Buat akun dulu di <a href="http://www.cbox.ws/">cbox</a>&nbsp;dan login dengan akun anda tadi</li> <li>Pilih menu Publish!</li> <li>Klik Copy to clipboard dan paste di notepad/gedit</li> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red;"> &lt;style type="text/css"&gt; #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrpoeGwjr-I1-cFnTb7wAdG9_mjLqpwHXBz4txAVAskzF5urYbVhEKRWlg0M0iIBuYwCR5T2wnngqu7e_axfwFL0ajd9_sQB1TWWHKJu_RyNvEe4Ei1d0is_JgUpmuRKE98G3HeSh0RRGc/s1600/chatbox.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } &lt;/style&gt; &lt;script type="text/javascript"&gt; function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) &gt; 25 ? 25 : 1; var dir = xf&gt;x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);} }&lt;/script&gt; &lt;div id="gb"&gt; &lt;div class="gbtab" onmouseover="showHideGB()"&gt; &lt;/div&gt; &lt;div class="gbcontent"&gt; &lt;center&gt; </span> <span style="color: blue;"> &lt;!-- BEGIN CBOX - www.cbox.ws - v001 --&gt; &lt;div id="cboxdiv" style="text-align: center; line-height: 0"&gt; &lt;div&gt;&lt;iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4137964&amp;amp;boxtag=nq1w2e&amp;amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4137964" style="border:#ababab 1px solid;" id="cboxmain4-4137964"&gt;&lt;/iframe&gt;&lt;/div&gt; &lt;div&gt;&lt;iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4137964&amp;amp;boxtag=nq1w2e&amp;amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4137964" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4137964"&gt;&lt;/iframe&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- END CBOX --&gt; </span> <span style="color: red;"> &lt;br /&gt; &lt;div style="text-align:center"&gt; &lt;span style="float:right; color:#000000;"&gt;Get this &lt;a target="_blank" href="http://varozi.blogspot.com/2013/05/cara-membuat-buku-tamu-keren-di-blog.html"&gt; widget! &lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;/center&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; &lt;/script&gt; &lt;/div&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Ganti kode yang berwarna <span style="color: blue;">biru</span> dengan kode buku tamu milik anda sendiri di notepad/gedit anda tadi</li> <li>Simpan gadget anda</li> <li>Untuk demo sudah saya terapkan di blog saya ini</li> </ol> Semoga bermanfaat, selamat mencoba...<br /> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com10tag:blogger.com,1999:blog-4931068841035155632.post-33841929556685963392013-05-10T23:04:00.001+07:002013-05-11T01:01:35.366+07:00Cara Mengganti Tulisan Older Post, New Post, Home Dengan Gambar Navigasi<div> <b>Caranya :</b></div> <div> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Kemudian lihat tabel berikut :<a name='more'></a></li> <table border="1" class="full config"><tbody> <tr><th>Cari kode ini</th><th>Ganti dengan kode ini</th><th>Keterangan</th></tr> <tr><td>&lt;data:newerPageTitle/&gt;</td><td>&lt;img src='<span style="color: blue;">lihat-url-gambar-dibawah</span>'/&gt;</td><td>Next</td></tr> <tr><td>&lt;data:olderPageTitle/&gt;</td><td>&lt;img src='<span style="color: blue;">lihat-url-gambar-dibawah</span>'/&gt;</td><td>Previous</td></tr> <tr><td>&lt;data:homeMsg/&gt;</td><td>&lt;img src='<span style="color: blue;">lihat-url-gambar-dibawah</span>'/&gt;</td><td>Home</td></tr> </tbody></table> <br /> <li>Ganti tulisan warna biru dengan pilihan URL gambar berikut :</li> <table border="1" class="full config"><tbody> <tr><th>URL Gambar</th><th>Keterangan</th></tr> <tr><td>http://3.bp.blogspot.com/-<br /> NUGr1MxMCgY/UY0nfwAIs8I/AAAAAAAAAD4/W09aIrTdH2I/s1600/next.png</td><td>Next</td></tr> <tr><td>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg59eMHVSX_5O8qxZ_Tyqj8OJ2HLahPwqxmxpS0ZKpdGowoBQ3Qkz9Mjl8wuF76mw7yC73BeZQ2Ct7p3E2M47DJ8YaijXVCTghR2VTsADZc7lFXhFkIquUcTLoxeukiAbwESRXCHTYrhvcW/s1600/previous.png</td><td>Previous</td></tr> <tr><td>http://3.bp.blogspot.com/-<br /> v66jgwNSwfE/UY0n9zmkrhI/AAAAAAAAAEI/yL7bjBpfeH0/s1600/home.png</td><td>Home</td></tr> <tr><td>http://1.bp.blogspot.com/-<br /> pqROkiP3wng/UY0oFzBJalI/AAAAAAAAAEQ/Nd7ghA9lkxo/s1600/next_big.png</td><td>Next_Big</td></tr> <tr><td>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAvExXvaEqZOxCO4gBQp093ysxS1TIya9GbcG8QfaWzQfSs_M5wqE_ECKX0Ixzy2IVknbEdPZXzWPDQR4opxyhLs7d4s9Y5Ym8ilOvIjvLnVOrNDWLbq_uQ3RHhZr9mkQaBjyYCadYMsT/s1600/previous_big.png</td><td>Previous_Big</td></tr> <tr><td>http://4.bp.blogspot.com/-<br /> HK9ehcAITLA/UY0uyr0n_XI/AAAAAAAAAE4/tJOISjjwLIc/s1600/next_2.png</td><td>Next_2</td></tr> <tr><td>http://1.bp.blogspot.com/-<br /> 0D9k_4BaQOE/UY0u0zUI_xI/AAAAAAAAAE8/isCfJIfcDxQ/s1600/previous_2.png</td><td>Previous_2</td></tr> </tbody></table> <br /> <li>Kemudian klik Save</li> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-86820647983039914622013-05-10T18:05:00.002+07:002013-05-10T18:07:03.901+07:00Cara Membuat Spoiler Di Dalam Posting Blog<b>Caranya :</b><br /> <div> <ol> <li>Login ke Blogger</li> <li>Pilih New Post atau Entri Baru</li> <li>Kemudian pilih mode HTML (selain Compose) saat membuat entri baru</li> <li>Sisipkan kode script di bawah ini untuk membuat spoiler :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;div style="margin: 5px 20px 20px;"&gt;&lt;div class="smallfont" style="margin-bottom: 2px;"&gt; &lt;b&gt;Judul Spoiler&lt;/b&gt;: &lt;input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /&gt;&lt;/div&gt; &lt;div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"&gt; &lt;div style="display: none;"&gt; Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain-lain &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Ganti tulisan <span style="color: red;">Judul Spoiler </span>,<span style="color: red;"> Buka </span>,<span style="color: red;"> Tutup</span>&nbsp;sesuai keinginan</li> <li>Klik Publish atau Publikasikan dan lihat hasilnya</li> </ol> Semoga bermanfaat, selamat mencoba...</div> <div> <br /></div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com0tag:blogger.com,1999:blog-4931068841035155632.post-43498233876492334852013-04-30T15:14:00.002+07:002013-04-30T17:49:54.371+07:00Cara Membuat Semua Link Blog Terbuka di Tab Baru<b>Caranya :</b><br /> <ol> <li>Login ke blogger</li> <li>Pilih Template</li> <li>Masuk ke Edit HTML</li> <li>Cari kode <span style="color: red;">&lt;head&gt;</span>, tekan Ctrl+f untuk memudahkan pencarian</li> <li>Copy kode di bawah ini dan letakkan di bawah kode <span style="color: red;">&lt;head&gt;</span> :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="color: red; font-size: x-small;"> &lt;base target='_blank'/&gt; </span> </div> </div> </div> <li>Kemudian klik Save</li> <li>Sebagai demo cobalah klik salah satu link pada blog anda, kalau berhasil anda akan langsung dibawa ke tab baru</li> </ol> Semoga bermanfaat, selamat mencoba...<br /> <br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com2tag:blogger.com,1999:blog-4931068841035155632.post-16574138335111011612013-04-18T21:13:00.000+07:002013-06-18T21:26:59.234+07:00Cara Membuat Spoiler Berisi Gambar di Blog<b>Caranya :</b><br /> <ol> <li>Login ke Blogger</li> <li>Pilih New Post atau Entri Baru</li> <li>Kemudian pilih mode HTML (selain Compose) saat membuat entri baru</li> <li>Sisipkan kode script di bawah ini untuk membuat spoiler :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><span style="color: red; font-size: x-small;"> &lt;div id="spoiler"&gt; &lt;div&gt; &lt;input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /&gt;&lt;/div&gt; &lt;div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"&gt; &lt;img alt="spoiler pada blogspot" class="aligncenter" height="250" src="</span><span style="color: blue; font-size: x-small;"> LINK GAMBAR</span><span style="color: red; font-size: x-small;"> " width="250" /&gt; &lt;/div&gt; &lt;div id="hide"&gt; &lt;/div&gt; &lt;/div&gt; </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> <li>Ganti tulisan <span style="color: blue;">LINK GAMBAR</span> dengan link gambar anda sendiri, misal :<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbvsKMWSK6RP57WHY_y8b_REgwkvnIQQk1BrHNOCyYvCV_0B1gzOxogJFfdF5_AdsdiDb3jTI7hJmgyV6oe_ErFqZPKV9FepB1PlTid4TBAzYMbehkyxiQg72Mx0hlb8pr3i8llqZkeRjq/s1600/zombie.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbvsKMWSK6RP57WHY_y8b_REgwkvnIQQk1BrHNOCyYvCV_0B1gzOxogJFfdF5_AdsdiDb3jTI7hJmgyV6oe_ErFqZPKV9FepB1PlTid4TBAzYMbehkyxiQg72Mx0hlb8pr3i8llqZkeRjq/s1600/zombie.gif</a></li> <li>Kemudian klik Publish atau Publikasikan dan lihat hasilnya</li> <li>Contoh :</li> <div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbvsKMWSK6RP57WHY_y8b_REgwkvnIQQk1BrHNOCyYvCV_0B1gzOxogJFfdF5_AdsdiDb3jTI7hJmgyV6oe_ErFqZPKV9FepB1PlTid4TBAzYMbehkyxiQg72Mx0hlb8pr3i8llqZkeRjq/s1600/zombie.gif" width="400" /> </div> <div id="hide"> </div> </div> </ol> Semoga bermanfaat, selamat mencoba...<br /> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <br /></div> Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com3tag:blogger.com,1999:blog-4931068841035155632.post-13472397535547479102013-04-16T18:03:00.003+07:002013-04-30T17:48:50.796+07:00Cara Membuat Icon Back To Top KerenCara membuat icon back to top keren<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRsQc5IdmuP7OewQ7an6Ex8yCxqoFB9SlI0UDhH8LNN5Je7trOc7ytOz48AITKXcfzW3ZczRTJLf31XUXLCcIryBCzMf3jfNh0J6aXIDF3DLIiAnEP4NYRuQWNuLq5DdK0lIfGKi-gLnhH/s1600/icon+back+to+top.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRsQc5IdmuP7OewQ7an6Ex8yCxqoFB9SlI0UDhH8LNN5Je7trOc7ytOz48AITKXcfzW3ZczRTJLf31XUXLCcIryBCzMf3jfNh0J6aXIDF3DLIiAnEP4NYRuQWNuLq5DdK0lIfGKi-gLnhH/s1600/icon+back+to+top.jpg" /></a><br /> Berikut langkah-langkahnya :<br /> <div> <ol> <li>Login ke blogger</li> <li>Pilih Tata Letak</li> <li>Kemudian klik tambahkan gadget dan pilih HTML/JavaScript</li> <li>Masukkan kode di bawah ini :<a name='more'></a></li> <div style="margin: 5px 0px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <span style="color: red; font-size: x-small;"> </span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="color: red; font-size: x-small;"><span style="font-style: italic;">&lt;a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"&gt;&lt;img src="http://i1281.photobucket.com/albums/a508/johnthor/Backtotophitam_zps2fc6b3ea.png"/&gt;&lt;/a&gt; </span></span></div> </div> <span style="font-style: italic;"> </span> </div> </div> <li>Simpan gadget anda</li> <li>Untuk pilihan warna tinggal ganti image source nya dengan alamat di bawah ini :</li> <div style="margin: 5px 0px 20px;"> <b>Pilih Satu</b>: <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="font-style: italic;"><span style="font-style: italic;"></span></span> <div style="font: 12px/22px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 100%;"> <span style="font-style: italic;"><span style="font-style: italic;"><b>========== Alamat Icon Back To Top ==========</b> <span style="color: red; font-size: x-small;"> <li>http://i1281.photobucket.com/albums/a508/johnthor/Backtotopmerah_zpsceb49f1a.png</li> <li>http://i1281.photobucket.com/albums/a508/johnthor/Backtotopkuning_zps5360c9b7.png</li> <li>http://i1281.photobucket.com/albums/a508/johnthor/Backtotophijau_zpsa8c6185e.png</li> <li>http://i1281.photobucket.com/albums/a508/johnthor/Backtotopbiru_zps9ed640ad.png</li> <li>http://i1281.photobucket.com/albums/a508/johnthor/Backtotophitam_zps2fc6b3ea.png</li> </span> </span></span></div> <span style="font-style: italic;"><span style="font-style: italic;"> </span></span> </div> </div> </div> </ol> Selamat mencoba...</div> <br /> <br />Anonymoushttp://www.blogger.com/profile/12040294448748146803noreply@blogger.com6