New Update

Plih Kode Warna

select color   or Klick Here

Berlangganan Artikel

Email :

free counters

Filled Under: , , ,

Membuat Readmore dengan Icon

Share

Yang pertama harus disiapkan tentu adalah sebuah icon image seperti ini:

Kemudian uploadlah image tersebut ke situs tempat penyimpanan image seperti photobucket, atau postingan blog anda. Setelah proses upload selesai, copylah URL image tersebut, seperti contoh dibawah ini :



<img src="http://i685.photobucket.com/albums/bloggertrick/read%20more/readmore.gif"/>



<img src="http://1.bp.blogspot.com/-opabrWbY844/TZ4NQGigKFI/AAAAAAAABwY/vD8ekQpblO0/s400/th_readmore_thumb.jpg"/>


Selanjutnya ikuti tutorial berikut:

* Seperti biasa anda harus dalam keadaan sig ini pada blogger
* Masuk menu Tata Letak/ Layout=>klik Edit HTML=>Centang kotak kecil disamping Expand Template Widget
* Untuk menjaga yang tidak anda inginkan bisa Back up terlebih dahulu template anda!
* Kemudian cari kode seperti ini:



<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read More...</strong></a>
</b:if>



Gantilah kalimat Read More dengan URL image yang telah disiapkan diatas, sehingga menjadi seperti ini :



<p><data:post.body/></p>
<a expr:href='data:post.url'><strong><img src="http://1.bp.blogspot.com/-opabrWbY844/TZ4NQGigKFI/AAAAAAAABwY/vD8ekQpblO0/s400/th_readmore_thumb.jpg"/></strong></a>
</b:if>


* Terakhir, save template anda! Lihat hasilnya!

Semoga bermanfaat!

0 komentar:

Posting Komentar