GHIFAR_KANSHA: BLOGGING

Membuat Label Bergerak (Blogumulus) di Blogspot

Unknown 0 Blogger, BLOGGING, TUTORIAL Sabtu, 01 Juni 2013

<div style="text-align: justify;">Tahukah temen-temen apa itu blogumulus? Blogumulus itu adalah label widget yang dibuat dengan basis flash animation. Widget ini akanb eraksi kalo pointer mouse dideketin ke widget ini. Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi cuma terbatas untuk kaum pengguna Wordpress dan ngga mungkin untuk di pakai didalam Blogger. Tapi sekarang Amanda Fazani udah menyempurnakan widget ini sehingga bisa dipake di dalam blogger.</div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZsXqEr-tIcHhLeeH8vg8cNsEn-RLzc1mem2tf-xRRcDAnYeg4ol4p89PpnXK7G7vViCN3KXVlaycyPUaBMtoVjs-D1KLFYdBJlQXeIET3P4daVtCc47BieZdQew6xa5UamPv2XpUKw/s1600/wp-cumulus.gif" width="320" /></div><div style="text-align: justify;">Ok..! langsung saja sebelum kita mengenal label itu saya ingin mengucapkan terima kasih kepada <a href="http://www.roytanck.com/" target="_blank">Roy Tanck</a> karena hasil karyanyalah label ini tercipta. Bagi yang belum mengetahui nama label tersebut saya akan memberitahukan label itu bernama Blogumulus atau sebagian orang mengucapkannya Blogumus itu..? Blogumulus itu awalnya diciptakan untuk pengguna <a href="http://www.wordpress.com/" target="_blank">Wordpress</a> yang bernama Tag-Cumulus widget ini yang berbasis flash sehingga bisa dianimasikan. dan karena untuk saat ini sudah bisa dipakai di <a href="http://www.blogger.com/" target="_blank">BLOGGER</a> berkat kreatifitas <a href="http://www.bloggerbuster.com/2008/09/alternative-installation-for-blogumus.html" target="_blank">Amanda Fazani</a>, sebagai pengguna mesin blogger kita bisa memasang widget tersebut di blog kita. Thank's to <a href="http://www.bloggerbuster.com/2008/09/alternative-installation-for-blogumus.html" style="font-weight: bold;" target="_blank">Amanda Fazani</a> atas kreatifitasnya. maka dirubahlah namanya menjadi Blogumulus Untuk melihat seperti apa label animasi ini, Oke, bagi anda yang tertarik untuk memasang label animasi atau label flash ini, kita langsung menuju pada langkah-langkahnya.  <ol><li>Login ke <a href="http://www.blogger.com/" target="_blank">blogger</a> dengan ID anda.  </li><li>Klik Tata Letak.  </li><li>KLik tab Edit HTML.  </li><li>Klik tulisan Download Template Lengkap (ini untuk memback-up bila terjadi kesalahan). agar templatenya aman. </li><li>Cari kode yang mirip dengan kode di bawah ini : </li></ol><div style="border: 2px solid rgb(5, 13, 248); height: 10px; overflow: auto; padding: 10px; text-align: center; width: 600px;"><b:section class='sidebar' id='sidebar' preferred='yes'></div><ol></ol>      6.  Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas. </div><div style="text-align: justify;"> <div style="border: 2px solid #050df8; height: 300px; overflow: auto; padding: 10px; width: 600px;"><b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Posted by <a href='http://adesyams.blogspot.com/'>Ade'S Tricks</a></div> <script type='text/javascript'> var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;); // uncomment next line to enable transparency //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;); so.addVariable(&quot;mode&quot;, &quot;tags&quot;); so.addVariable(&quot;distr&quot;, &quot;true&quot;); so.addVariable(&quot;tspeed&quot;, &quot;100&quot;); so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;); so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;); so.write(&quot;flashcontent&quot;); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget></div><ol></ol></div>       7.  Kemudian Save Template anda.  <div style="text-align: justify;">Note : Agar tampilan label animasi ini serasi dengan templet blog anda, sesuaikan kode-kode berikut dengan templet yang dipakai. Misal: Merubah lebar, tinggi dan warna background. Variable untuk lebar dan tinggi ada pada baris script berikut,</div> <div style="border: 2px solid rgb(5, 13, 248); height: 40px; overflow: auto; padding: 10px; text-align: justify; width: 600px;">var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");</div><div style="text-align: justify;">240 menunjukkan lebar widget. 300 menunjukkan tinggi widget. #ffffff menjukkan warna background. 100 menunjukkan kecepatan putaran. Merubah warna text. Variable untuk lebar dan tinggi ada pada baris script berikut,</div> <div style="border: 2px solid rgb(5, 13, 248); height: 20px; overflow: auto; padding: 10px; text-align: center; width: 600px;">so.addVariable("tcolor", "0x333333");</div><div style="text-align: justify;">"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja. Merubah ukuran font. Variable untuk lebar dan tinggi ada pada baris script berikut, </div> <div style="border: 2px solid rgb(233, 5, 248); height: 40px; overflow: auto; padding: 10px; text-align: justify; width: 600px;">so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");</div>12 menujukan ukuran font yang digunakan. ~> bila anda menginginkan background yang transparan, maka anda tinggal menghapus tanda // dari script di atas <div style="border: 2px solid rgb(248, 59, 5); height: 20px; overflow: auto; padding: 10px; text-align: center; width: 600px;">//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); </div> Referensi klik <a href="http://www.maskolis.com/2011/03/membuat-label-bergerak-blogumulus-di.html" target="_blank"><blink>DISINI</blink></a> <blink></blink> <blink><blink></blink></blink> <div style="text-align: right;"><a href="http://www.riyanghifar.com/" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefAT3KO2seexHC_3yJ4Lk92z4GSjJsWnHpirXBiEmf3z4YXKQZxDVGBxlb9zXUO489m6S3vEizUzlAO9Et9uujOR0G4jYzDduUn1xF24ZlLI-ZNo785oOKscxo-oFoo1if8IQvcXSnw/s320/60706CBDEED0C21C0201C1E648BFED3E.png" /></a></div>

