-->

Home › Tutorial Blogspot

Cara membuat 3 sekaligus sosial media facebook,Twitter dan google follower keren.

Cara membuat 3 sekaligus sosial media facebook,Twitter dan google follower keren. tutorial ini mempercantik tampilan blog dengan sosial 3 sekaligus sosial media dalam satu widget Html/java script. perhatikan gambar dibawah ini di samping kanan web blog Tableex.blogspot.com

Tertarik ikuti caranya yaitu:

1.sigin ke blogger.
2.klik more options/opsi lainnya.
3.pilih layout/Tata letak.
4.klik Edit Html/java script
5.Copi Paste kode di bawah ini

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9qgHG3ej-zozdcZjUjcyyyYdzO5CcpVW7urcqy2tfDj_Cwh45pnB4NaqqfMtCMY7O7ZFWvHrcVnyfMtymMI8OLQ1OMhvqs4y2plxIgYJeqplz9_BwL4s9ry2drOiKY6ZCCzWTveS-AZ0c/');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/AVvXsEg-3uOW5KrjKyxAHzhWwP5GSTKYi9BCMEjUaSgkybWd5BNKomBB3rm7Q_7enYuSxQBqXQGOT7OtEDQMi1FJ46Y1bOnPd-peN17EYetzQyDoUXeNAPR5wEEuSJT1uPu_DfJgLG2rzUE8x-HM/');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/AVvXsEjLnd7Cj3QIgqlSjAPm_pXFIhLe8Zwcd03HJFOBuZuNJD3xIgLBcdhnpRSFGckcdHzEvtAW41ppNzNTPBN5WljmAeko3S1-tDTbFSqZP64ghFFHAiltee__FB2BCUeMLZ7gAYdY9qwyxzAw/');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/AVvXsEj-AcZ-x9-2s3o54otGIeOkB99Do_2UKO2wL4BTCvIkr89p0JmZ7Qmyl-Tzo71_U31IAM7WPDpXlauVwzzjS__50KaWm-jnRvpF2gtWRn4oOWd1i8WHOKvZlR3vybCIi1bQjI3o5AMxZI6S/');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/AVvXsEj7vu46BM0ktWyOkT2S7-iA8PMuObU7hhba62ilIZ97WfYx-idBv7gyFnrz2ZYDc0pcocnMX7KiTXNv059Dl8SPFzh4ymQZOlxGJ-p11MIPKRD3OBZ1iIMAzVJZTAeqxwEHztoBN20cM6wH/');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/AVvXsEiAFzsbOYljKtW1dy1Od6IpnFKT01ge8sOZ36qIzw6sP2I468RpVs6w_dWBrn8EFERJT7X-dzAt_K8e3HClVhmYzELWcVHlk8G9Qq06l9kumnswK-3SN9eBcypiOhCdlmECovJzX7ye3PZ_/');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">
Disini Letakkan Kode Follower Blog
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
Disini Letakkan Kode Twitter
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
Disini Letakkan Kode Facebook
</div>
</div>

6.Save
7.selesai

Buka Komentar