Mengganti Tulisan “read more” Dengan Icon More

Sepertinya kurang begitu menarik kalau membaca judul postingan ini, terlalu panjang kata-katanya atau mungkin bukan itu seharusnya judul yang tapat untuk menandai postingan ini. Tapi semoga saja maksud yang saya tuangkan dalam tulian ini bisa dipahami atau bahkan informasi ini bisa bermanfaat bagi semuanya.

Kalau membaca judul diatas ini ada kaitannya dengan Pemasangan ‘read more’ dalam blogger, tapi maksud saya dalam postingan ini tidak untuk meberikan informasi bagaimana membuat read more di blogger, melainkan kelanjutan dari pemasangan read more. Bagi teman-teman blogger yang belum mengetahui bagaimana cara memasang read more di blogger silahkan klik disini.

Berikutnya bagaimana mengganti tulian read more dengan Icon more diikuti dengan judul postingan, contohnya sperti yang saya terapkan di blog ini. Tertarik untuk mencoba ini? Silahkan teruskan membacanya!

Ada beberapa Icon More yang saya sediakan yang bisa teman-teman gunakan untuk nanti mengganti tulisan read more.


>>Download<<

Atau teman-teman juga bisa langsung copy alamat icon more dibawah ini :

<img src=’http://asnur06.googlepages.com/more_01.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_02.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_03.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_04.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_05.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_06.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_07.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_08.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_09.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_10.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_11.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_21.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_28.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_35.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_26.gif’ align=’absmiddle’/>
<img src=’http://asnur06.googlepages.com/more_27.gif’ align=’absmiddle’/>

Cara menempatkannya :
1. Setelah teman-teman login ke halaman blogger, langsung tuju pada halaman Edit HTML. Jangan lupa untuk memberikan centang pada Expand Template Widget.
2. Berikutnya coba arahkan perhatian teman-teman pada kode seperti dibawah ini pada kode dibawah ini

<span id=’showlink’>
<a expr:href=’data:post.url’>Readmore <data:post.title/></a>

3. Sudah menemukan kode seperti diatas? Silahkan teman-teman ganti tulisan Readmore berwarna biru dengan alamat gambar Icon more diatas tadi.
4. Setelah beres, jangan lupa disimpan template teman-teman.

Semoga bisa diikuti dan Sukses bagi Anda

Sumber icon : http://www.freeiconsweb.com/

Share on facebook
Share on twitter
Share on linkedin

4 Responses

  1. keren nih blognya.. keren juga artikel2nya,,,, saya pasang tuh linknya.. katanya mau tukeran link kan?

Leave a Reply

Your email address will not be published.