Widget About Me Blogspot

• Live Demo

Memodifikasi widget about me blog supaya lebih keren.
Caranya kode Css dan HTML berikut tinggal kamu tambahkan di blog.

1. Css
Tambahkan kode Css berikut di atas </b:skin> template

/* AHS-Admin */
.AHSadmin {width:auto;  height:83px;padding:5px}
.AHSadmin-gambar {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;}
.AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;   font-size:11px; color:#fff;}
.AHSfb, .AHSgp, .AHStw {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}
.AHSfb {background: #3B5998;margin-left:73px}
.AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.AHSgp {background: #D34836;font-size:11px;margin-left:85px}
.AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.AHStw {background: #4099FF;margin-left:73px}
.AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}

2. HTML
Berikutnya masukan kode HTML berikut di add gadget Html/JavaScript blog kamu.

Tambahkan kode HTML berikut

<div class='AHSadmin'>
<img alt='Robby Armansyah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPbCUYbUH-3S_YwTSGCVHJ6WUNue1rAuBlnL0_X6WkkO9dpulzxiBtjZ_tPM1s6CprSaMSbF2KzexxQHT6k5ne37VKJQebv1uGXSCe0isS74bqT58OtaCMeE7fDqOmzGoxRHINZ8ZkN9U/s1600/Robby_%E5%89%AF%E6%9C%AC.gif'title="Robby Armansyah" class='AHSadmin-gambar' />
<a class='AHSfb' href='http://www.facebook.com/100004753900789' rel='nofollow' target="_blank">f</a>
<a class='AHSgp' href='https://plus.google.com/114744493807657014090' rel='nofollow' target="_blank">G</a>
<a class='AHStw' href='http://twitter.com/armansyahrobby' rel='nofollow' target="_blank">t</a>
<div class='AHSdeskripsi'>
Bagaimana kalau hidup selama ini
<br/>
Hanyalah sisi gelap kita yang tertidur

<br/>
<a href=https://plus.google.com/114744493807657014090 title="Robby Armansyah" rel='nofollow' target="_blank">Robby Armansyah</a>
<br/>
Hanya orang biasa seperti kalian
<br/><a style="color:#888;" href="https://plus.google.com/114744493807657014090" target="_blank"> Read More &#187;</a>
    </div></div>

Demikianlah tentang cara memodifikasi widget about me blog. Warna ataupun model dan tulisan kata-kata beserta link facebook, google dan twitter dapat kamu ganti.

Ditulis Oleh : Robby Armansyah

Anda baru saja membaca artikel dengan judul Widget About Me Blogspot. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.https://blogtuz.blogspot.com/2014/11/membuat-widget-about-me-blogspot_27.html

• Share
• Share
• Share
• Share
• Share

✚

Related Post