Cara Membuat Widget 3 In 1 Melayang Di Blog

http://awesomeblogger2.blogspot.com/-Beberapa waktu lalu blog ane juga pasang gadget ini di blogane. Mungkin agan sudah pernah melihatnya. Ya kelebihan dari widget ini adalah ringan dan tidak memakan tempat banyak, dan tentunya bisa berguna untuk hiasan blogger.

Demonya belum ada gan, ya ngebayangin aja dulu!

Cara Membuat Widget 3 In 1 Melayang Di Blog

1. Log in ke Blogger
2. Klik Tata Letak
3. Klik Add Gadget > HTML/Javascript

4. Copy kode berikut dan paste ke gadget agan

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj12jniekwE4jing3jKN-JrHwjCQNbcfUkPrgIdSjuQg70gFDdyR2OFADs-TUFtIssNEkZaE9uAqD1a01X1Y1PZwRJPnXmGFUmylXAh_WDTuXOw8N0wE9cMZjohKn0NYIWz64HZmviAxvU3/');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/AVvXsEhJ9cHvh18ZHv3CMcLEAzdILHSAAJ7lyRw0cRIk3KN25G5HmJ4Gkm03Ce6sNgCh1CD-fEDNqT_zAhyKNviB8rGm_oFZRsFalNI46HlPz0c9o2Nwg7TgdFQQPXaGKEpbm51Kmbn9_l4DFt3_/');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/AVvXsEg7e4kBvOaChcazKEA7gr2e5ZBWaaa4_UZaYYP2Fn1_8iBSjP_LSX-HX8-sTJXbABkB4szBLbWKZb5By5o7f8aWVVlaiubi6bk70jwufonP8cAGQIWnLEzukTKcRVtS1ZCF-Flfr0Hpbnl1/');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/AVvXsEhhrqrHD0Bep2LEojvNu2diroIaSdtxejqMeu7mQo1w3QFgarAF19nYF6sJaNgPzNCzhB7aFC_S0gddfUNvjBvzYa2rb5cgeesM7tXEmI625L-YDNoBTcXMZiNNDzkqrbZr1rdyCEJtWWeV/');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/AVvXsEhjwORuatcrfCAZnz17dVNmGLIkdNkaq7nRnYZWD9hDboFr3i6Yyg0LaBN30YkUhMchIbjq2lESMSlaXJFOPZNgz4n6E-TbFeZyaf9OgTA71HHj3aLwtf_t9nR5eOnKspMIcRjKr_BT7_SS/');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/AVvXsEjjtap8TFSBuMeYamd9sK49OhEGggkJYHXluRGGPY-QKNLniFCWy_XxtTs_lKNRvAZzYm7qXLVD38JBbmFNrtl9eenb9a6LNxErj6JlBfcglU5ygGTauq55MwH4PblCrE-W412LA5P4JpgT/');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>


Keterangan:

• ganti Content Facebook, Blogger, Twitter Here dengan script yang agan inginkan, misalContent Facebook Here agan ganti dengan script Like Box
• Alamat URL Gambar yang berwarna dan bercetak miring bisa agan ganti sesuai keinginan
• Sisanya agan bisa kostumasi sendiri dan klik simpan

Jika ada pertanyaan, tanya ane di Facebook han koscielny

Sekian

SALAM Blogger

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Widget 3 In 1 Melayang Di Blog ini dipublish oleh Unknown pada hari Sabtu, 03 Agustus 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Widget 3 In 1 Melayang Di Blog