Saya akan share tentang
Widget Sosial Media Icon Dengan Search Box Untuk Blogger , widget ini sangat berguna karena ada sosial medianya dan ada search boxnya bisa menghemat ruang supaya tidak memumpuk kebawah sob, mau lihat screenshotnya seperti di bawah ini, dan tutorialnya di bawah ini :
Widget Sosial Media Icon Dengan Search Box Untuk Blogger
--------------------------------------------------------------------------------
- Login Ke Blogger
- Pilih Menu ''Tata letak'' >> Klik ''Tambah Gadget''
- Klik Gadget ''HTML/JavaScript
- Taruhlah kode di bwah ini di dalamnya
<style>
#btrixwidget{width:307px;
padding:0 0 5px 0;
border:1px solid black;}
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUL4fNjqJTPAnm-NeAogH5QLCZIZD-9_-nh5oPT8SQ3jEl3btOeXnwwhtSQnHM0blkM6p2l9UHJA1A8JyYFwTA6he7UliPE48-dwq9fAB-k8uAnJrHh71bFP-rvDSzx2W2LmpCvNHW7_Y/s1600/blue.png) no-repeat scroll center center transparent;
width: 307px;
height: 50px;
disaply: block;
}
form#btrix-searchform {
display: block;
padding: 9px 16px;
margin: 0;
}
form#btrix-searchform #s {
padding-left: 24px !important;
padding: 7.5px;
margin: 0;
width: 198px;
font-size: 16px;
font-family: georgia;
font-style: italic;
color: #666666;
vertical-align: top;
border: none;
background: transparent;
}
form#btrix-searchform
#sbutton {
margin: 0;
padding: 0;
height: 40px;
width: 74px;
vertical-align: top;
border: none;
background: transparent;
}
</style>
<div id="btrixwidget"><center>
<a href="http://twitter.com/USERNAME" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBznKvz1lawr_CXt9qFmrhetdKtS55BWdGR2UPuJuVUF8H7IrV0n_Ifzxu4_InQ-bp5w-otRKuOzRI-cydhoVpDQWMMombFE1DBbI5Aqxslekyr3iC3DN8-wl4lN1gg1HBAsiCrGV8g1U/s1600/btrix-twitter.png" alt="" title="twitter" width="62" height="78" class="alignnone size-full wp-image-6249"></a>
<a href="http://www.facebook.com/USERNAME" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2vWoaX8VdZ9dJt_CXK8oOcPnptwKRMT5EBdg9HWT1mACmK7YmGwNFINNcXthJdOMukrs855y1Ci41AYXl104maKIWBouMpJxYvulGhpcg6GRS1VpgEapiB8UQuKY5kfBT4pET-TAwh0/s1600/btrix-facebook.png" alt="" title="facebook" width="62" height="78" class="alignnone size-full wp-image-6248"></a>
<a href="http://feeds.feedburner.com/ID Anda" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLuE2Lm8d-2DWnI27SGe7II4TwcPMLKLylsSo2IxqWy7_zTWY0eZ4jmf5U6UuxWdSGM9_NbkoYm7B-z0OvWjX8OOLrsVdInQXPzTxAH4KcuFcqXzx3RS85MX_N20cD9-WlaHVd54Yy5Fw/s1600/btrix-rss.png" alt="" title="rss" width="62" height="78" class="alignnone size-full wp-image-6251"></a>
<a href="http://au.linkedin.com/username" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPSQD1sdNt2JmJ5mPF2YoQ7u99vwF-iEpHVvS7ImSPDCkVCrnYoUKy-K1YLvFyLsBVPkVdKD5r5MZlId1fBrclPt97hrUxQ8JpFH2L5hSHKyUUs3DLqRHUwEP-Xd3lQt3UjW98Y_9J2c/s1600/btrix-linkedin.png" alt="" title="linkedin" width="62" height="78" class="alignnone size-full wp-image-6250"></a>
<div id="btrix-searchbox">
<form id="btrix-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Search...";}' />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
</center>
</div>
- USERNAME Ganti dengan username twitter anda
- USERNAME Ganti dengan usename facebook anda
- ID Anda Ganti dengan ID FeedBurner anda
- USERNAME Ganti dengan username linkedin anda
- Setelah di Edit, Sekarang Klik Simpan