Membuat Label Bergerak (Blogumulus) di Blogspot

T ahukah temen-temen apa itu blogumulus? Blogumulus itu adalah label widget yang dibuat dengan basis flash animation. Widget ini akanb e...

Memasang Translate Gambar Bendera di Blog

Unknown 0 Blogger, BLOGGING, TUTORIAL

<div style="text-align: justify;">Kebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris dengan tujuan agar blognya dapat dimengerti oleh semua orang diseluruh dunia. Namun jangan khawatir apabila blog yang kita miliki berbahasa Indonesia, dengan menggunakan tambahan widget google translate maka blog kita yang berbahasa Indonesia akan dapat diterjemahkan ke dalam beberapa bahasa yang digunakan di dunia, seperti bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab. </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera. Tips ini baru saya dapatkan dari <a href="http://www.o-om.com/">o-om</a>. Baik, langsung saja pada langkah-langkahnya :</div><ol><li>Pertama login ke blogger terlebih dahulu</li><li>Klik Tata Letak  </li><li>Klik tab Elemen Halaman  </li><li>Klik Tambah Gadget  </li><li>Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.</li></ol>Tampilan Ke-1 <div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QEIAfpNym43F04xHcXRxlg-GxFFdlb1opB9002KYP4J4g5MX4dqxDUZfSoYjYm99iWfTjXB5iPcEnRWniZyLXKp1gg6NGc7mLuSxgOxeaPZV_t3zXtT25hp8O5rB9qxLZCe4PiCFkw/s1600/bendera.jpg" /></div><h4>Copas Code Dibawah</h4><div style="border: 2px solid #ec0505; height: 300px; overflow: auto; padding: 10px; width: 600px;"><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9kVhWr1bMmEnl0tfOPJ79oeUxiimP5xeul4BkagJ0Osp_Km_qm50mFYLPGznunxLpamOBgC5n5fsQ8tfisymtu8h2Nf-knKstwNORL54CutggbX02v3O8RSlR_WnYTnDTiLIoFe1ZVCQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIevgUk-yMYt6NoBjdRncYOOZpEdqDHccc4hEB8DhDJ-qYbYPZ6uihMUB0uukd4vcxhxaihj0W80I8Vxr6w0KYa7KP2-yJUbeoiKKKhWRDIT3Wr91kxkieWdqHVRTtHtPS2YhisMQvJE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdFMz-5rNGsstJG_dUEY0qBVFsfpCoy0lvxvq70uE7-QAeqY0nOxhd6Rk7RA_i0woX1laClPuWODeh4CbjxWmA10F9jFn6WTeGpSZAOuvjwFXoa101h9dWciT3MoIJSDozA5Irq7hUL1P/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyHBDsq4TgKlcu5VGXUiiu9JgAjZD-0D7F_VwYhIo61C1xqE4oL106lr9W-Qq4JLmoSUwzcBAaqvC9vTB9opbj9p6o7isympNKDow0PelQm3-Z3Ix38e2rErvzE0COelVbsy4hqdfeitnt/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGWig0TBvNYajX5hBuBMbIVhM28dcwkhyy5PKPgD0TbXTHTwJEKhoAukS6ngKWWVMzvDp7zxt-kUebgW7g7PnopghOFnbdfTjxRPE1NMflRhI6SYIsVVAFUMWji5uMmEx2uFlXhoPZCac/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMFfoSz06irBNZHddpy-pUVD-F1RN5I-0m2_Puc3N1_m_IEaAF44-s3f8hCzZj_Ab1hVuzHJRiZErh3wLYql37XE20_VCFZASpT88FurbNXrtOCX90ebu3L0axsMdVzTj0Y-ttFQHS0Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP3VO4SlL7ehM7fZEU2vI2qNgtCNv5n27rSfowFlDeYB1KLLZomBE3gVRLCAwTM7mVUvttXCDMzPyoGcLSHx8KsGMvgXxwotTjBuUpF-ISNxQQZDzdVuJvcG0JnQhIhhIuulvFoq6Rrjs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvIZcftht6zp3eWwVMn304yZE20eq0yLT-yfdVEe7uIsp6TjyzUjxcYMYmfW_uvjCgi1FU0YV4qlNznI7WVBqsAr5O_EWVDoofAuCEvbXlFPy8xzjRJfzyLaINKnuv4VX5oUdzvPDy6O8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLF9j1Byapo0-kKGxu0HdYH91vmya5USkXyOke296Dn8GyB22MtMA8FSE2fjBErCcKsnAbByswXIHjmNCukHPaFEy48qIHFS0HPBQ2zoA4RNrGQH3zoqPzoxj7R2jHTuV-01thh3snfefX/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgj78zInC0xHPCUL2EiD0trVXgXLvas9Ka9fcKmyG3XoZ_XnZ6G5N8QYgcs0oMMzov7_pfzuwubYWMsvG_o-6fQ0rzjvJL3NikpV1Oc1ofImghUeG_713-x9FMK1c3ZVxZ5PUFAtmm6U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2KfN412-7cP_NM16WY8UkwHmXHlY6P5l5Jj3tPYuntd9m4Ei_UgTGlNDkSA5OuLzanCPMAeG-BH4fdkS1sfSRia1YJYijUhSJcu5V9SNyHiXzvm4DlCHhjv21VKpx1TjUcn3jLHV0YW8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHryaLjG70IbIqSSFAkA9BP7RpiPTa1zEVl9wIZ5QsilXBgHEqbyObpbJl3bAzFApUc9uZGs_PPqr6DEsva405loo0RyAev8GnrZq0d_oVt557Fifl8FSQnSaEq99f71lYDRiGZrscVCE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style=font-size:10px;margin:8px 0px 3px 0px> by : <a href=http://www.blogspottutorial.com/>BTF</a> </div></div><h4> Tampilan Ke-2</h4><div class="separator" style="clear: both; text-align: center;"><img border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrNdW5SrrzZZh4D01rp7eOlIryFgxZfjW98pNRaWfIEZHXySWv-ka1hrMhS0Wtzl0XGHYCE-pYSOrrfkQFlM1Chp01OvNwUZTwcylwyr1glJdtEl1Y8xA2qVaMEUwzdZx1ZM7uHqN2tA/s1600/bendera1.jpg" width="320" /> </div><h4>Copas Code Dibawah</h4><div style="border: 2px solid #0905ec; height: 300px; overflow: auto; padding: 10px; width: 600px;"><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9kVhWr1bMmEnl0tfOPJ79oeUxiimP5xeul4BkagJ0Osp_Km_qm50mFYLPGznunxLpamOBgC5n5fsQ8tfisymtu8h2Nf-knKstwNORL54CutggbX02v3O8RSlR_WnYTnDTiLIoFe1ZVCQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIevgUk-yMYt6NoBjdRncYOOZpEdqDHccc4hEB8DhDJ-qYbYPZ6uihMUB0uukd4vcxhxaihj0W80I8Vxr6w0KYa7KP2-yJUbeoiKKKhWRDIT3Wr91kxkieWdqHVRTtHtPS2YhisMQvJE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdFMz-5rNGsstJG_dUEY0qBVFsfpCoy0lvxvq70uE7-QAeqY0nOxhd6Rk7RA_i0woX1laClPuWODeh4CbjxWmA10F9jFn6WTeGpSZAOuvjwFXoa101h9dWciT3MoIJSDozA5Irq7hUL1P/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyHBDsq4TgKlcu5VGXUiiu9JgAjZD-0D7F_VwYhIo61C1xqE4oL106lr9W-Qq4JLmoSUwzcBAaqvC9vTB9opbj9p6o7isympNKDow0PelQm3-Z3Ix38e2rErvzE0COelVbsy4hqdfeitnt/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGWig0TBvNYajX5hBuBMbIVhM28dcwkhyy5PKPgD0TbXTHTwJEKhoAukS6ngKWWVMzvDp7zxt-kUebgW7g7PnopghOFnbdfTjxRPE1NMflRhI6SYIsVVAFUMWji5uMmEx2uFlXhoPZCac/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMFfoSz06irBNZHddpy-pUVD-F1RN5I-0m2_Puc3N1_m_IEaAF44-s3f8hCzZj_Ab1hVuzHJRiZErh3wLYql37XE20_VCFZASpT88FurbNXrtOCX90ebu3L0axsMdVzTj0Y-ttFQHS0Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP3VO4SlL7ehM7fZEU2vI2qNgtCNv5n27rSfowFlDeYB1KLLZomBE3gVRLCAwTM7mVUvttXCDMzPyoGcLSHx8KsGMvgXxwotTjBuUpF-ISNxQQZDzdVuJvcG0JnQhIhhIuulvFoq6Rrjs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvIZcftht6zp3eWwVMn304yZE20eq0yLT-yfdVEe7uIsp6TjyzUjxcYMYmfW_uvjCgi1FU0YV4qlNznI7WVBqsAr5O_EWVDoofAuCEvbXlFPy8xzjRJfzyLaINKnuv4VX5oUdzvPDy6O8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLF9j1Byapo0-kKGxu0HdYH91vmya5USkXyOke296Dn8GyB22MtMA8FSE2fjBErCcKsnAbByswXIHjmNCukHPaFEy48qIHFS0HPBQ2zoA4RNrGQH3zoqPzoxj7R2jHTuV-01thh3snfefX/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgj78zInC0xHPCUL2EiD0trVXgXLvas9Ka9fcKmyG3XoZ_XnZ6G5N8QYgcs0oMMzov7_pfzuwubYWMsvG_o-6fQ0rzjvJL3NikpV1Oc1ofImghUeG_713-x9FMK1c3ZVxZ5PUFAtmm6U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2KfN412-7cP_NM16WY8UkwHmXHlY6P5l5Jj3tPYuntd9m4Ei_UgTGlNDkSA5OuLzanCPMAeG-BH4fdkS1sfSRia1YJYijUhSJcu5V9SNyHiXzvm4DlCHhjv21VKpx1TjUcn3jLHV0YW8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHryaLjG70IbIqSSFAkA9BP7RpiPTa1zEVl9wIZ5QsilXBgHEqbyObpbJl3bAzFApUc9uZGs_PPqr6DEsva405loo0RyAev8GnrZq0d_oVt557Fifl8FSQnSaEq99f71lYDRiGZrscVCE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ> by : <a href=http://www.blogspottutorial.com/>BTF</a> </div></div> Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat <div style="text-align: right;"><a href="http://www.riyanghifar.com/" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefAT3KO2seexHC_3yJ4Lk92z4GSjJsWnHpirXBiEmf3z4YXKQZxDVGBxlb9zXUO489m6S3vEizUzlAO9Et9uujOR0G4jYzDduUn1xF24ZlLI-ZNo785oOKscxo-oFoo1if8IQvcXSnw/s320/60706CBDEED0C21C0201C1E648BFED3E.png" /></a></div>

