Kamis, 10 September 2009

Menyisipkan Gambar Sebelum Judul Posting

Menyisipkan Gambar Sebelum Judul Posting - Hello friend 4 Download Games Dan Software, In the article that you read this time with the title Menyisipkan Gambar Sebelum Judul Posting, we have prepared this article well for you to read and take information in it. hopefully the post content Article Tutorial Blogger, what we write can you understand. alright, happy reading.



Judul : Menyisipkan Gambar Sebelum Judul Posting
link : Menyisipkan Gambar Sebelum Judul Posting

Baca juga


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.




Such article Menyisipkan Gambar Sebelum Judul Posting

So this article Menyisipkan Gambar Sebelum Judul Posting this time, hopefully it can benefit you all. alright, see you in another article post.


You are now reading the article Menyisipkan Gambar Sebelum Judul Posting with the link address https://briyangame.blogspot.com/2009/09/menyisipkan-gambar-sebelum-judul-posting.html

Tidak ada komentar:

Posting Komentar