Merubah Tampilan Profile Di Blog Blogger

Posting kali ini tentang merubah tampilan profile blog seperti punya saya,apakah tampilan profile pada blog anda terlihat biasa saja dan membosankan..hehehe itu lah yang di berikan blogger untuk kita,tapi jangan merendah dulu,blogger memberikan hal sederhana untuk kita bukan berarti blogger tidak memberikan ruang untuk pengeeditan blog,sebenarnya bagi saya blogger adalah media pembelajaran yang lumayan menyenangkan kenapa begitu,ok dalam hal hosting gratisan blogger sudah memberikan ruang lebih untuk pengeditan,dan menurut saya blogger juga bermaksud untuk menguji skill desain seorang desain blogger mesikipun templatenya gratisan juga,tapi bagaimana orang tersebut dalam mengedit blognya.
Itu lah skill yang benar" diberikan untuk para newbie seperti saya ini,dalam hal membuat suatu website atau desain web saya juga pernah beberapa kali di uji cobakan di sekolah untuk sebuah perlombaan tapi sayangnya karna data saya atau mungkin terhapus kali saya gk tw dh...huhh kecewa banget waktu itu..jadi gk ikut lomba,tapi tahun berikutnya saya dipanggil untuk membuat sebuah game dengan flash,cukup membanggakan biarpun di stand tapi saya dapet peringkat 1..hehehe

Ok langsung sajalah jadi curhat saya,berikut ini adalah bagaimana cara membuat tampilan profile berbeda,dengan tambahan css (cascading style sheet) dan beberapa sedikit sentuhan...hehehe

Membuat Tampilan Profile Blog Anda Dengan Style

1. Seperti Biasa lah anda harus login ke blogger anda
2. Pilih Tata Letak - Elemen Halaman.
3. Pada bagian elemen halaman klik Tambah Gadget - lalu pilih Html/Java Script.
4. Setelah itu copy kode dibawah ini lalu letakan di Gadget yang baru anda tambahkan

<div style='border: 2px solid #000000;
padding: 5px;
background-color: #ffffff;
-moz-border-radius:0px;
margin:5px;'>

<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img height="110" src="http://lh4.ggpht.com/_15RlS6kF07A/S91jqNzm1xI/AAAAAAAAARE/JW0ko0-Rh-Y/s200/RiszPanic.jpg" width="70" border="2" color="black" /><br /><center>RiszPanic</center></div>
Aris Munandar<br />
Pengen bebas berkarya
tapi jelas dan bermanfaat
untuk orang lain.
<br /><a href='http://facebook.com/riszpanic' target='_blank'>Follow ON Facebook</a>
<br />
<a href="http://www.blogger.com/profile/16647046226945263718">Lihat Profil Lengkapku</a></div>

Oke saya akan jelaskan.

Pada tulisan yang berwarna abu-abu diatas sana,<img height="110" dan width="70" -- height adalah untuk ukuran tinggi gambar atau foto anda nantinya anda bisa sesuaikan,sedangkan width untuk lebarnya,anda juga bisa sesuaikan dengan sidebar anda.

Untuk bagian Url image yang berwarna merah diatas http://lh4.ggpht.com/_15RlS6kF07A/S91jqNzm1xI/AAAAAAAAARE/JW0ko0-Rh-Y/s200/RiszPanic.jpg ,itu adalah url foto saya anda harus menggantinya dengan url foto anda.

Untuk nama yang berwarna ungu diatas <center>RiszPanic</center> adalah nama yang akan tampil dibagian bawah foto anda,ganti dengan nama blog anda.


Untuk kalimat yang bewarna Biru Aris Munandar<br /> itu adalah nama saya anda bisa menggantinya dengan nama anda


Untuk yang berwarna kuning itu adalah kata-kata yang nantinya akan tampil,gantilah dengan kata" anda sendiri.

<a href='http://facebook.com/riszpanic' target='_blank'>Follow ON Facebook</a> pada bagian ini,ini adalah link yang nanti beralih ke facebook anda,ganti lah tulisan yang berwarna hijau dengan url facebook anda.

<a href="http://www.blogger.com/profile/16647046226945263718">Lihat Profil Lengkapku</a> yang terakhir adalah link untuk menuju ke Profile anda,jadi bila anda tidak punya linknya anda tambahkan dulu bentuk profile default anda dan copy linknya setelah itu hapus dan letakan di bagian yang berwarna coklat diatas.

5. Dan Selesai,tinggal anda simpan saja

Oke pejelasannya cukup sederhana dan mudah dimengertik kan,kalau masih belum mengerti anda bisa tanya kan ke saya,dan tampilan profile anda nanti akan seprti dibawah ini.

eiitttsss tapi jangan lupa ganti fotonya dengan foto anda..hehehe soalnya foto saya gk bagus..ckckc,tapi klo dipandang ternyata keren juga...hehehe

ok sekian sampai disini dulu tutorialnya,jangan lupa komentarnya iy...terima kasih.