Selamat sore sobat, tadikan saya memposting tentang Internet Download Manager sekarang buat yang suka blogging jangan lupa cobain tutor yang satu ini, dijamin keren deh sob. Pada sore ini saya akan membagikan sobat tentang Cara Membuat Widget Author Keren seperti gambar diatas. Keren bukan, oke langsung aja sob disimak.
Berikut Tutorialnya :
- Masuk Ke Dasbor Blog Sobat,
- Klik Menu Template,
- Klik Menu Edit Template,
- Masukan Kode CSS Dibawah Ini Diatas kode
</style>
/*Widget Profile Admin Blog Azur Fachry */
.adminn {width:auto; height:auto;padding:5px}
.gambar-admin {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}
.deskripsii {width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#000;}
.facebookk, .googlepluss, .twitterr {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.facebookk {background: #3B5998;margin-left:73px}
.facebookk:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.googlepluss {background: #D34836;font-size:11px;margin-left:85px}
.googlepluss:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.twitterr {background: #4099FF;margin-left:73px}
.twitterr:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
- Jika sudah, klik save template
- Kemudian, Klik Menu Tata letak > Tambahkan Widget > Pilih Widget HTML/Javascript
- Lalu masukan kode
Html/javascript ini kedalam widget tersebut
<div class="adminn">
<img alt="Azur Fachry" class="gambar-admin" src="https://lh5.googleusercontent.com/-ytX0klq3eU8/AAAAAAAAAAI/AAAAAAAABb4/BSguumPajs8/s90-c/photo.jpg" title="Azur Fachry" />
<a class="facebookk" href="https://www.facebook.com/Azur98" rel="nofollow" target="_blank">f</a>
<a class="googlepluss" href="https://plus.google.com/u/0/102855047690360555058" rel="nofollow" target="_blank">G</a>
<a class="twitterr" href="http://twitter.com/azurfcb_11" rel="nofollow" target="_blank">t</a>
<div class="deskripsii" style="text-align:justify">
Halo sobat, Perkenalkan Nama saya Azur Fachry, Panggilan sehari-hari saya Azur. Saya hanya seorang pelajar SMA dari Provinsi Sulawesi tengah.<br /><br />Jika sobat ingin mengenal lebih dekat dengan saya, Follow Atau Add Media Sosialku Terima kasih ^_^
</div></div></div>
- Jika sudah, klik save widget dan lihat hasilnya ^_^
Note : Link sosial di atas sobat ganti dengan link sosia media yang sobat punya kemudian kata-kata diatas bisa sobat ganti sesuai selera
Semoga Bermanfaat
^_^
