logo blog
Selamat Datang Di Blog C78
Terima kasih atas kunjungan Anda di blog C78,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Back To Top di Bawah Postingan




Untuk membuat 'Back to Top' di postingan, Anda dapat menyimak langkah-langkahnya di bawah ini.


1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-backup template.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode yang seperti di bawah ini atau kode untuk icon email. Untuk mempercepat pencarian, tekan Ctrl + F, kemudian ketikkan kode yang akan dicari.


<b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>


6. Untuk membuat link Back to Top, silakan tambahkan kode <a href='#'>Back to Top</a> setelah kode sumber gambar icon email sehingga kodenya menjadi seperti di bawah ini :

<b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a><a href='#'>Back to Top</a>
          </span>
        </b:if>

 Tulisan Back to Top dapat Anda ganti sesuai keinginan Anda, misalnya Kembali ke Atas.

7. Jika ingin mengganti tulisan Back to Top dengan gambar, silakan tambahkan kode di atas dengan kode URL gambar Anda.

Contoh :

<b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a><a href='#' title='Kembali ke Atas'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofT5zWDP_TmzLOwSzNFoAMJs-9V9XjNx7lTqnkIQ2kV_yz-4ehvHYJEZp6QyNVXZuvTs3B_Op0Q3NCLhLBve1e7ivBRWZdNIPQPobyrVOLqSp7jekmYrKSdTDE2g93bgJrE-lC2qSfIna/s1600/Up.jpg'/></a>
          </span>
        </b:if>


Anda dapat mengganti judul Kembali ke Atas sesuai keinginan Anda dan ganti URL gambar-nya dengan URL gambar Anda sendiri.
8. Klik tombol simpan template,

sumber maap lupa..




Enter your email address to get update from Kompi Ajaib.
Print PDF
Next
« Prev Post
Previous
Next Post »

Copyright © 2013. C78 Blog sharing - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger