09 March 2016

Mengganti tulisan Older Post, Home dan New Post dengan gambar atau ikon

 Ini adalah tutorial untuk mempercantik tampilan Blog Anda, tulisan Older Post, Home dan New Post dapat Anda ganti sesuka hati dengan icon atau gambar pilihan Anda.

Mengganti tulisan Older Post, Home dan New Post dengan gambar atau ikon

Ingin menerapkan tutorial ini di Blog Anda?. Silakan ikuti petunjuk di bawah ini.

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

2). Setelah masuk di Dashbord, pilih Template >> Edit HTML, jangan lupa backup dulu Template Anda.

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 saya tandai dengan warna kuning, yakni : <data:newerPageTitle/> dengan kode di bawah ini :

<img src="http://i1016.photobucket.com/albums/af281/wayanarmana/back-icon.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 saya tandai dengan warna kuning, yakni : <data:olderPageTitle/> dengan kode di bawah ini :

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

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

<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). Ganti tulisan yang saya tandai dengan warna kuning, yakni : <data:homeMsg/> dengan kode di bawah ini :

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

9). Simpan Template Anda. Contoh penerapan-nya bisa dilihat di Blog http://softwarebali.blogspot.co.id/
Thanx, selamat mencoba.
5 Berbagi Tips Blogger: Mengganti tulisan Older Post, Home dan New Post dengan gambar atau ikon  Ini adalah tutorial untuk mempercantik tampilan Blog Anda, tulisan Older Post, Home dan New Post dapat Anda ganti sesuka hati dengan icon a...

No comments:

Post a Comment

< >