Friday, December 23, 2016
Cara Membuat WIDGET PROFILE BLOGGER
Cara Membuat WIDGET PROFILE BLOGGER
 |
| Widget Profile Blogger dibawah setiap postingan Blog |
Salam Blogger, Artikel kali ini sebenarnya berkaitan dengan E-MAIL Sobat Blogger yang ingin memasang Widget Biografi Profile Penulis di bawah Posting Blognya dan disertai widget sosial bookmarknya. Alhamdullilah blogging pasuruan bisa menepati permintaan sobat dengan widget biografi penulis yang mencakup semua aspek blogging seperti Media Sosial Facebook, Twitter, Youtube, dalam widget ini Anda akan mendapatkan Donasi Button, Button Blogger .
Jika sobat Blogger yang lain jika tertarik untuk memasangnya, silahkan ikuti tutorialnya di bawah ini :
?Masuk ke Akun Blogger
? Masuk ke TEMPLATE >> EDIT HTML ( backup dulu template Sobat, Penting …! )
? Cari kode ]]></b:skin> ( gunakan Ctrl+F biar cepat cari kodenya )
? Masukkan kode dibawah ini sebelum kode ]]></b:skin>
CSS
.clear {
clear:both;
}
#author-box {
margin:10px 0;
}
#author-box a:hover {
background:none!important;
}
#author-box .row-1 {
background:#333;
padding:20px;
}
#author-box .row-1 .avatar {
float:left;
line-height:1;
-moz-box-shadow:0 0 10px #FFF;
-webkit-box-shadow:0 0 10px #FFF;
box-shadow:0 0 10px #FFF;
}
#author-box .row-1 .info {
margin:0 0 0 110px;
}
#author-box .row-1 .info h6 {
color:#FFF;
font-size:20px;
margin:-4px 0 0;
}
#author-box .row-1 .info h6 span {
font-size:11px;
font-weight:400;
background:#1BA1E2;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
filter:alpha(opacity=60);
opacity:0.6;
margin:0 0 0 1em;
padding:1px 9px 2px;
}
#author-box .row-1 .info p {
color:#DDD;
font-weight:400;
font-size:14px;
margin:0;
}
#author-box .row-2 {
background:#666;
}
#author-box .row-2 a.social-item {
display:block;
float:left;
color:#FFF;
text-align:center;
padding:15px;
}
#author-box .row-2 .social-item .icon {
height:32px;
width:32px;
}
#author-box .row-2 .social-item > span {
display:block;
text-align:center;
margin:auto;
}
#author-box .row-2 .social-item .label {
font-weight:700;
font-size:13px;
}
#author-box .row-2 .social-item .click {
font-size:11px;
color:#EAEAEA;
line-height:1;
}
#author-box .row-2 a.social-item:hover {
background:#1BA1E2!important;
Available link for download
