Cara Memasang Widget Akun Media Sosial di Sidebar Blog
MEMASANG widget sosial media di blog/website merupakan salah satu cara untuk meningkatkan follower, pengikut, fans, atau jaringan pertemanan. (Lihat Demo)
Berikut ini salah satu jenis widget media sosial di sidebar blog yang cukup menarik, atraktif, simple, dan tentu saja keren. Berikut ini penampakannya:

CARA PASANG
Cara memasangnya sebagai berikut:
MEMASANG widget sosial media di blog/website merupakan salah satu cara untuk meningkatkan follower, pengikut, fans, atau jaringan pertemanan. (Lihat Demo)
Berikut ini salah satu jenis widget media sosial di sidebar blog yang cukup menarik, atraktif, simple, dan tentu saja keren. Berikut ini penampakannya:
CARA PASANG
Cara memasangnya sebagai berikut:
- Layout > Add a Gadget > HTML/Javascript
- Isi Judul dengan "Join us" atau Kosongkan
- Copas kode berikut ini di kolom "Content"
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCK1NYTRXkjvWRYT0XcJaQUuUqswGm3H_8EhH-wcoIEdBxyMErE8J7dHgheuBLwUf1YGYfgDLoYmNNwwUpJV22r3k5wY6wK598gh-j3CX0qyw_JprhYzc3bClQonWJbNe4Vs3GfRnlCE/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; }
.cb_socialwidget ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblrMeaCSoEtxLz1XZMnOn8sftC7ZOSpD6LVErOy2Byl1to5yrgzwm0b7F-p0hSdk81aBJZl4cXnmgOSZu1ZNYsklnlrEHMEKggy-jQJCH4tmV2GQwiHCShlv9rXonKpWrPduFOGCbA-Y/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.cb_socialwidget ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuFla4S6eAynwpm8EQTvcL-2YtRETohxREAkZ6GqNJ63SZb13BEE3IglFc9M82CHD8bTeM9wAom4VtcwodRzsWI8BRxR9nhG_XBxLtbHeucAE11QEUueBaWHu_0kbsnVgWyB31Ea0m2U/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.cb_socialwidget ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YvC60-44sc7UF1bgr7VARso8Lqe_2VRaHpCjKC7aFNtIzgc8VyImY7oah6q-A1_jwtnTRpNfJjVX3yHluaPDTGg8Y5rkIzH-WZrGBhXwS_PuaVvR-pjPqLU9oJPhD2rRcm7cLSulivM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.cb_socialwidget ul li .linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEwBdH0v3rt1hsSd9K8jWquqKTIaXtJP6bJ_DzZT83Wjoild1u_oE_8SC1aTHBjCFkBII_wzALi6WwLcnxwN17J9YBdy_NGU9NpcjXgCh4KeBoQp8DQdBAp3iVS4E8z4dl0x0-HPFjhM/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.cb_socialwidget ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGe-4x-xMjKPgRbq_SwkqBxKaZXHJ_0si0PKC6mqf1H-zTw_64tWInOFlS3p3ey5_OCi2pKrx4cOYtls0d1T1IhRecxcEf73XvXbfW5r5LdhtpGOZN2e5SaVIuzxe78kkdQmJoMAvZ-y4/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; }
.social-about { display: none; }
Ganti ID Medsos warna merah dengan kepunyaan Anda.
DemikianCara Pasang Widget Akun Media Sosial di Sidebar Blog. Lihat: Gaya & Jenis Widget Media Sosial Lainnya. Good luck and Happy Blogging! (http://www.contohblog.com).*
reff : http://www.contohblog.com/2015/10/pasang-widget-akun-media-sosial-sidebar-blog.html
.cb_socialwidget ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblrMeaCSoEtxLz1XZMnOn8sftC7ZOSpD6LVErOy2Byl1to5yrgzwm0b7F-p0hSdk81aBJZl4cXnmgOSZu1ZNYsklnlrEHMEKggy-jQJCH4tmV2GQwiHCShlv9rXonKpWrPduFOGCbA-Y/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.cb_socialwidget ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuFla4S6eAynwpm8EQTvcL-2YtRETohxREAkZ6GqNJ63SZb13BEE3IglFc9M82CHD8bTeM9wAom4VtcwodRzsWI8BRxR9nhG_XBxLtbHeucAE11QEUueBaWHu_0kbsnVgWyB31Ea0m2U/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.cb_socialwidget ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YvC60-44sc7UF1bgr7VARso8Lqe_2VRaHpCjKC7aFNtIzgc8VyImY7oah6q-A1_jwtnTRpNfJjVX3yHluaPDTGg8Y5rkIzH-WZrGBhXwS_PuaVvR-pjPqLU9oJPhD2rRcm7cLSulivM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.cb_socialwidget ul li .linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEwBdH0v3rt1hsSd9K8jWquqKTIaXtJP6bJ_DzZT83Wjoild1u_oE_8SC1aTHBjCFkBII_wzALi6WwLcnxwN17J9YBdy_NGU9NpcjXgCh4KeBoQp8DQdBAp3iVS4E8z4dl0x0-HPFjhM/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.cb_socialwidget ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGe-4x-xMjKPgRbq_SwkqBxKaZXHJ_0si0PKC6mqf1H-zTw_64tWInOFlS3p3ey5_OCi2pKrx4cOYtls0d1T1IhRecxcEf73XvXbfW5r5LdhtpGOZN2e5SaVIuzxe78kkdQmJoMAvZ-y4/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; }
.social-about { display: none; }
Ganti ID Medsos warna merah dengan kepunyaan Anda.
DemikianCara Pasang Widget Akun Media Sosial di Sidebar Blog. Lihat: Gaya & Jenis Widget Media Sosial Lainnya. Good luck and Happy Blogging! (http://www.contohblog.com).*
reff : http://www.contohblog.com/2015/10/pasang-widget-akun-media-sosial-sidebar-blog.html
0 comments:
Post a Comment