Cara Memasang Widget Profil About Me

Cara Memasang Widget Profil About Me. Ok sobat berikut ini seocips.com akan membagikan lagi widget yang dapat anda gunakan sebagai informasi siapa penulis blog dan dimana dapat menemukannya. Widget ini hampir sama seperti widget yang telah dibagikan sebelumnya ( baca: Cara membuat kotak admin diblog ). Agar terjadi hubungan atau komunikasi yang baik antara kita sebagai penulis dan pembaca. Salah satunya dengan memasang widget Author Box yang menjelaskan About The Author.

Sebelumnya juga mengenai widget blog sudah dibagikan mengenai cara memasang widget pemutar musik tidak otomatis di putar dan bagaimana cara upload file ke googe site. Juga mengenai cara membuat sticky widget si sidebar blog. Ok sobat kita lanjutkan ke Cara Memasang Widget kotak admin blog di Blogger.

1. Login ke akun Blogger sobat.
2. Pada halaman dashboard, masuklah lah ke bagian Tata Letak.
3. Klik Tambahkan gadget di posisi widget About The Author Box ini ingin dipasang.
4. Pilih HTML/Javascript, dan masukan kode berikut.

<style>
.seocips {width:auto; height:83px;padding:5px} .seocips-gambar {float:left;width:85px;height:85px;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;} .cipsdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#ff000;} .cipsfb, .cipsgp, .cipstw {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} .cipsfb {background: #3B5998;margin-left:73px} .cipsfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;} .cipsgp {background: #D34836;font-size:11px;margin-left:85px} .cipsgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;} .cipstw {background: #4099FF;margin-left:73px} .cipstw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
</style>
<div class="seocips"> <img alt="seocips" class="seocips-gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOD90jOcNTMAo12tQ_Le-McA_lUYvOqFzsd3YjMzjatcawygFc2UThmhyphenhyphenFJyvGT2I-iv3eA88pt2pxmFAI7TWpFQ60MrdKSssXcl7GyhilPD0bgxXfKhH7T_pRi4XgPXwlhjfgE7mnWnN8/s300/loading9.gif" title="cipsdy" /> <a class="cipsfb" href="http://facebook.com/seocips" rel="nofollow" target="_blank">f</a> <a class="cipsgp" href="http://plus.google.com/103662134309614692674" rel="nofollow" target="_blank">G</a> <a class="cipstw" href="#" rel="nofollow" target="_blank">t</a> <div class="cipsdeskripsi"> Hai, Nama saya <b><a href="http://facebook.com/brandomewo">Brando Mewo</a></b> saya <b>lahir</b> di kota <br /> Manado - Sulawesi Utara.<br /> And Kul di <b>UNIMA</b><br /> ADD sosial Network saya. <br /> <a href="http://www.seocips.com" style="color: #888888;" target="_blank"> Read More »</a><br /></div></div>

Keterangan:
Silahkan ganti kode berwarnah merah dengan foto profil anda dan warna biru dengan link anda dan warna hijau dengan nama anda.

Ok sobat sekian widget blog yang dapat dibagikan saat ini, jangan lupa lihat tutorial blog terbaru dari seocips dan semoga bermanfaat.