Memasang Translate Gambar Bendera di Blog

K ebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris dengan tujuan agar blognya dapat dimengerti oleh semua orang dise...

Cara Membuat Related Post Dengan Fungsi Scroll Di Bawah Postingan

Unknown 0 Blogger, BLOGGING, TUTORIAL Kamis, 30 Mei 2013

<div style="text-align: justify;">Untuk tutorial blog kali ini membahas bagaimana cara membuat related posts / artikel terkait bawah posting dengan scroll. Dengan memasang artikel terkait atau related posts di blog tentunya akan membuat atau memudahkan pengunjung untuk melihat artikel anda yang lainnya dan efeknya untuk blog anda akan menambah / meningkatkan pageview blog. <div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLpIVlNsU2B1aqx6vDQm6Jmls1TbnxxBdTgqD3gtdyHr9XWK1nUalsXhbO6toGIOpWIlTO7r1O-Ngm-DhvR0Y5iq1I_Hd8iReGUYEL61qo5x3_MdQgdHAowuCTA6IYldO08cMemw8aQ/s1600/related+post.png" /></div></div><div style="text-align: justify;"> Cara Memasang Artikel Terkait di bawah postingan blog dengan fungsi scroll : <ol><li>Login ke blogger.com</li><li>Pada dasboard silahkan pilih Template</li><li>Lalu pilih Edit HTMl</li><li>Centang kotak expand template widget</li><li>Tekan Ctrl+F dan cari kode <data:post.body/> atau <data:post.body/> lalu letakkan kode berikut dibawahnya</li><li>Apabila menemukan kode <data:post.body/> sebanyak 2 atau 3 buah silahkan pilih yang nomor 2 saja </li></ol></div><div style="text-align: justify;"> </div><div style="text-align: justify;"><div style="border: 2px solid #0f02e1; height: 350px; overflow: auto; padding: 10px; width: 595px;"><b:if cond='data:blog.pageType == &quot;item&quot;'> <H2>Related Posts</H2> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;ardi33&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script> </div> </b:if></div></div>      7. Lalu cari kode ]]></b:skin> dan letakkan kode berikut diatasnya (kode ini untuk memberi efek Hover) <div style="border: 2px solid #db020b; height: 40px; overflow: auto; padding: 10px; width: 595px;">.rbbox{border: 1px solid rgb(192, 192, 192); padding: 5px;background-color: #f0f0f0; -moz-border-radius:5px; margin:5px; } .rbbox:hover{ background-color: rgb(255, 255, 255); } </div>      8. Simpan Template dan lihat hasil dari related post blog anda yang baru dibuat Selamat mencoba, semoga bermanfaat.!!!

