Membuat Widget Profil Keren Blogger 2015

Cara Membuat Widget Profil Keren di Blog


1.Login ke Blogger
2.Masuk Dashboard > Pilih Template > Edit HTML
3.Cari kode ]]><b:/skin> atau </style> kemudian letakkan script dibawah ini tepat diatas ]]><b:/skin> atau     </style>

 /* Widget Profile Ala Blog ForYouDontCry */.vanzADMIN {width:auto;  height:83px;padding:5px}.vanzADMIN-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;}.vanzdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;   font-size:11px; color:#000;}.vanzfb, .vanzgp, .vanztw {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}.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:73px}.vanztw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;} 

4.Simpan Template dan pergi ke Tata Letak > Tambahkan Gadget > HTML/JavaScript dan masukkan            script dibawah ini tepat didalam HTML/JavaScript

<div class="vanzADMIN"><img alt="vanzdy" class="vanzADMIN-gambar" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/t1.0-9/10428576_416337051837770_2308504005876958103_n.jpg" title="vanzdy" /><a class="vanzfb" href="https://www.facebook.com/irham.dinata" rel="nofollow" target="_blank">f</a><a class="vanzgp" href="https://plus.google.com/u/0/104148711547726062047" rel="nofollow" target="_blank">G</a><a class="vanztw" href="http://twitter.com/irhamdinata3" rel="nofollow" target="_blank">t</a><div class="vanzdeskripsi">Hai, perkenalkan nama saya <b><a href="https://www.facebook.com/irham.dinata">Irham Dinata</a></b> saya <b>lahir</b> di kota <br />Liwa - Lampung Barat - Indonesia.<br />Jika anda ingin kenal lebih dekat<br />ADD Facebook saya. <br /><a href="https://www.facebook.com/irham.dinata" style="color: #888888;" target="_blank"> Read More »</a><br /><div style='float:left;margin:0px;'><div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/u/0/104148711547726062047" data-rel="author"></div></div></div></div>

Keterangan 
 1.Kode yang berwarna merah adalah URL foto yang akan digunakan
 2.Kode yang berwarna orange adalah URL link facebook anda 
 3.Kode yang berwarna hijau adalah URL G+ anda
 4.Kode yang berwarna biru adalah user nama Twitter anda
 5.Kode yang berwarna kuning adalah kata-kata yang akan digunakan

5.Simpan dan lihat hasilnya


Share on Google Plus

About Unknown

Terima Kasih Karna Telah Menyempatkan Waktu Luangnya Untung Berkunjung Di Blog RevounzOrganizer . Mudah-mudahan Post Yang Kami Berikan Sangat Bermanfaat Dan Berguna Bagi Para Pengunjung :)
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar

Silahkan Comment Di Blog Kami Dengan Kata-kata Yang Sopan Dan Relevan