Banner 468x60

Box About Me Ala Cyber Creative

Box About Me Ala Cyber Creative




Hey Sobat Cyber Creative  Kali Ini Gw Mau Berbagi Trik Mengenai
" Box About Me Ala Cyber Creative"



Ok Bagi Yang Penasaran Gimana Caranya
Simak Langkah-Langkah Di Bawah Ini


  • Log In Ke Akun Blogger Kalian
  • Klik Template > Edit HTML
  • Cari Kode ]]></b:skin> (Biar Lebih Cepat Tekan CTRL+F)
  • Lalu Tambahkan Kode CSS Ini Tepat Di Atas Kode ]]></b:skin>

/* About Me */
.vanzADMIN{height:auto;padding:5px;width:auto}.vanzADMIN-gambar{border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;border-radius:90em;border-right:2px solid #0f7dc8;border-top:2px solid #cf2031;float:left;height:75px;margin:4px 1px 0 0;opacity:0.8;width:75px}.vanzdeskripsi{color:#000;font-family:arial,sans-serif;font-size:11px;margin:-85px 0 0 110px;padding:1%;width:auto}.vanzfb,.vanzgp,.vanztw{border:3px solid #444;border-radius:15px;color:#eee!important;display:block;font-size:13px;font-weight:700;height:14px;line-height:14px;margin:1px 0 1px 1px;padding:3px;position:relative;text-align:center;text-decoration:none!important;width:14px}
.vanzfb{background:#3B5998;margin-left:73px}
.vanzfb:hover{border-color:#4F77CC;box-shadow:0 0 3px #4F77CC}
.vanzgp{background:#D34836;font-size:11px;margin-left:85px}
.vanzgp:hover{border-color:#EB503C;box-shadow:0 0 3px #EB503C}
.vanztw{background:#4099FF;margin-left:75px}
.vanztw:hover{border-color:#36D0FF;box-shadow:0 0 3px #36D0FF}

  • Jika Sudah Save Template
  • Eits Belum Selesai.. 
  • Pilih Tata Letak > Add Widget >Pilih HTML/JavaScript
  • Lalu Masukan Kode JavaScript Beikut
<div class="vanzADMIN">
<img alt="vanzdy" class="vanzADMIN-gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAw9zDg-AIdit1aMQHIuPubk7WyKiNvjcrRR23L3xBhhDvFD45ZT7dr4OJWUi-W2aqFOAshQtExZPX8yXUUwtyjSniIM40UA26MtJbi07NLq_E87LlrldubdySiyVRc6_8j5RbzUJC/s220/Untitled-811.png" title="Cyber Creative" />
<a class="vanzfb" href="http://facebook.com/jovi.paendong.06" rel="nofollow" target="_blank">f</a>
<a class="vanzgp" href="https://www.blogger.com/profile/02496708389853827505" rel="nofollow" target="_blank">G</a>
<a class="vanztw" href="http://twitter.com/craigven" rel="nofollow" target="_blank">t</a>
<div class="vanzdeskripsi">
Hai, perkenalkan nama saya <b><a href="http://facebook.com/iJovi.Paendong.06">Jovi Paendong</a></b> saya <b>lahir</b> di kota <br />
Manado - Sulawesi Utara - Indonesia.<br />
Jika anda ingin kenal lebih dekat<br />
ADD sosial Network saya. <br />
<a href="http://jovi-paendong.blogspot.com/2014/07/about-me.html" style="color: #888888;" target="_blank"> Read More »</a><br />
</div></div>
  • Klik Save Dan Liat Hasilnya

Selamat Mencoba
Sekian Trik Dari Cyber Creative
Jangan Lupa Tinggalkan Comment Nya 

12 komentar

Wah Demo Nya Keren
Ijin Praktekin Yah Gan

wah keren gan,mngkin suatu saat nnti bsa ane trpkan hehehe:D

Pasti Keren Dong,, Terima Kasih Sudah Mampir =D

Ijin Repost Juga Yah Gan
Soalnya Artikel nya Keren :D

pasti keren nih gan boxnya, ane pakek ya gan nd sekalian borkmark di browser ane :) , penting soalnya buat template ane yang mau dibuat...

wah mantap tuh box about me nya :D, izin praktik ya gan :D

pasangin di Blog saya ya gan :D