Cara Membuat Related Post Dengan Fungsi Scroll Di Bawah Postingan

Untuk tutorial blog kali ini membahas bagaimana cara membuat related posts / artikel terkait bawah posting dengan scroll . Dengan memasang ...

Cara Membuat Kotak Admin di Bawah Postingan

Unknown 1 Blogger, BLOGGING, TUTORIAL

<div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal" style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFGYG5f_XJd-DQtpL-Pvz7HkGc0r-lfmX6pledNvbuHact-ctsyhsH8jGp9t1BMFa1MKT1W-ItACyPXFTRJTGsZREVcIHtAGPOouY0BwVkaNbU_94PD122AId7AOeJ_3fLc1lvTgh0Q/s1600/capture-20130530-234546.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFGYG5f_XJd-DQtpL-Pvz7HkGc0r-lfmX6pledNvbuHact-ctsyhsH8jGp9t1BMFa1MKT1W-ItACyPXFTRJTGsZREVcIHtAGPOouY0BwVkaNbU_94PD122AId7AOeJ_3fLc1lvTgh0Q/s1600/capture-20130530-234546.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Cara Membuat Kotak Admin di Bawah Postingan. Ya, tepat sekali bukan ! Anda sudah mendahului lihat gambarnya di atas. Jadi, tidak salah yang Anda cari adalah Cara Membuat Kotak Admin di Bawah Postingan. Kotak Admin di Bawah Postingan Secara Otomatis ini memang keren untuk dicantumkan di blog Anda. <a href="https://www.blogger.com/null" name="more"></a>Mungkin awal tertariknya Anda terhadap ini, karena Anda melihat blog teman kita setiap akhir/di bawah postingan selalu ada kotak adminnya. Nah, itulah ...makanya disebut otomatis, karena kita cukup satu kali mencantumkan, hasilnya untuk semua postingan. Kotak admin di bawah postingan ini biasanya berisi sebagai berikut : <ol><li>Masuk ke akun blogger Anda,</li><li>Klik Rancangan ---> Edit HTML ---> klik “expand template widget” </li><li>Jika perlu “download template lengkap”. Untuk antisipasi jika ada kesalahan.</li><li>Cari kode ]]></b:skin> Gunakan tombol Ctrl+F.  </li><li> Jika sudah ketemu, masukkan kode berikut di atas kode ]]></b:skin> </li></ol> <div style="border: 2px solid #CC0033; height: 300px; overflow: auto; padding: 10px; width: 600px;">.admin-tulisan{     display:block;     width:auto;     background:#FFFFFF;     border:2px solid #000000;     box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;     padding:0;     margin:30px 0 10px 0;     font:normal 12px Comic Sans Ms;     color:#222;     }     .admin-tulisan .kontainer{padding:5px;}     .admin-tulisan h4{     background:#0000FF;     border:none;     border-bottom:2px solid #000000;     color:#fff;     text-transform:normal;     text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);     font:bold 12px Comic Sans Ms;     padding:5px 10px;     margin:0 0 0 0;     display:block;     }     .admin-tulisan h4 a{color:#FEEA83;}     .admin-tulisan img{     width:70px;     height:70px;     margin:0 10px 0 0;     float:left;     border:1px solid #000000;     padding:2px;     background:#000000;     box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;     }</div></div>       6.  Jika sudah, silahkan klik simpan dahulu atau dilanjutkan juga tidak apa-apa tanpa disimpan dulu,        7.  Cari lagi kode : <div class='post-footer>        8.  Lalu masukkan kode berikut tepat di atas kode : <div class='post-footer>   <div style="border: 2px solid #CC0099; height: 300px; overflow: auto; padding: 10px; width: 600px;"> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>www.riyanghifar.com</h4> <div class='kontainer'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSCwH3jO5GLGXem43-KgsGplAknJudzpVVbqXuOOitK3sbD6jNgNaWYPRv2J_2vrj9o1vKG6_d0EOl8H5cNkdQ8zytWHnBPC3ad5-8dsDjbrnQ6ihBYjt1s6VficrU8PtUE2VhDrlXQ/s1600/Untitled-1.png'/> Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat. <a href='http://www.riyanghifar.com/2013/05/cara-membuat-kotak-admin-di-bawah.html' target='_blank'><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></a> <div style='clear:both;'/> </div> </div> </b:if>   </div> <div style="text-align: justify;">Catatan : Silahkan tulisan yang berwarna merah Anda ganti sesuai keinginan Anda sendiri. www.riyanghifar.com Anda ganti dengan URL blog Anda. Kemudian https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSCwH3jO5GLGXem43-KgsGplAknJudzpVVbqXuOOitK3sbD6jNgNaWYPRv2J_2vrj9o1vKG6_d0EOl8H5cNkdQ8zytWHnBPC3ad5-8dsDjbrnQ6ihBYjt1s6VficrU8PtUE2VhDrlXQ/s1600/Untitled-1.png ganti dengan URL photo Anda. Widget ini mengandung link langsung ke blog ini, dengan segala hormat jika berkenan mohon jangan diganti !</div><div class="MsoListParagraphCxSpFirst" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;"> </div>     9.  Jika selesai pengeditan, klik simpan template. Selesai Semoga Bermanfaat.!!!! <a href="http://www.riyanghifar.com/"><blink>www.riyanghifar.com<blink></blink></blink></a> <div class="separator" style="clear: both; text-align: center;"></div>

