Cara Membuat Sticky Font Information

Cara Membuat Sticky Font Information

Cara Membuat Sticky Font  Informasion- Sobat tentunya sudah tidak asing lagi dengan Sticky. Sticky Font Informasion adalah tulisan yang mengandung informasi dan tulisan akan tetap diatas walaupun halaman Blog discroll kebawah.


Pembuatannya sangat sederhana hanya mengggunakan CSS tanpa menggunakan Javascript, untuk demonya sobat bisa melihat tulisan melayang terdapat diatas header. Caranya sebagai berikut :

1. Login keakun Blogger
2. Pilih Template >> Klik Edit HTML
3. Untuk memudahkan pencarian gunakan CTRL+F, lalu cari kode ]]></b:skin>
4. Kemudian copy kode dibawah ini, lalu pastekan diatasnya

.sticky {
position: fixed;
top: 80px;
font-size: 15px;
z-index: 100;
border-top: 0;

width: 47%;
}

5. Simpan Template
6. Selanjutnya kita menuju Entri baru, kemudian sobat copy kode dibawah ini dan pastekan di Mode HTML

<div class="sticky">
<b>Bagi sobat Blogger terimakasih sudah berkunjung di Blog sederhana Aak, semoga artikel yang didalamnya bermanfaat untuk sobat Blogger dan banyak orang <b>
<br>Keritik dan Saran</b>
<br>klik <a href="URL Website/Blog sobat" target"_blank"><b>DISINI</b></a>
</div>

7. Publikasikan

Mudah bukan sobat,
Semoga bermanfaat!
Aak banyak mengucapakan terimakasih kepada sobat-sobat Blogger sudah menyempatkan diri berkunjung di Blog sederhana Aak, semoga artikel yang didalamnya bermanfaat untuk sobat dan banyak orang

Keritik dan Saran


klik DISINI

Banyak dibaca:

Loading...
Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

Tidak ada komentar