Membuat Headline News Melayang Di Bawah Blog

Cara Membuat Headline News Melayang Di Bawah Blog. Selamat pagi para pembaca setia Blog Mas Yusa ini. Akhirnya setelah lama gak ada ide buat post Tutorial blog Mas yusa punya ide untuk membuat post dengan judul Cara Membuat Headline News Melayang Di Bawah Blog. Sebenarnya bukan Headline News, tapi hanya sebuah Text berjalan yang bisa di jadikan Headline News. Sobat tinggal kasih Link aktif aja. Untuk designya saya sendiri yang design. Background nya bisa di ganti sesuai selera.

Screen Shoot n Demo :

Demo Widget

Berikut caranya :

• Masuk ke  akun Blogger sobat.
• Masuk ke "Template".
• Backup/Cadangkan Template Dulu aja biar aman.
• Lalu Edit Html, Jangan Lupa Expand Template Widget.
• Cari Kode : ]]></b:skin>
• Copy Kode dibawah ini dan taruh diatas kode ]]></b:skin>

/* footer dinamis */
#footer2 {
align: center;
position: fixed;
border-top: 3px solid #ff0000;
-webkit-border-radius: 5px;
background-color: #ac0;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
-webkit-background-size: 13px;
-moz-background-size: 13px;
width: 100%;
height:20px;
text-align: left;
color: black;
font-family: 'Aldrich', sans-serif;
font-weight: bold;
font-size: 15px;
z-index:10000;
bottom:0;
}

• Kemudian Cari lagi kode : </body>
• Copy kode dibawah ini dan taruh diatas kode </body>

<div id='footer2'>
<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>Masukan Pesan anda disini</marquee>
</div>

• Edit text yang berwarna merah dengan tulisan anda. 
• Lalu Simpan Template sobat.

Selesai semoga bermanfaat. Jangan lupa komen komenya.. :D

Tweet

Baca Peraturan Copy Paste !

Anda sedang membaca artikel tentang Membuat Headline News Melayang Di Bawah Blog dan anda bisa menemukan artikel Membuat Headline News Melayang Di Bawah Blog ini dengan url http://masyusa.blogspot.com/2012/09/membuat-headline-news-melayang-di-bawah.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Headline News Melayang Di Bawah Blog ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Membuat Headline News Melayang Di Bawah Blog sebagai sumbernya. Jika tidak saya akan laporkan Google ! Yusa Syihab Akbar

About Me-->