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>
Sekian Trik Dari Cyber Creative
Jangan Lupa Tinggalkan Comment Nya
12 komentar
Wah Demo Nya Keren
Ijin Praktekin Yah Gan
Silahkan :D
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...
Silahkan ;)
Silahkan Di Pake =D
wah mantap tuh box about me nya :D, izin praktik ya gan :D
Silahkan :D
Iya Gan Sama-Sama ;)
pasangin di Blog saya ya gan :D