Cara Buat Widget Jejaring Sosial 3in1

Ntuk kalian blogger-blogger yang mau buat widget jejaring sosial 3in1 nih ikutin aturan maen dibawah ne,,, cekidot:

1. Login ke Blogger.

2. Masuk Dashboard.

3. Pilih "Add gadget".

4. Pilih "HTML/JavaScript".

5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8O7uvfpQzJTJs71tyVrLIJP7SWobe3a9-Jx21ys6OjsnokdRCVJx45fetBMyV5MxZ2tsyOgOGjH92P-zulIFDFvgpY64L8gxaZV8jdjCiBFXUty-eguHMKwuK3J7Ej6PD7wq_zv9uFxp//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidSgFFVkp5NJBSiDMjCyEyKSP733p82Gu5oi6GfTzQ-9T9ncRJymBmnXESgXXa9sS7dLmtp414J1_fbC-f-5cRwmSOScKzzzRkYL3sxFwEj-pcYzMdOXCMPoKh1y2aegefXBg3AI-dIp2F//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc_Yys-hcHtGZFrjwpsrxas0z8XyhD_lN9nsDDSPojilUN5Xh1Af1JB-xWM5ANnGjXS-cuzQf34w55-aAnmljF2hscEpi-g028dnz9xMW0yIYTmYLGUU1_DPoj97FyCudbnxiDDjwdWBn2//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCgdq_jxuC7Vk96ewE094jualorzyxkrZ-IMvAoHOdwkhQfdKZ8NmDrd4QF8ZiKd-7J7G6BAzGBFlO3SrjYnXIRn9VV2GAlxO3sakdERY3FTCpp1jk_4SzloqAGLSc6wA_lOhij67hnT-I//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjep4aROT_JyBOKj1KJ-DN6uEdvUeUANEhDI3WNz7jL3RFxG_HaxNsq2_-IgKTPm8nEBlzyKrKG3Vl79L_4gZ_fh33rkfr4Hy-O0TXsIMdToaE7kP0OR0u1tBmNC01WDBG9gk93YBfCiEdN//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jcyJTjnIP62dPhCwbncVTh7LUDDjVqtDJ0T6em0qvOGn87s5XM0dcwK-pnZyp3w-wuUMNdSuqOb3algbJfLsWEwl3lHacrP9XP-TpedmgDzoEYUe1NZc2X72qHE8l9hJq9ixDA_mACyB//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

CONTENT BLOGGER HERE

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

CONTENT TWITTER HERE

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

CONTENT FACEBOOK HERE

</div>

</div>

Catatan : Kode yang berwarna biru  ganti aja dengan script widget social media ,,ok.
Catatan : Kode yang berwarna Hijau bisa diganti dengan ukuran yang inginkan.
6. Widget tidak usah di beri judul sobat.

7. Klik "Save" dan selesai.