28 August, 2010

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

11 comments

  1. Tq ya...dari kemarin cari cara yang seperti ini. Sangat berbobot. terus fren. I support u

    ReplyDelete
  2. siiiap Mas Ibnu, he he he salam ceria mas

    ReplyDelete
  3. Just bookmarked your blog. Thanks for posting such good information i'll be back a lot! Please visit my blog and leave a comment for a backlink and subscribe to learn how to make money online. Thanks!

    ReplyDelete
  4. halo.. saya mau tanya,, gimana cara buat 1 box isinya tombol twitter, facebook, email di blogger?? jadi ndak 1-1, tp lgs dlm 1 box, seperti blog ini yang "Subscribe & Community"

    tetapi gak ke bawah, tombolnya horizontal gt ke kanan ^^

    thanksss

    ReplyDelete
  5. Dear Rani.. Kalo di buat manual bisa pake kode script mirip2 di atas.. Cuma kalo mau di buat permanen. Agak ribet pake software Dreamweaver

    ReplyDelete
  6. Facebook and Sitetalk is my favorite site (social network)

    ReplyDelete
  7. keren abizz...pas lg nyari info ttg tombol twitter n FB ketemu deh di sini.Jgn bosen sharing ya..

    ReplyDelete
  8. Sitetalk is so good

    ReplyDelete
  9. Salam
    ..
    Terimakasih banyak bro,,
    sangat membantu saya yang baru belajar blog...
    Terimakasih banyak ya!!

    ReplyDelete
  10. Lama gak jumpa nih.. moga baik2 selalu ya.. Makasih banyak tutorial author box-nya, Bro.. akan saya pakai, insyaAllah :)

    Sukses selalu, Amin.

    ReplyDelete
  11. Baju Muslim Modern10:09

    Terima kasih tutorialnya...menambah ilmu saya...

    ReplyDelete


Copyright © 2016 Photoshop blog dan Blogger