Cara Membuat Pesan/Pemberitahuan Scroll Out Pada Blog - PTIK-UNM MAKASSAR
Breaking News

Cara Membuat Pesan/Pemberitahuan Scroll Out Pada Blog

Salam sobat blogger, hehe update trus nih kali ini saya akan share nih Tips dan Trik gimana cara membuat pesan/pemberitahuan yang scroll out sendiri jika di dekatkan dengan mouse.

Nah lansung sja yah !!

1. Login ke blog Kamu.
2. Masuk ke settingan Template, Edit HTML
3. Cari tag ]]></b:skin> dan copy script di bawah tepat di atas kode ]]></b:skin>
.message-slide-out-by-ptik-unm {
position:fixed;
z-index:9999;
text-decoration:none !important;
color:white !important;
background-color:rgba(34, 34, 34, 0.64);
padding:10px;
font-family:'verdana';
font-size:13px;
border-radius:0px 5px 5px 0px;
top:10px;
left:-180px;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
font-weight:bold;
padding-left:35px;
}
.message-slide-out-by-ptik-unm:hover {left:0px;}
4. Simpan Template dan Masuk ke Settingan Tata Letak/Layout
5. Klik Tambah Gadget > HTML/JavaScript
6. Copy kode dibawah ke dalam HTML?JavaScript tadi
<a class='message-slide-out-by-ptik-unm' href='http://ptik-unm.net' target='_blank'>PTIK-UNM.NET</a>
7. Ganti kode yang berwarna merah dengan keinginan anda kemudian Simpan

Tidak ada komentar untuk "Cara Membuat Pesan/Pemberitahuan Scroll Out Pada Blog"