Kembali ke topik, pastinya widget ini sangat berguna untuk kemajuan blog kita, yaitu Kotak Berlangganan via email sangat berguna untuk membantu pengunjung untuk bisa berlangganan dengan cepat dan akan terkirim ke email mereka, Dan Sosial Media, Berguna untuk membantu pengunjung dan menambah visitor dari jejaring sosial dan buat berkomunikasi antar pengunjung dan pemilik blog.
Dan Tidak usah berlama - lama lagi, Langsung saja kita coba membuat widget ini dan untuk tutorialnya dan perbuatannya seperti di bawah ini
- Login ke Blogger, Dengan akun anda
- Pergi ke ''Tata Letak''
- Klik ''Tambah Gadget''
- Pilih gadget ''HTML/JavaScript''
- Terus, Masukan kode dibawah ini di dalam widget tersebut
<style>
.btrixsocial_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
.btrixsocial_box-emailsubmit{
background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
.btrixsocial_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}
#socialboxbt
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialboxbt">
<a href="http://feeds.feedburner.com/GhiyatsBlogs" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7PTyAtRMrEzlgeBklydfviGnuNxHLGkiyoEh8BPIUzXErdXw_gbk50CE0Y7Y-GOavXIZg1a9gy3zqZjO3n1tE9RDUodGt4HmsN9cZAx1PRcefWRk0PsEzus3flsboHVtWrHmQF5i9w8b0/s1600/rss.png" /></a>
Submit your Email Address to Get Free latest Articles Directly to your Inbox
<br />
<div class="btrixsocial_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=GhiyatsBlogs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here..." />
<input name="uri" type="hidden" value="GhiyatsBlogs" /><input name="loc" type="hidden" value="en_US" />
<input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="http://www.facebook.com/Username" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMzrKveKkQCfkgXsJL-OF7og2rUHgiVWMwdz1rh_EdA4oB3Bf4a7_6FKPs9ZUN8h_Qfwrz5hnAf2Pj3jp-1PyYFxgBp32sCW2C13bF6_qs4cII1JAmq_RudV36ELLe1RDzZRIxw6HfdM/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="http://twitter.com/GhiyatsBlogs" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid1kIFFxfH3bE9rCjFpBOvLlpAdGLN7_3Pg_5gs8s50752J0a9NmW0Y3DFt0auG9ytrO5lM4mayS-AHDp94jJZJ2UfBitL_hkYWLuJ5AxrDUVFysTUYnGw1EuSyMOvkkNo0sG2Y4Fj6Uk/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/GhiyatsBlogs" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqyvVxO6C4kYCYJ9LJZ8NqqsmpU8DdoXcMiflnPgZl9eyHy-MxOK4sB70_-daxUr0kyzEh0VbIuN-13-iUnsh0xzu_iBsXAbQW0ET7LnJaKvoBOSKKrYB18aEYZdidfLfgMsYcPGRFjs/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/Username" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6bJoZPbRHQ20pHww20SbactjGLJ4YzuZt4avwGtpF1zGXSbXb0WFPoMUVoWOtYx3rQbXVfPuDILFnh5sVtL2LF4OA4UEdFOXDXx1VMMu40BXDZxQ0B5vwYjfNQkSCtOs1oz4Yn6bRBw/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
- Ganti GhiyatsBlogs Dengan Id FeedBurner Anda
- Ganti Username Dengan Username Facebook anda
- Ganti GhiyatsBlogs Dengan Username Twitter anda
- Ganti Username Dengan Username Pinterest anda
- Setelah Semua, Di Ganti, Sekarang Klik Simpan
Dan demikianlah artikel ini semoga artikel ini bermanfaat bagi sobat semua dan mudah untuk dipratekan dengan mudah dan sobat silakan memberi pendapat tentang artikel ini atau yang masih binggung silakan berkomentar di kolom komentar di bawah ini, Terima Kasih......
Happy Blogging
