» » » » » » Author box blogger profil, plus tombol facebook dan twitter

Author box blogger profil, plus tombol facebook dan twitter

Apa itu author box? author, bahasia inggris yang berarti sang penulis atau bisa juga di artikan yang punya wewenang. Author adalah orang yang mengangkat dan memecat dirinya sendiri selaku penulis. Sang punya wewenang atas dirinya sendiri.

Menarik yah? author box adalah sedikit penjelasan tentang personifikasi si penulis empunya blog. Artinya si pengunjung blog kamu bisa mendapatkan sedikit informasi tentang diri kamu secara pribadi.

Kali ini kita akan membuat widgetnya, tentu saja dengan menambahkan kode script di blogger, blogspot kita. Widget ini juga saya tambahkan 2 tombol untuk me-linkkan akun facebook dan twitter kamu. Bagaimana cara membuatnya author box blogger profil ini, mari yuk.. lanjut..

Widget ini di peruntukan buat kamu yang ingin memasang widget ini di kepala atau di atas judul postingan, oke caranya :

1. Copy-paste kode di bawah ini :

<!-- Author Box -->

<b:if cond='data:blog.pagetype == &quot;item&quot;'>

<div style='width: 520px; border: 1px solid #dcdcdc; background: #fffafa; padding: 8px;

margin: 0 0 10px 0; font-size: 85%;'>

<a href='http://piss-blogger.blogspot.com'><img height="48"

src="http://i827.photobucket.com/albums/zz194/depalpiss/MukaLucu.jpg" style="margin: 0px

8px 3px 2px; float: left; border: 2px solid D3D3D3;" width="55" /></a>

<div style='text-align: justify;'><a href="http://id-id.facebook.com/depalpiss" target=â blankâ ><img src="http://i827.photobucket.com/albums/zz194/depalpiss/favicon/facebook.png" /></a> - <a href="http://twitter.com/depalpiss" target=â blankâ ><img src="http://i827.photobucket.com/albums/zz194/depalpiss/favicon/twitter.png" /></a>  

Author: <a href='http://piss-blogger.blogspot.com/'>depalpiss</a><br />

Isi Personafikasi profil singkat kamu di sini <br /><a

href='http://www.blogger.com/profile/07933824285253203494' title='profil'>Lihat Profil

Lengkap-ku</a></div>

</div>

</b:if>

<!-- Author Box -->

2. Login ke dasbor blogger --- Rancangan --- +HTML/JavaScript paste kode diatas di dalamnya.


3. Rubah beberapa kode berikut penjelasannya :


Bold warna Merah :
  • width, sesuaikan denagn lebar sidebar sobat.
  • border, garis pembatas bisa di ubah juga kode warna htmlnya (#dcdcdc;). 
  • background: #fffafa;, sesuaikan dengan warna yang di kehendaki.
  • dan font-size: 85% ukuran secara keseluruhan ubah.

Bold warna Biru :

  • Ubah url : http://piss-blogger.blogspot.com dengan url milik kamu sendiri.
  • Ganti : http://i827.photobucket.com/albums/zz194/depalpiss/MukaLucu.jpg dengan direct link gambar/foto profil kamu. (gunakan photobucket dot com untuk direct linknya).
  • height dan Width, adalah panjang dan lebar photo, tinggal di sesuaikan saja.

Bold warna Hijau :

  • Tombol twitter dan facebook : ubah url http://id-id.facebook.com/depalpiss dengan url 
  • facebook kamu, ubah pula http://twitter.com/depalpiss dengan url twitter kamu.

Hapus kata : Isi personafikasi kamu di sini   ganti dengan keterangan singkat personifikasi milik sobat.


Bold warna Kuning :

  • Author, ubah url http://piss-blogger.blogspot.com dengan url kamu.
  • ganti juga depalpiss, dengan nama kamu.
  • Terakhir ganti url http://www.blogger.com/profile/07933824285253203494 dengan url dari blogger profil milik kamu.


4. Simpan. dan beres, well selamat mencoba, widget author box barunya salam
0 Komentar untuk "Author box blogger profil, plus tombol facebook dan twitter"