Stylish Social Media Widget with Search Box

Sedikit Info Seputar Stylish Social Media Widget with Search Box Terbaru 2017 - Hay gaes kali ini team Android Apps For Free, kali ini akan membahas artikel dengan judul Stylish Social Media Widget with Search Box , kami selaku Team Android Apps For Free telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Android Apps For Free. semoga isi postingan tentang Artikel Widget, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Stylish Social Media Widget with Search Box Terbaru
link: Stylish Social Media Widget with Search Box

Berbagi Stylish Social Media Widget with Search Box Terbaru dan Terlengkap 2017

Social media is very important in these days.In this tutorial im gonna explain,how to add social media widget with search box for blogger.Social media always helps to bring quality and fast traffic to your blog.All bloggers must use social medias sites like Facebook, Twitter,Linkdin.By sing this social media widget, you can link with your social profiles.And other thing is, this widget include with search box too. So, you can save your blogger side bar space by using this 2 in 1 widget.In this  post  im gonna  explain  how to add social media  widget with light search box for your blog. Im using css3 and HTML for this widget.

1. Go to Blogger Dashboard > Layout

2. Click Add Gadget and select 'HTML/Javascript'
3. Paste below code.

<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/AVvXsEgNCxwGPqPCAzsyi4MMDrNNrfum_WXG7UG6OAClmVZD2AnRwH-y9j7Wt7MkVOQVab5fPSpxa3cO3HTm6391fvfaiT7Gfwr91NPgy5CG6mcOmnDipZxfxZzdfzpx_gIOa5r_Gtmw9mHfT6zK/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/bloggertrix" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS957djTUHE97cDG1FZ75mWMKMxdhT2XVorU9gDhEjXWRzzxGofPqEVG_O3vaxl_yqvuKitLEwjnkEGMQpzBGfdkHcUcEv3FZVEUFG-9LMgiFFybVoz2icddhyHJ_8qNQY-uT9KbOtMoc/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/bloggertrix" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkmgpwVC5aTx4ERNOaFTJhhYC7ZsxZE310TqyrDtXwSuI3yJF5dlTsCtoUUWFIVkeBIwxB-Wpe3hfwZEHi-SGN1j05ItK6byfK6gEo9b0JlqSVgB5X0fjHXYMIERtCq1qcYfa21pTew8/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/bloggertrix" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuNdijnnepp17Prda904my5SFEziWrf54A2gkEC6v-0JxoOkMBRx_fptOIcYCtobIj1csESkHiySofD039515yOCmGKdnvYVQyUFzk8Aljq66bR43zcdis6XfGFgHxUaVtJ_YEs__ww4/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/AVvXsEikCjjjmhg6T0fo4GjdOM7FwZ7GMEenVQQN4oJVOabedksXxiuLbVaWXLITcdBjHdwQrBAxY9kVpYa3jD8JHF-JlfxwHO3ztOHI0bw_GlgTJThffFza9WNbpOkDdYCkU-5vt-jPn8ELvSs/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>

Replace bloggertrix with your twitter profile
Replace bloggertrix with your facebook profile
Replace bloggertrix with your feedburner profile
Replace username with your linkedin profile

4. Now save your HTML/Javascript'.

You are done. If you have any problem related to this Stylish Social Media Widget. Just leave a comment.I will help to you.

Itulah sedikit Artikel Stylish Social Media Widget with Search Box terbaru dari kami

Semoga artikel Stylish Social Media Widget with Search Box yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android Apps For Free. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Stylish Social Media Widget with Search Box