Tips Blogger | Mengganti Tulisan Older Post, Home dan New Post di Blogspot

H

allo Sobat Blogger, apa kabar? Ya semoga baik dan sehat selalu! Dalam postingan kali ini saya ingin mensharing sedikit Trik Blogger tentang cara mengganti tulisan Older Post, Home dan New Post dengan gambar atau ikon , dimana tulisan ini biasa kita lihat di bagian bawah halaman Postingan Blog.

Sebenarnya sih Trik ini bukan barang baru lagi, dan terus terang Trik ini juga hasil copotan saya dari Seorang Blogger Malaysia. Ya saya beranikan diri mempostingnya kembali, siapa tahu ada sobat Blogger yang masih membutuhkannya.

Trik ini sebenarnya tidak begitu penting, namun bagi sobat Blogger yang senang merias Blognya, mungkin menjadi hal yang dibutuhkan.

Yo langsung saja kita mulai :

1). Masuk ke Blogspot, tentunya dengan akun yang kamu punya.

2). Setelah masuk di Dashbord, pilih Rancangan ==>> Edit HTML, jangan lupa beri tanda contreng pada kotak Expand Widget Templates

3). Untuk mengganti Tulisan New Post, cari dan temukan kode di bawah 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>

4). Ganti tulisan yang berwarna Biru yakni : <data:newerPageTitle/> dengan kode di bawah ini :

<img src="http://i1016.photobucket.com/albums/af281/wayanarmana/kanan.png"/>

5). Untuk mengganti Tulisan Older Post, cari dan temukan kode di bawah ini :

<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>

6). Ganti tulisan yang berwarna Biru yakni : <data:olderPageTitle/> dengan kode di bawah ini :

<img src="http://i1016.photobucket.com/albums/af281/wayanarmana/back-icon.png"/>

7). Untuk mengganti tulisan Home, cari dan temukan kode :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a>
</ b: if>
</ b: if>

8). Lalu Ganti tulisan yang berwarna Biru yakni : <data:homeMsg/> dengan kode di bawah ini :

<img src="http://i1016.photobucket.com/albums/af281/wayanarmana/home-icon.png"/>

9). Terakhir simpan template Blog kamu dan nikmati hasilnya.

Artikel Terkait:

Languages :