Sunday 30 March 2014

Filled Under: ,

CARA MENAMBAHKAN SOCIAL ICONS UNTUK BLOGGER




tambahkan di Layout


untuk menambahkan widget ini pergi ke  Blog Title → Layout → Add Widget → HTML/JavaScript paste kode dibawah ini

<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5yrw306IPc_twC-f7CKpi27gd4-uDrfxDVdytnl0bXHaU-tIhiENetiYbu2fHB5Q44uhU-GYHvlh_A-RiL_3NAuBWfg-8YmQWPNnCdLvd3oi4CcPtNBV9oXO5QzbYdGjCH3spd7rwZ4/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS6x0DkDBTvS7Re46xVOnJotOleqiTT6HMt5evx-XnDR2Mb2Ex3alhkmiF5uz7QjMHa2aw17ziMzyBTDDGHQ_TQHIpQKqytcf2TDqWb3-cQ_36MfrTdxEWmtYOc6_rpLx4LbjW4EO0mvE/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxkNNSQGu6CneqA5uDk_SMS9nprMMQsOSvhSH8BqHmHFTmT-065rHLh4doHmY34aroPLtkUkoogQ0gaclUvfhyBlQQO3gZhhEqD3VAO2ofZKzLzFJO-UjnQeKgDCVD_1HEYAVTUncOq4/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/YOURID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLQF2JJmDU4ODKvTRTE188zKdTRqcX6S-y1rLh8F0UtpBjkCwT8Cad4teP7G4UGN7BNMMMsCroZAZ_Tyd21dhNVAwznPtiS2gc7l2nwxXHnEGaao2TVtDn3Or1OAhtjsoGXrGgUS2PKw/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
#abt-social-icons li {
float: left;
width: 147px;
height: 147px;
margin: 0 6px 6px 0;
padding: 0 0 0 0;
border-bottom: none;
        list-style: none;
}
#abt-social-icons li a {
line-height: 1px;
display: block;
}

#abt-social-icons li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

#abt-social-icons li a span {
display: none !important;
}
</style>

After adding the code change the Link in BOLD RED with your own IDs. Now save the widget and ultimately save the template.
setelah menambahkan kode, ganti link yang berwarna merah dengan IDmu . sekarang simpan widget lalu simpan template, nah mudah kan ?
Show Comments: OR

0 komentar: