Cara Membuat Head Line News

Pada Postingan kali ini, saya akan memberitahu para pembaca bagaimana cara membuat Head Line News seperti di bagian bawah Blog ini. dasar-dasarnya tidak jauh berbeda dengan Cara Membuat teks berjalan (Efek Marque) pada postingan saya sebelumnya, hanya perlu ditambahkan beberapa kode.

Oke...langsung saja kita ikuti langkah-langkah pembuatannya berikut ini :
1. login ke akun blogger masing-masing, lalu tata letak - edit HTML ( berlaku untuk model New template )
Kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F pada keyboard anda.
Copy script dibawah ini, lalu paste diatas code ]]></b:skin> yang tadi.

#anima_sudut {

position:fixed;_position:relative;top:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Untuk menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

2. Cari kode </body> kemudian copas kode berikut ini diatas kode tersebut.

<div id="anima_sudut">

&lt;font COLOR="#000000"&gt;

&lt;B&gt;&lt;MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3"&gt;

HEAD LINE NEWS CREATIVE BY ELLA BLOG | SILAHKAN GANTI DENGAN TEXT ANDA

&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;

</div>

3. Kemudian simpan perubahan, dan lihat hasilnya. Untuk keamanan sebelum melakukan editing pada script HTML, copas dulu template anda pada notepad atau download template anda.


Semoga Tip ini bermanfaat, dan ingat give comment dulu ya.... :-)

Artikel Terkait:

Blogging

• Tips Blogging : Cara Membuat Menu Accordian Dengan CSS
• Pentingnya Ping Untuk Blog Anda
• Kelebihan dan Kekurangan Blog Dofollow
• Cara mengetahui Blog Dofollow atau Nofollow
• Cara Mengubah Blog Menjadi Dofollow
• How To Make Random Post (2)
• Mengubah Older Post/Newer Post dengan Navigasi Nomer Halaman
• Membuat Recent Comments Menggunakan Widget Blog
• Recent Post Scrolling
• Membuat Blog anda menjadi versi mobile
• Bermacam Kreasi 'Read More'
• Kumpulan Logo Blog DoFollow
• Cara Mengecek Kecepatan Loading Blog Anda
• Cara membuat "Related Post" dibawah Posting.
• Cara membuat Link terbuka di Tab baru
• Cara Membuat teks berjalan (Efek Marque)
• Cara Mengganti Warna Background Header
• Cara Menulis Kode HTML
• HIDE AND SHOW SHOUTMIX

Computer

• Hard Drive Powerwash FREE.
• Software untuk mengontrol PC dengan Handphone
• Partisi Harddisk Hilang
• Membuat Blog anda menjadi versi mobile
• Download ChildSafe Keylogger Gratis
• REVIEW & FREE DOWNLOAD LINUX SABILY 9.10 (GAZA)
• Tips membersihkan CD-DVD yang tergores
• Data Recovery Wizard Free Edition
• Alternatif membuka Office 2007
• Bermacam Kreasi 'Read More'
• Kumpulan Logo Blog DoFollow
• Cara Mengecek Kecepatan Loading Blog Anda
• Chit Chat For Facebook
• Cara membuat "Related Post" dibawah Posting.
• Mematikan Windows dengan Bom waktu
• Cara Melihat IP Adress orang lain....

Tips and Trik

• Tips Mengoptimalkan Fungsi Kamera di Setiap Smartphone
• Tips Mengatasi Lupa Pasword BIOS
• Cara Mendapatkan Uang dari Adf.ly Dengan Mudah
• Cara Cepat Menaikkan Pagerank dan Backlink Blog Anda
• Tips Mempercepat Sinyal WIFI Pada Windows Seven
• Sharing Printer Pada Jaringan LAN
• Tutorial : Cara Menjalankan Iso File & NRG Dengan Ultra Iso (CD Virtual)
• Cara Cepat mendapatkan Golden Eggs Game Angry Birds
• Tips Blogging : Cara Membuat Menu Accordian Dengan CSS
• Pentingnya Ping Untuk Blog Anda
• Cara mengetahui Blog Dofollow atau Nofollow
• Tips SEO: Cara membuat Breadcrumb Menu Navigation
• Smadav Rev.8.3 Pro + Key
• Instalasi dan Penggunaan Software Pelacak (Prey)
• Membuat Blog anda menjadi versi mobile
• Tips membersihkan CD-DVD yang tergores
• Alternatif membuka Office 2007
• Bermacam Kreasi 'Read More'
• Kumpulan Logo Blog DoFollow
• Cara Mengecek Kecepatan Loading Blog Anda
• Chit Chat For Facebook
• Cara membuat "Related Post" dibawah Posting.
• Cara membuat Link terbuka di Tab baru
• Cara Membuat teks berjalan (Efek Marque)