Cara Membuat Wiged box profil pada blogger

Halo...simalungungreen ! Lama tak menulis sesuatu pada blog ini . Pada kesempatan disempatkan untuk menuliskan kembali sebuah tutorial blogger, dimana trik ini memang sudah banyak sekali mempostingnya  akan tetapi kembali saya menuliskan kembali trik ini.

 Oke langsung saja pada triknya dibawah ini. Yaitu cara membuat widged box profil pada blogger kita atau versi indo_nya yaitu widged profil pada blogger

Langkah pertama pastikan sudah masuk

1. ke dashbor blog anda dan sudah berda pada

2. edit HTML ( tempalte)

3.Kemudain copy dan pastekan kode dibawah ini tepat diatas]]></b:skin>

.profile-img{float:left;display:block;width:90px;height:90px;margin:10px 10px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:0px 0px 30% 0px; -moz-box-shadow:0 0 5px 0 rgba(0,158,184,1); -ms-box-shadow:0 0 5px 0 rgba(0,158,184,1); -o-box-shadow:0 0 5px 0 rgba(0,158,184,1); -webkit-box-shadow:0 0 5px 0 rgba(0,158,184,1); box-shadow:0 0 5px 0 rgba(0,158,184,1); } .profile-data{margin:0; letter-spacing:.1em; font-size:90%; font-weight:bold; line-height:1.4em;border-radius:0px 0px 30% 0px; -moz-box-shadow:0 0 5px 0 rgba(0,158,184,1); -ms-box-shadow:0 0 5px 0 rgba(0,158,184,1); -o-box-shadow:0 0 5px 0 rgba(0,158,184,1); -webkit-box-shadow:0 0 5px 0 rgba(0,158,184,1); box-shadow:0 0 5px 0 rgba(0,158,184,1); } .profile-datablock{margin:.5em 0 .5em .0em} .profile-textblock{text-align:left; margin:0.0em; line-height:1.6em} .profile-link{font-weight:bold}

Kemudian simpan Template blogger anda. Selanjutnya pada tata letak pada dashbor blog anda tambahkan satu widged (widged/JavaScrip) terserah anda lentak dimana tapi kayaknya lebih terlihat bagus jika diletakkan pada footer blog kita :)

4. Pastekan code dibawah ini didalam widged anda.

<div class="profile-textblock"> <img alt="Supriadi Saragih" class="profile-img" src="https://lh4.googleusercontent.com/-hVMazjVssOA/AAAAAAAAAAI/AAAAAAAAAd0/WaDcULCDgZA/s120-c/photo.jpg" title="Simalungungreen" width="100" height="100" />Simalungungreen sebuah blog pribadi yang berisikan tentang segala hal. Baik berupa bentuk tulisan tips dan trik dan tidak hanya memberikan sebuah informasi dan tentang ilmu pengetahuan :)<br /> Simalungungreen dapat dihubungi melalui dibawah ini : <br /> » <a href="https://plus.google.com/u/0/112930190832137517613" title="Google+" target="_blank">Google+</a><br /> »<a href="https://www.facebook.com/LankahPastiMenujuSukses?ref=tn_tnmn" title="Facebook" target="_blank">Facebook</a><br/> » <a href="#" title="Maaf masih dalam perbaikkan :)" target="_blank">Twitter</a><br/> </div>

5. Ganti yang kode yang berwarna  , jika sudah simpan template anda . jika berhasil maka akan muncul kurang lebih seperti dibawah ini.

                             

Demikian , somoga bisa bermanfaat. Terimakasih and Happy blogging (^^)

Description Judul: Cara Membuat Wiged box profil pada blogger
Rating: 4.5
Reviewer: Supriadi saragih

Tweet