Recent Posts

Mengganti Tulisan Older Posts, Newer Posts, Home Dengan Icon Gambar

Unknown | 02:12:00 | 0 komentar



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4oWhyZRRQG-3ofv2nZFUxzFY_dVFEE6imoSKmRaKRJAZ9FMSqRUtasLxaPJu2IiVn-eldCTUhUvHXOmTH2tho9uFYx48CWerYreqDVs1opzJAu_x_TFKo0bFHYJjqOI_NKoe8IQaEz4x/s200/Older+Posts-Newer+Posts-Home+Icon.jpg
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.
caranya:
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 + &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>

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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZc2cwwd6zIZhzgm3hn-a_RuqA548iT394M29yTG4b7lTn6FIPKpTgJ34XnzWppdgWYD3qmFhRjHBU2sO-LSVeIGbAVjJR-PAfqx0p6lFMnxd4w0jrRZ_dBhAaZlxrl_Bd5K_6q4cQpCFi/s1600/Right-icon.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_D5d5TIvnjqMGgYHXEN0pPmvk4bQc5rlbHzvIzmqw_wEwKM1blTwbjbonLN5ckqwsPpn1-NZNltj7zB_A50ih91kfvTqEXyddZ78zVbmGu2KwM8vqyaDGs5cp0P85KVJQyVA7XD7CP1k7/s1600/Left-icon.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj20hjS1N6j0NMxqK8zj1M8zGC6pyR8lAUobNWBZmn5HX1kzJGDsYsQExq27Eh9n7dK7kRtgZEFbiTOxvCk_ZAs7SoygeqG2UO-LbQmJvEBKPq0siEGUOoHpwJkmBOK-PEAKuinBhoPke0C/s1600/Home-icon.png

Atau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvtlFG19aRPhfeMmE38X-_8CsR32dwiTixfrohZR5KAa7jbme4MshAiaGAyNu5OGhSeF6wbivr6f8DMR7P8N-Q4q7h3ZuayNQFAk9wib4eivdQ-dYeUgZvaxpFHqKWF4CN_1YNEYPGmCPz/s1600/right-icon-2.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpoyC7bmfjAFt73PyvJ7gOf7GCRQwQE50S7_12FJMz8veKwdkK4EEyEwf8eUQ_Gk2L-PcRA5cW8nuZ-MDNE27Tfw7YkxJDVVIJ9WXB5h4swVnpn3xlo4angxWwEztEPPyL_h0MKQr88wS/s1600/left-icon-2.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXOD8ay0FI8Gd27ZZdnUlp7iHVJNPpH_cdeIa1eWBDaOGu-rLcn6TzlwGTFlae29SYNRtcRTC9Mt_Dfn3srdy1vL86Y0mvVSXJLDXuQHiAn5zXazznW0NQxvdbwernB_3HBs9LHiV3r0v/s1600/Home-icon-2.png

Atau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6zD2fecoxdtkv1emYbVo7mQKiHicw0rW4hsTMOifFI05fFFC9DvIOmsntT2HFpJyBMSC-8i9h0tMZVWnR91qclO8haeDXlt14Td7CmkH11ID9EWXC3LDrTEaVCCw6Fs4Fkt4q5aCCISR0/s1600/Next-icon-3.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ha8XBX34FZR-vwqThyphenhyphenzGitqV8yJ9wP4vx_kr_-e5E_WSl5DmvxM6xotv0Os9SEEMh3VypSJh9X8nllGcZPm5UKUQy3nvST8_yAaq4LnHTyS1W5YoWm_qrqVFf9ogs7xJRGqX1BJycVbA/s1600/Left-icon-3.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBtGGhAJ5EoKEHpfVNsfXewdmaJkdFrqGy7Zcm9Pmvx2tDePJwnkbIon-ex3dj5viHyRNiZQgejveTQIx72KeK4OLWbak2R4VFORPnJvAR7dmU1Ge6jL6Jpalk3Nfc-bbI2U0HZukQzCE-/s1600/Home-icon-3.png

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

About GalleryBloggerTemplates.com:
GalleryBloggerTemplates.com is Free Blogger Templates Gallery. We provide Blogger templates for free. You can find about tutorials, blogger hacks, SEO optimization, tips and tricks here!

0 komentar

Recent Comments

HAD'S FRIENDS bagi ngilmu lan kaweruh bagi ngilmu lan kaweruh bagi ngilmu lan kaweruh