Cara Membuat Kotak Admin di Bawah Postingan

Cara Membuat Kotak Admin di Bawah Postingan. Ya, tepat sekali bukan ! Anda sudah mendahului lihat gambarnya di atas. Jadi, tidak salah yang...

Cara Membuat Widget Subscription Box Menarik Untuk Blogger

Unknown 2 Blogger, BLOGGING, TUTORIAL

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintNbc3uXX8TtDM29h5bIXKDgxzp05acfmguDpBwpiRZB4V1aPUDl5t6_qR284jA-cO9oj952dAXGBgUAkGH0_x8zuSs7bB2Beh3C7K-lhi5KWU9aGCPkZZ1pBaD6tp8gGmC2J-jRipw/s1600/rss.jpg" width="198" /></div><div class="separator" style="clear: both; text-align: center;"></div><div class="" style="clear: both; text-align: justify;">Memiliki jumlah <span style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #3d85c6; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">visitor yang tinggi adalah impian tiap Blogger sehingga membuat mereka berusaha sekuat tenaga untuk itu. Banyak cara sebenarnya untuk meningkatkan pelanggan blog Anda misalnya aktif di jejaring sosial, memasang widget <span style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #3d85c6; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">facebook fan box, memasang <span style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #3d85c6; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">tombol follow twitter, dan juga memasang kotak berlangganan untuk pengunjung. Nah, pada kesempatan kali ini saya akan berbagi tutorial tentang bagaimana cara membuat kotak Subscription yang menarik sehingga akan mengingatkan pengunjung Anda untuk berlangganan artikel Anda. Dengan hanya memasukkan script sederhana di bawah ini maka subscription box yang menarik akan tampil di blog Anda. Baiklah langsung saja kita kerjakan! <h4><span style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0b5394; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Memasang Subscription Box di Blogger</h4></div><ul style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #444444; line-height: 22px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Login ke akun Blogger Anda dan masuk ke Layout</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Klik Add a Gadget</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Pilih HTML/JavaScript</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Masukkan kode di bawah ini  </li></ul><ul style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #444444; line-height: 22px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></ul><div style="border: 2px solid #FF0000; height: 400px; overflow: auto; padding: 10px; width: 595px;">  <div class="MsoNormal"><style>     #dgenera-blog {         border: 0;         margin-bottom: 10px;         margin: 0 auto;             width:300px;     }     #email-news-subscribe .email-box{         padding: 5px 5px;         font-family: "Arial","Helvetica",sans-serif;        height:38px;}     #email-news-subscribe .email-box input.email{         background:#FFFFFF;         border: 1px solid #dedede;         color: #999;         padding: 7px 10px 8px 10px;         -moz-border-radius: 3px;         -webkit-border-radius: 3px;         -o-border-radius: 3px;         -ms-border-radius: 3px;         -khtml-border-radius: 3px;         border-radius: 3px;         border-image: initial;         font-family: "Arial","Helvetica",sans-serif;}     #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{         background: -moz-linear-gradient(center top,#666 0,#333 100%);         background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));           font-family: "Arial","Helvetica",sans-serif;         border-radius:3px;         -moz-border-radius:3px;         -webkit-border-radius:3px;         border:1px solid #333;         color:white;             padding:7px 14px;         margin-left:3px;         font-weight:bold;         font-size:12px;         cursor:pointer;         border-image: initial;}     #email-news-subscribe .email-box input.subscribe:hover{           background-image:-moz-linear-gradient(top,#333,#666);         background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));         filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);         outline:0;-moz-box-shadow:0 0 3px #999;         -webkit-box-shadow:0 0 3px #999;         box-shadow:0 0 3px #999           -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);         border-radius:3px;         -moz-border-radius:3px;         -webkit-border-radius:3px;         border:1px solid #333;         color:#FFFFFF;      }     #other-social-bar {         padding: 0px;         overflow: hidden;            height:37px;          margin-top:-8px;     }     #other-social-bar ul {list-style: none outside none; padding-left: 4px;}     #other-social-bar .other-follow {         float: left;         overflow: hidden;         padding:5px;         width: 270px;}     #other-social-bar .other-follow ul {         list-style: none outside none;         padding-left: 4px;}     #other-social-bar .other-follow li {         display:inline;         border:0;       }     #other-social-bar .other-follow li a {         font-size: 12px;         color:#666;         font-weight: bold; font-family:arial;         display:inline;         }     #other-social-bar .other-follow li.my-rss {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiSgO0PAWmT878eJTY6u4rCiSLgsXPjFhtynRIF-Od4gbXpDD662ljHLVVtRKyTwSXhWIqLiKC4AoIJ5yepI_JldjmdyU9Rn31JcZtGRiPgNhS0jvbTz-eKa7WX0JHZuSqk6ByjP_BBXc/s400/rss-16x16.png') no-repeat transparent;         line-height: 1;         padding: 0px 3px 1px 20px;         width: 60px;         margin-bottom:0px;             margin-left:5px;}     #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{     text-decoration:none;     }     #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{     text-decoration:underline;     }     #other-social-bar .other-follow li.my-twitter {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyztpE9cX8pi44B5N7wIt8OpvQ5PNAWtGYzqVF5xOpQnIFo-kGNeuwMT2zjbq2CH2HaghDcitR9GiYDDYB6i9J8HRUcPTjpP20yuueJWTqwTtzRYDh5ZXNlvAenBjnOwJ9PCWi636dev4/s400/twitter%2527.png') no-repeat transparent;         line-height: 1;         padding: 0px 3px 1px 20px;         width: 60px;         margin-bottom:0px;}     #other-social-bar .other-follow li.my-gplus {         background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiww2HdbMAbzOD_iK62AhEZ2qwz6iCgVvYkfY-BLEfxJiEGNmz0FbdAzXqXff8Pnt7VHT81SVH6yV_DyYjGheAXeXfEKzUq8stGQnDJJbdL339uktR_dGirH14NN51XQ6q7vSyLLiUFGJ0/s400/gplus-16x16.png) no-repeat transparent;         line-height: 1;         width: 60px;         padding: 0px 3px 1px 20px;         margin-bottom:0px;} .emailicon {     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZM7eq7Kxxyy3eh8qHSvCoIEjl8USLSsNepA293_0pg9SfYg0epltO-TbgVtYrBV2vKHp9scXTwRf7_0gkfBhoHRWWQVW8Akqu8psXrBj0ZThQScDYYmzQe8dBDVwxaVmcuDbkJqqgn7N/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;      padding: 0px 20px 0px 95px;     min-height:100px;     margin: 0px;     width: 183px;     line-height: 20px;     vertical-align: middle;     font-size: 14px;     color: rgb(51, 51, 51); } .emailicon p { color:#FF8604; font-size: 20px; font-weight: normal; font-family:  impact; padding:40 0px 10px 0px; margin:0; padding-top: 20px; line-height: 25px; text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6; }     </style>      <div id="dgenera-blog" > <div class="emailicon">Berlangganan Via Email, Free..!! </div> <div id="email-news-subscribe"> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=RiyanKemalSeftiayana', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /> <input type="hidden" value="RiyanKemalSeftiayana" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div> <div id="other-social-bar"> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/RiyanKemalSeftiayana" target="_blank">RSS Feed</a> </li> <li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/riyankemal_s"  target="_blank">Twitter</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/113146575014708446341 target="_blank">Google Plus</a> </li> </ul> </div> </div></div></div> <ul style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Ganti <span style="background-color: lime; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">RiyanKemalSeftiayana dengan nama Feedburner Anda</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Ganti yang berwarna <span style="background-color: orange; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">orange dengan username twitter dan Google + Anda</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Anda dapat mengganti kode yang ditulisan Berlangganan Via Email, Free..!! dengan kalimat sesuka Anda</li><li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxSO1oTTvXkXXwZQAimAdlTRa7kSilzpNMoF-P7iF8rDE0fyYLIH3nSP4fH6F5aQgwMjxOqwIXHCsAZhtsmwYXfvCYoOmoHxp69W4y_GcKAU0xp2FX-2dKNnNM4sAHQMrwudvm_8HbAw/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; line-height: 1.4em; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0.2em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0.2em; padding-left: 20px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Simpan widget Anda dan lihat perubahannya</li></ul> Setelah semua selesai maka akan terlihat seperti gambar ini: <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpozIYXzplggDMXaIBO53_kduL8pqiSumRSAzvZLjKp6xt6Up3D5p2J6O3y6jzAHOw7GFQI6SffKQCAndNJMZrUtiZWPiUtmYebcN-sGuv-0hCTffLVdd8DjDGGBINqc79m5FiXV2f5A/s1600/subscription+box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpozIYXzplggDMXaIBO53_kduL8pqiSumRSAzvZLjKp6xt6Up3D5p2J6O3y6jzAHOw7GFQI6SffKQCAndNJMZrUtiZWPiUtmYebcN-sGuv-0hCTffLVdd8DjDGGBINqc79m5FiXV2f5A/s1600/subscription+box.png" /></a></div><div style="color: #444444; line-height: 22px;">Segitu saja tutorial kali ini, untuk tutorial yang lainnya tunggu di postingan selanjutnya. Salam Blogger..:) Source klik <a href="http://d-genera.blogspot.com/2013/02/cara-membuat-widget-subscription-box.html" target="_blank"><blink>DISINI<blink></blink></blink></a> </div>

