Home » » Menyisipkan Gambar Sebelum Judul Posting

Menyisipkan Gambar Sebelum Judul Posting

Anda pernah melihat blog yang pada setiap judul posting diawali / disisipi sebuah gambar? ilustrasinya ....IMAGE....Judul Posting, ini salah satu tips untuk mempercantik tampilan posting artikel blog anda. Untuk menerapkan tips ini mudah sekali caranya sebagai berikut.


#Langkah 1 - Mengupload Gambar

1. Anda harus mengupload dulu gambar yang nanti akan anda sisipkan di Judul Posting / Artikel, biasanya upload dari photobucket atau klo dulu lewat geocities atau anda dapat mencari di google server untuk upload foto/picture. Ambil kode atau URL gambar dan rubah menjadi HTML image source contohnya seperti ini :

<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" />

2. Gambar yang telah anda upload sebelumnya mungkin ukurannya harus disesuaikan dengan proporsi Text Judul Posting. Oleh karena itu, anda dapat memperkecil ukuran gambar dengan menambahkan sedikit kode pada HTML di atas menjadi :

<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" hight="40" border="0" width="40" />



#Langkah 2 - Menambahkan URL Image ke Template Blogspot Anda

1. Log in ke blogger -> Dasboard

2. Klik Layouts -> Edit HTML

3. Centang Expand Widget Template dan Back up template anda untuk menjaga jika terjadi error

4. Cari kode di bawah ini (gunakan CTRL + F)


<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>


6. Letakan URL image di antara <a expr:href='data:post.url'> dan <data:post.title/></a>


Sehingga baris kodenya seperti ini :


<a expr:href='data:post.url'> <img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" width="40" hight="40" border="0"> </img> &nbsp;&nbsp;<data:post.title/></a>
<b:else/>


Penambahan kode &nbsp;&nbsp; untuk memberi jarak antara gambar dan judul postingan.


7. Selesai, klik Save Template

8. Lihat hasilnya.

Anda dapat merubah URL gambar / image di atas sesuai dengan upload gambar yang anda inginkan.





Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


10 komentar:

humor Blog mengatakan...

waahh boleh juga..tak sisipin semua nya wakakkaa

sidiq mengatakan...

bagus..........

sidiq-good-boy.blogspot.com

echa bintang timur mengatakan...

http://echabintangtimur.blogspot.com

Saung Web mengatakan...

Boleh juga tipnya nih sobat.. makasih ya telah berbagi.. cuman nambah berat kali ya..

shanushy0809 mengatakan...

andai mata salah melihat,
telinga salah mendengar,
mulut salah berbicara,
saatnya kulontarkan kata
Minal Aidzin Wal Faidzin
Mohon Maaf Lahir dan Batin

jhonson blog mengatakan...

boleh di coba neh :)

Aku Bisa! mengatakan...

wAH!!!!! bISA DICOBA NIH!!!!!! tAPI BIKIN TAMBAH BERAT!!! y!

Sumpah Pemuda: Momentem "KEBANGKITAN" Pemuda dan Remaja

Walimatus Safar Calon Haji Yang Unik mengatakan...

Boleh juga nih tipnya.. tapi..Kira2 nambah berat gak tuh ke loadingnya ya ???

tetembak mengatakan...

makasih mas tutorialnya....:D

Robby Kurniawan mengatakan...

bagus bgt sbagai contoh ....
I LIKE IT

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan