Widget Link Akun Media Sosial ini bisa dipasang di Sidebar Blog template mana saja, namun kayaknya cocoknya buat template tiga kolom, seperti template Cara CB ini.
CARA PASANG:
1. Layout > Add a Gadget
2. Pilih HTML/JavaScript
3. Copas saja salah satu kode di bawah ini.
MODEL DARK (HITAM)
<div class="anjanablogsm">
<ul><li class="facebook"><a href="#">Facebook</a></li>
<li class="linkedin"><a href="#">Linkedin</a></li>
<li class="twitter"><a href="#">Twitter</a></li>
<li class="flickr"><a href="#">Flickr</a></li>
<li class="pinterest"><a href="#">Pinterest</a></li>
<li class="google"><a href="#">Google+</a></li>
<li class="reddit"><a href="#">Reddit</a></li></ul></div>
<style>.anjanablogsm {margin: 0;padding: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #3E403D;border: solid 1px #3A3C39;} .anjanablogsm ul {padding: 0 0 7px 0!important; margin: 0;list-style: none;} .anjanablogsm li {margin: 0 0 -15px 0; border:none!important;} .anjanablogsm li a {padding: 8px 12px 8px 34px;background-color: #484A47;display: block;margin: 1px;color: #fff!important;text-shadow: 0px -1px 0px #939069;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-repeat: no-repeat;background-position: 10px 8px;}.anjanablogsm li a:hover {background-color: #FF1493;text-decoration: none;}
.anjanablogsm .facebook a {background-image: url("http://4.bp.blogspot.com/-F0-i0ro2pQ8/U9jislkmyVI/AAAAAAAAHOc/KPFIr3l9rJY/s1600/fb.png");}
.anjanablogsm .linkedin a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWefKPJ1wykoBwdviDNrqqNmoFYxCiO8qsafnzD5WRiKJ_uf2c3X5syazNYO09CmguIY2zyg76aAXap7rjFbtW88iGGhfGd-chLLjnZHKF201Yib_c5h1YzUdvbtr917z9Ax-mh1il1Dc/s1600/linkedin.png");}
.anjanablogsm .twitter a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWdy9JLXi-cxdzySQXdROYkrvZPe2ZKRi6GlKo1Zg7o1yS8scRY5IYkSG1DbFWof_IiHkhhrqOzefduK3IAYQcT-aOkvTeIvGzrmwPFNuu37aJUjtvg0P7HrCE8_UZNKsPixDc1KaVam3/s1600/Twitter.png");}
.anjanablogsm .flickr a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKYswB0TFYPVF8fY8h3tmdmHyoGWwVy0Le-o9KfkB68xMEqTLLyKfp-7nRCsI63GLaBpsCrxDPh55dt1BFmp63vfhPKGYGuFYWBmZqHEmPXZrWx1v_cD-ikDTo57V6GYKglRsmJcr9eCv/s1600/flickr.png");}
.anjanablogsm .pinterest a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96qmn2VGa1HZNwZQcoOk32419IQ7nXb35ajYVqiT0TjbCetGvC4XuqqJHmFvR8j-Ld9SXrqaK_5ZucYPtBP9h_Fi53y-0JUL_16xQDLMEmIUgGzCBxEDIUxEUulkWk5PnuTp7zq70T1vj/s1600/pinterest.png");}
.anjanablogsm .google a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWhdjYTlsE_WnTNkZifA0rXoyC82wd7zLKv1pk7KLKLCqW2OIgkRcMgHE0ASkHk2yZ6MUty23U9ditSXH8twZUC20QbLpxvcl8pL51Yzs3gcAelcprpj3NYWyxUIVIZZ2KuNbsotjalB5/s1600/Google+plus.png");}
.anjanablogsm .reddit a {background-image: url("http://4.bp.blogspot.com/-V_NMfIv1DI8/U9Zr3DIv8nI/AAAAAAAAHNM/9AINgPk3xHA/s1600/reddit.png");}</style>
MODEL LIGHT (GREY):
<div class="anjanablogsm"> <ul><li class="facebook"><a href="#">Facebook</a></li>
<li class="linkedin"><a href="#">Linkedin</a></li>
<li class="twitter"><a href="#">Twitter</a></li>
<li class="flickr"><a href="#">Flickr</a></li>
<li class="pinterest"><a href="#">Pinterest</a></li>
<li class="google"><a href="#">Google+</a></li>
<li class="reddit"><a href="#">Reddit</a></li></ul></div>
<style>.anjanablogsm {margin: 0;padding: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #F1F1F1;border: solid 1px #F1F2D8;} .anjanablogsm ul {padding: 0 0 7px 0!important; margin: 0;list-style: none;} .anjanablogsm li {margin: 0 0 -15px 0; border:none!important;} .anjanablogsm li a {padding: 8px 12px 8px 34px;background-color: #DBDACA;display: block; margin: 1px;color: #A2A2A2!important; text-shadow: 0px -1px 0px #939069;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-repeat: no-repeat;background-position: 10px 8px;} .anjanablogsm li a:hover {background-color: #B1AE87;text-decoration: none;color: #FFF!important; text-decoration:none;}
.anjanablogsm .facebook a {background-image: url("http://4.bp.blogspot.com/-F0-i0ro2pQ8/U9jislkmyVI/AAAAAAAAHOc/KPFIr3l9rJY/s1600/fb.png");}
.anjanablogsm .linkedin a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWefKPJ1wykoBwdviDNrqqNmoFYxCiO8qsafnzD5WRiKJ_uf2c3X5syazNYO09CmguIY2zyg76aAXap7rjFbtW88iGGhfGd-chLLjnZHKF201Yib_c5h1YzUdvbtr917z9Ax-mh1il1Dc/s1600/linkedin.png");}
.anjanablogsm .twitter a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWdy9JLXi-cxdzySQXdROYkrvZPe2ZKRi6GlKo1Zg7o1yS8scRY5IYkSG1DbFWof_IiHkhhrqOzefduK3IAYQcT-aOkvTeIvGzrmwPFNuu37aJUjtvg0P7HrCE8_UZNKsPixDc1KaVam3/s1600/Twitter.png");}
.anjanablogsm .flickr a { background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKYswB0TFYPVF8fY8h3tmdmHyoGWwVy0Le-o9KfkB68xMEqTLLyKfp-7nRCsI63GLaBpsCrxDPh55dt1BFmp63vfhPKGYGuFYWBmZqHEmPXZrWx1v_cD-ikDTo57V6GYKglRsmJcr9eCv/s1600/flickr.png");}
.anjanablogsm .pinterest a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96qmn2VGa1HZNwZQcoOk32419IQ7nXb35ajYVqiT0TjbCetGvC4XuqqJHmFvR8j-Ld9SXrqaK_5ZucYPtBP9h_Fi53y-0JUL_16xQDLMEmIUgGzCBxEDIUxEUulkWk5PnuTp7zq70T1vj/s1600/pinterest.png");}
.anjanablogsm .google a {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWhdjYTlsE_WnTNkZifA0rXoyC82wd7zLKv1pk7KLKLCqW2OIgkRcMgHE0ASkHk2yZ6MUty23U9ditSXH8twZUC20QbLpxvcl8pL51Yzs3gcAelcprpj3NYWyxUIVIZZ2KuNbsotjalB5/s1600/Google+plus.png");}
.anjanablogsm .reddit a {background-image: url("http://4.bp.blogspot.com/-V_NMfIv1DI8/U9Zr3DIv8nI/AAAAAAAAHNM/9AINgPk3xHA/s1600/reddit.png");}</style>
Jangan lupa, ganti tanda pagar (#) dengan link akun media sosial Anda!
Demikian Cara Pasang Widget Media Sosial di Sidebar Blog. Good Luck!
ijin download template ya gan, makasih
ReplyDelete