Pages

Minggu, 30 Januari 2011

0
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.

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83c_owY4dRBnjoTGuQR_PjOCGZhKDC5m8pDlDPq8-YhESzdbpU_Y3GOxAM4IhEPMJTavKtGgcaOnDOqOIuVud-JTbcYtNcBZufmzZImI9xPr161o2kNFJe7Ij6gg9z3oC8xlmLyP3psY/s220/aboutme.jpg" width="70" border="1" color="black" /><br /><center>darkSectOr.Net</center></div>
Utta Bassits<br />
Gue aja binggung..!! hehee,..
tp sebenarnya gue itu tipe orgnya pemalu, apalangi ma perempuan.. tp gue baik koQ,. ngga prcy??? buktiin dech..!
<br /><a href='http://www.facebook.com/uttafreaks' target='_blank'>Follow ON Facebook</a>
<br />
<a href="http://www.blogger.com/profile/10388964192727032600">Lihat Profil Lengkapku</a></div>

Oke saya akan jelaskan.

Pada tulisan yang berwarna pink 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 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83c_owY4dRBnjoTGuQR_PjOCGZhKDC5m8pDlDPq8-YhESzdbpU_Y3GOxAM4IhEPMJTavKtGgcaOnDOqOIuVud-JTbcYtNcBZufmzZImI9xPr161o2kNFJe7Ij6gg9z3oC8xlmLyP3psY/s220/aboutme.jpg ,itu adalah url foto saya anda harus menggantinya dengan url foto anda.

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


Untuk kalimat yang bewarna orange Utta Bassits<br /> itu adalah nama saya anda bisa menggantinya dengan nama anda


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

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

<a href="http://www.blogger.com/profile/10388964192727032600">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 ungu 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.




darkSectOr.Net
Utta Bassits
Gue aja binggung..!! hehee,..
tp sebenarnya gue itu tipe orgnya pemalu, apalangi ma perempuan.. tp gue baik koQ,. ngga prcy??? buktiin dech..!
Follow ON Facebook



Lihat Profil Lengkapku

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.
 

0 Komentar:

Posting Komentar

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.