Cara Membuat Widget Subscription Box Menarik Untuk Blogger

Memiliki jumlah visitor yang tinggi adalah impian tiap Blogger sehingga membuat mereka berusaha sekuat tenaga untuk itu. Banyak cara seb...

Beriklan Disini

Unknown 0 BLOGGING Rabu, 29 Mei 2013

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><div class="separator" style="clear: both; text-align: center;"><a href="http://www.riyanghifar.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAfAf-1JNCpTlrUNrXhr4tk2IIu6JpiTvfW6DDmUATTvLpGX2T1jdx0sZMgJgdds6pV4uiyRYX9dQBNDZe31ejvRzK_EXB4_-5QnuXwpOgcIE5NdGGj1XeR5iunBpiIYJqHyliObO8g/s1600/banner125x125.gif" width="200" /></a></div></div><div style="text-align: center;">Mau berikalan Disini.?!!! Silahkan hubungi admin </div><div style="text-align: center;">Call or Sms 0857 2222 9747</div><div style="text-align: center;">Email : riyankemalseftiayana@ymail.com</div><div style="text-align: center;">Facebook @ www.facebook.com/riyankemaleftiayana</div><div style="text-align: center;">Twitter @ www.twitter.com/riyankemal_s</div><div style="text-align: center;"> </div><div style="text-align: center;"><a href="http://www.riyanghifar.com/" target="_blank"><blink>www.riyanghifar.com<blink></blink></blink></a></div>

Beriklan Disini

Mau berikalan Disini.?!!! Silahkan hubungi admin Call or Sms 0857 2222 9747 Email : riyankemalseftiayana@ymail.com Facebook @ www.facebook....