Mengganti Tulisan Older Posts, Newer Posts, Home Dengan Icon Gambar
untuk
mendesain blog yang bagus salah satunya adalah mengganti beberapa bagian yng
kita inginkan agar terlihat menarik,, misalnya,,, Mengganti
Tulisan Older Posts, Newer Posts, Home Dengan Icon Gambar
Secara default template blogspot, objek tersebut ditampilkan dalam wujud teks biasa. Namun kita bisa mudah mengganti ke-tiganya dengan tampilan icon gambar.
Secara default template blogspot, objek tersebut ditampilkan dalam wujud teks biasa. Namun kita bisa mudah mengganti ke-tiganya dengan tampilan icon gambar.
caranya:
1. Login di Blogspot
2. Pada halaman dashbor blog, pilih setelan "Template" lalu pilih "Edit HTML".
3. Temukan kode seperti ini:
1. Login di Blogspot
2. Pada halaman dashbor blog, pilih setelan "Template" lalu pilih "Edit HTML".
3. Temukan kode seperti ini:
<b:if
cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Keterangan:
<data:newerPageTitle/> = menyatakan Newer Posts (Posting lebih baru)
<data:olderPageTitle/> = menyatakan Older Posts (Posting lebih lama)
<data:homeMsg/> = menyatakan Home (Beranda/Halaman depan)
4. Ganti ke-tiga kode tersebut dengan URL gambar yang sudah di upload sebelumnya. Contoh penulisan kode-nya menjadi seperti ini :
<a class=’home-link’
expr:href=’data:blog.homepageUrl’><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj20hjS1N6j0NMxqK8zj1M8zGC6pyR8lAUobNWBZmn5HX1kzJGDsYsQExq27Eh9n7dK7kRtgZEFbiTOxvCk_ZAs7SoygeqG2UO-LbQmJvEBKPq0siEGUOoHpwJkmBOK-PEAKuinBhoPke0C/s1600/Home-icon.png"/></a>
Koinfigurasi:
Warna merah adalah URL dari gambar, silahkan ganti sesuai dengan URL gambar kamu masing-masing.
agar gampang prakteknya, gunakan saja gambar icon dibawah ini dengan cara Klik kanan pada masing-masing gambar lalu pilih "Copy Image Location" untuk menyalin alamat URL-nya.
Atau
Atau
5. Jika sudah langkah terakhir tinggal "Simpan Template"
Selamat mencoba.
inspired by http://www.berwawasan.com/2013/09/mengganti-tulisan-older-posts-newer.html
Category: dunia bloger, umum
![](<a href="http://furniturerumahjati.com/" rel="attachment wp-att-242"><img src="http://furniturerumahjati.com/wp-content/uploads/2016/02/iklanmebel.jpg" alt="iklanmebel" width="200" height="250" class="aligncenter size-full wp-image-242" /></a>){kind=link}
0 komentar