4 Widget Menarik Untuk Blog

Posting ini hanya untuk melengkapi template-template yang sudah pengunjung siapkan. Bagi anda yang suka menghias blog dengan berbagai bentuk witget, berikut ini ada beberapa widget yang dapat anda tempatkan di blog masing-masing. Siapa tahu di antara widget berikut ini, ada yang belum anda coba atau anda tempatkan di blog yang anda buat.


Silahkan tanpa perlu surat ijin resmi, anda dapat langsung me-copy-paste.

• Widget Burung Twitter Di Blog

<script type="text/javascript"
src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script><script
 type="text/javascript">

var twitterAccount = "@TwitterKu";

tripleflapInit();

</script><noscript><span
style="font-size:10px;"><a
href="http://lesibobi.blogspot.com">Get this</a></span></noscript>

Cara pasangnya, masuk ke dasbord, klik tata letak, klik add gadget, lalu patekan kode diatas dan jangan lupa ganti @TwitterKu dengan nama twitter sahabat, pada kotak html yang tersedia, lalu klik simpan.

• Widget Google Plus Badge

<div class='widget-content'> <div style="float: right; margin-right: 10px;"> <span style="font-size: 60%"><a href="http://liandharaa.blogspot.com/2013/02/surat-terbuka-untukmu-mister-google.html" target="_blank" title="Widget G+ Circles ">Get Widget</a></span></div> <br /> <div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/101385423073163418247' data-source='blogger:blog:followers' data-width='260'> </div> <script type='text/javascript'> (function() { window.___gcfg = {'lang': 'in'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>

Cara pasangnya adalah cukup dengan menambah gadget lalu pilih kode html/javascript di add gadget pada Widget twitter diatas, sahabat tinggal mengganti kode yang berwarna merah dengan url atau kode goggle plus sahabat saja.

•   Widget Langganan Artikel Terbaru Via Email

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TutorialInternetDanBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(222, 222, 222); padding: 3px; text-align: left; background: url(&quot;http://3.bp.blogspot.com/_c6kkookxcew/sdzycinypwi/aaaaaaaaeiq/-wctpr_ksfm/s400/feedreader_2.jpg&quot;) no-repeat scroll right center rgb(255, 255, 255);" target="popupwindow" method="post"><input value="en_US" name="loc" type="hidden" /><input value="TutorialInternetDanBlog" name="uri" type="hidden" />

<p style="text-align: left; margin-bottom: 3px;"><b><img style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" alt="Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_cYMBx2i2LYvPIsJjnHQAEn4J3vwqfX5qNIQSc7pmhINdDILVBADpho2YFFR504VLoPmSD7Q-I-fFQIEbyRc9vzkMKP1Fb2ElGMoeGyy1lazzeyvzN5h6ZY2RquUN8BbDcstlJYa9kua/s1600/feed-jobindo.png" border="0" height="16" width="16" />Langganan Artikel Terbaru via Email </b>

</p><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0" width="400"><tbody><tr><td rowspan="2" valign="top" width="75"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sY6E1PRu6-omL63U_vbaEWIYYlXvJzg7pb2cbT_99sLoTXF_AfhgERCTXlflLLldvHg8yIZL7JU0PnzAS2_7UnTxMHPoKdglC1s5Fl1Hg1oxfctMnps3_Qf20jeI2U_x-dfoXMOIE0qk/s1600/Newspaper-db2.png" height="55" width="70" />

</td><td align="left" height="24" valign="top" width="205"><input onblur="&#39;if" onfocus="&#39;if" style="width: 200px;" class="feedinput" value="Masukkan Email" name="email" size="200" type="text" /></td><td align="left" valign="top" width="119"><input id="imageField" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiafeG1I1CmL3-uuyWgafLJb5O5w5jlx0N_5-JV07WRvrhfxkvqRcypBxLmnjepejFNgWVw4hId6LjylluEYcGSE5PDkeooqx1e-pkTgjfwoSzuge6dUWujCAI5-ESFWVYchTDLl8PoBCDa/s1600/subscribe-dbjobindo.png" name="I2" type="image" align="left" height="24" width="82" />

</td>

</tr>

<tr>

<td colspan="2" align="right" height="24" valign="top"><div align="left">»</div></td>

</tr><tr></tr>

</tbody></table></form>

Cara pasangnya sama seperti widget-widget sebelumnya,yang perlu sahabat ganti adalah kode yang berwarna merah, ganti dengan kode atau nama feed pada feedburner sahabat, jika sahabat belum punya kodenya, daftarkan dulu blog sahabat pada feedburner, jika belum tahu caranya, klik disini tentang panduannya.

• Widget Semut Berkeliaran Di blog

<script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Widget%20Semut.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMra7Ojf0jtTqgre6H0wqTirMl4TEohvb4u7H5XuM_wYka-BTfnV3hrmplFG0v51Bb7CFHDj1h6HhNJRaOXdJEas241B8XGiYm7zmpu2DVmHiyXDXcz-FcOic_07wBRM8V2X7q-Lhx-hx2/s75/semut.gif") </script>

Cara pasangnya sama seperti widget-widget sebelumnya.

Source : liandharaa.blogspot.com

                          Selamat Mencoba dan Jangan Lupa Untuk Kembali Lagi!


Note : Sungguh Indah Kata Pepatah, "Tak Kenal Maka Tak Sayang", Peliharalah kata tersebut. ^_^