Mengganti tulisan beranda,postingan baru & lama dengan gambar

Menganti Tulisan BerandaPostingan Baru dan Postingan Lama dengan gambar. Pasti akan lebih menarik jika anda mengganti tulisan tersebut dengan gambar atau icon seperti contoh yang akan saya bahas dibawah ini. Cara ini mungkin sudah dibilang sangat mudah untuk para blogger yang levelnya sudah tinggi. Tapi untuk para pemula tidak ada salahnya untuk mencoba. Berikut langkah-langkahnya:
-Login blogger
-Masuk rancangan dan menuju edit HTML
-Centang Expand Template Widget
-Cari kode seperti dibawah ini:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

-Penjelasan kode warna merah
<data:newerPageTitle/> : POSTINGAN BARU
<data:olderPageTitle/> : POSTINGAN LAMA
<data:homeMsg/> : BERANDA

-Gantilah kode yang berwarna merah dengan kode gambar yang sudah saya sediakan dibawah ini


Ini kodenya : <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVB4pie7c5V-NJcX1RMIgsPsJKZTKFDH_GqUpzWgR1sVokBDrVNpX59oTP_cbhJMPfOsUakrkjCwYQfhS0dhPCzNExGfOe1qZo-kDwQ663k-yPR3pOs5X29TG6A-yQVdknjawgF0A6BO_/s1600/beranda+2.png'/>


Ini kodenya : <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOMvZVQtNkxA-mriPJYijVHNmgxra05yD2mzqr3nUy8rRNViZwvzPQzSL2WT0jrKWFoqXcE10AZfE0dBt7Phx8EctHUf0R_o-bUBvExZUgQUmicsY2d4UX_5xSknpuGLqAURItmcztzHR/s1600/data+Baru+2.png'/>


Ini kodenya : <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXPYV2xYoEKAbzS4Y_FpXa36MWMYT4jJDrTLvbYzwzCg8fCJuj3uwI2jB6f1Rx1xxpRbi49z4ISOBtSiM2420LCrEz3tZjlv_N-M5dMOZo64ZTU0TqsMc3ljIvWjy3Re8HKbNMUI9Ysrq0/s1600/data+lama+2.png'/>

-Gambar atau icon juga dapat anda buat sendiri
-Jangan disimpan dulu,klik pertinjauan
-Jika berhasil maka simpanlah

Selamat mencoba,semoga bermanfaat :)

Tidak ada komentar:

Posting Komentar