_ap_ufes{"success":true,"siteUrl":"lifeblogid.com","urls":{"Home":"https://lifeblogid.com","Category":"https://lifeblogid.com/category/pengetahuan/agama/","Archive":"https://lifeblogid.com/2016/12/","Post":"https://lifeblogid.com/2016/12/18/proses-tumbuh-kembang-janin-di-rahim-ibu-selama-trimester-pertama/","Page":"https://lifeblogid.com/search/","Attachment":"https://lifeblogid.com/2016/12/18/proses-tumbuh-kembang-janin-di-rahim-ibu-selama-trimester-pertama/perkembangan-janin-di-rahim-ibu/","Nav_menu_item":"https://lifeblogid.com/2016/04/25/199450/","Mts_ad":"https://lifeblogid.com/?mts_ad=199934","Feedback":"https://lifeblogid.com/?post_type=feedback&p=199944"}}_ap_ufee

Cara Membuat Konten Melayang Pada Blog

Membuat konten melayang sering digunakan untuk menempatkan iklan. Atau juga untuk menempatkan share button melayang dimana conten ini akan selalu berada di layar walaupun halaman discroll kebawah. dengan cara ini akan memaksa pengunjung untuk selalu melihat konten tersebut.

cara membuat konten melayang

contoh konten melayang

Cara membuat konten melayang ini sangat sederhana, dimana prinsipnya hanya hanya menambahkan atribut css position:fixed;

Langkah-langkah cara membuat konten melayang

pertama buatlah atau tentukan layer yang akan dibuat melayang, disini akan saya berikan contoh like box facebook melayang.

contoh:


</div>

letakkan kode diatas pada template bisa dimana saja sesuai yang anda inginkan, asalkan diletakkan sesudah <body> dan sebelum </body>

Kemudian atur tampilannya dengan css seperti berikut:

<style>

.likeboxfb {
position:fixed;
left:5px;
top:60px;
}

</style>

yang ditebalkan merupakan jarak dari pinggir layar, atur sesuai keinginan anda.

Silakan anda coba trik membuat konten melayang tersebut, anda bisa menggunakannya untuk iklan atau konten lainnya yang ingin selalu dilihat pengunjung.



Tulis Komentar