Cara Memasang Social Media Icon di Sidebar Blog
Kali ini saya akan membagi ilmu tentang bagaimana caraa memasang sosial media icon di sidebar blog,.
ini saya dapatkan ketika googling di mbah google
Kali ini saya akan menjelaskan cara memasang sosial media icon seperti yg ada pada blog ini.
Jika ingin memasangnya di blog anda silahkan ikuti langka-langkahnya.
- Buka halaman Blogger anda | Tata letak
- Klik tambahkan gadget | HTML/Javascript
- Lalu masukan script di bawah ini ke halaman HTML/Javascript
<style type="text/css">
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px;}
.social li:nth-child(6) {padding: 0;}
.social li a img{height:49px;width:49px}
#rss-news {background-color: #CF274B;width: 270px;color: white;padding: 0 15px 15px;margin-top: -3px;}
#rss-news input {outline: 0;}
</style>
<div class="social">
<span class="glap"><ul>
<li><a href="Your Facebook link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUbCEm4qI7trThxotCRrsAXum5pYzpWdrEysn_Z7ad5oiTISofEIgwqnu6wMPfZxTUp5-IlfKmGbqmg5jN3Nx_PuAUllWGwLyEH_H5N0E4CZDB2A88Sgy8g-wca0Os2WcYBEkleXF4Qxc/s1600/facebook_64.png" /></a></li>
<li><a href="Your Twitter link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8g6zLvQkso60827kBKMH46xXVxBPoVnip-mRChDEn9tjJsb_GcjcMi0ilm-UZKXv1hIo1RoaJjhxee8etP3OmKUUO5xIKz3AjuajgYMKDUIOzC7asBomFPlWTbTHqEmtyFGuuKDzec_Y/s1600/twitter_64.png" /></a></li>
<li><a href="Your Google Plus link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRV7Dvnj_wzfJ9uKiKgm7Dd0tKv9AuH15PdDXJhLsVlSTxv-U8ghjGCD_O7VBCYkTApZVdDWgLgxzaat_HPYNqgqrQaGt6b8J6IgKZv-m4oqMCU_xpnQfQMHWx6oGqM5f255USGqBnLj8/s1600/google-plus_64.png" /></a></li>
<li><a href="Your RSS link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwc-aYI-nrPxg6dx-oc2MczQnmwH_cPkbnWwvxk7Xr4m6u3EhpPb0zeQT_kvjZXBA3xxSXn_P1fdD6Oj5r1xY5aFZQLuKHABQ5zlIbUbZp5LvPQSbzuon1ZWKKuArnjTCKFTTjyebPJrI/s1600/rss_64.png" /></a></li>
<li><a href="Your Pinterest link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO25OzMtqJ-LCAJfEw4PnqqLYCMXYztLGt3bHGLDuegj0ho9eEfww8tVevCQqFm8cY_zrIM4Wz1KYNwnXePLaw3bhBaDt22GoN3MvfJIlMXNhfP1w5TJPy9IyqWpDwPi7hTOs39nn6my4/s1600/pinterest_64.png" /></a></li>
<li><a href="Your Youtube link Here"><img style="width:50px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5JVnPoCFLjBPsvLZVrcB5g7s1_0s_-Wr0Ubeu9PvVIMyikKq_xkZo9RfJb5Wkk_zQNPPL7LXm7Id9rPRWi1m-s85YIwly-niFefGmflwbZM5jOir5bGhC-ff6BDqx73ALJFGOoDFhrM/s1600/youtube_64.png" /></a></li>
<li><div id="rss-news">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin-bottom: 0px" target="popupwindow"><br /><span><span class="">Sign up for email to not miss these articles every day.
</span></span><br /><input name="email" style="width:240px; margin: 5px 0px; border: 1px solid #ccc; padding: 4px; font-size: 1.0em; color: #555;" type="text" value="insert your email here » enter"/><input name="uri" type="hidden" value="YOUR FEEDBURNER ID" /><input name="loc" type="hidden" value="en_us" /><br /><span><span>(*) Check mail to confirm information!</span></span></form>
</div></li>
</ul></span>
</div>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px;}
.social li:nth-child(6) {padding: 0;}
.social li a img{height:49px;width:49px}
#rss-news {background-color: #CF274B;width: 270px;color: white;padding: 0 15px 15px;margin-top: -3px;}
#rss-news input {outline: 0;}
</style>
<div class="social">
<span class="glap"><ul>
<li><a href="Your Facebook link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUbCEm4qI7trThxotCRrsAXum5pYzpWdrEysn_Z7ad5oiTISofEIgwqnu6wMPfZxTUp5-IlfKmGbqmg5jN3Nx_PuAUllWGwLyEH_H5N0E4CZDB2A88Sgy8g-wca0Os2WcYBEkleXF4Qxc/s1600/facebook_64.png" /></a></li>
<li><a href="Your Twitter link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8g6zLvQkso60827kBKMH46xXVxBPoVnip-mRChDEn9tjJsb_GcjcMi0ilm-UZKXv1hIo1RoaJjhxee8etP3OmKUUO5xIKz3AjuajgYMKDUIOzC7asBomFPlWTbTHqEmtyFGuuKDzec_Y/s1600/twitter_64.png" /></a></li>
<li><a href="Your Google Plus link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRV7Dvnj_wzfJ9uKiKgm7Dd0tKv9AuH15PdDXJhLsVlSTxv-U8ghjGCD_O7VBCYkTApZVdDWgLgxzaat_HPYNqgqrQaGt6b8J6IgKZv-m4oqMCU_xpnQfQMHWx6oGqM5f255USGqBnLj8/s1600/google-plus_64.png" /></a></li>
<li><a href="Your RSS link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwc-aYI-nrPxg6dx-oc2MczQnmwH_cPkbnWwvxk7Xr4m6u3EhpPb0zeQT_kvjZXBA3xxSXn_P1fdD6Oj5r1xY5aFZQLuKHABQ5zlIbUbZp5LvPQSbzuon1ZWKKuArnjTCKFTTjyebPJrI/s1600/rss_64.png" /></a></li>
<li><a href="Your Pinterest link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO25OzMtqJ-LCAJfEw4PnqqLYCMXYztLGt3bHGLDuegj0ho9eEfww8tVevCQqFm8cY_zrIM4Wz1KYNwnXePLaw3bhBaDt22GoN3MvfJIlMXNhfP1w5TJPy9IyqWpDwPi7hTOs39nn6my4/s1600/pinterest_64.png" /></a></li>
<li><a href="Your Youtube link Here"><img style="width:50px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5JVnPoCFLjBPsvLZVrcB5g7s1_0s_-Wr0Ubeu9PvVIMyikKq_xkZo9RfJb5Wkk_zQNPPL7LXm7Id9rPRWi1m-s85YIwly-niFefGmflwbZM5jOir5bGhC-ff6BDqx73ALJFGOoDFhrM/s1600/youtube_64.png" /></a></li>
<li><div id="rss-news">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin-bottom: 0px" target="popupwindow"><br /><span><span class="">Sign up for email to not miss these articles every day.
</span></span><br /><input name="email" style="width:240px; margin: 5px 0px; border: 1px solid #ccc; padding: 4px; font-size: 1.0em; color: #555;" type="text" value="insert your email here » enter"/><input name="uri" type="hidden" value="YOUR FEEDBURNER ID" /><input name="loc" type="hidden" value="en_us" /><br /><span><span>(*) Check mail to confirm information!</span></span></form>
</div></li>
</ul></span>
</div>
Selesai untuk pemasanganya dan perlu diedit sedikit lagi dengan merubah link yang ada di script, ikuti saja note yang di bawah ini.
Note:
Ganti :
Your Facebook link Here
Your Twitter link Here
Your Google Plus link Here Your RSS link Here
Your Pinterest link Here
Your Youtube link Here
Dengan link anda..
Dan YOUR FEEDBURNER ID degan feedburneed ID anda
contoh bisa dilihat di blog ini sebelah kanan
Selamat mencoba dan terima kasih telah berkunjung.
Selamat mencoba dan terima kasih telah berkunjung.
2 Comments
thanks, tp form emailnya kurang bagus mas..
BalasHapusbagus mas..
BalasHapusHOT ! Inilah bentuk utuh Honda Sonic 150R dari samping . . . http://www.sobatmotor.com/2015/07/hot-inilah-bentuk-honda-sonic-150r-dari-samping.html
Posting Komentar