Headline News KATA SENDIRI

Buat sobat blogger yang suka dengan artikel saya, silahkan anda share di mana saja anda suka (blog, facebook, twitter dll). Namun, bila berkenan mohon cantumkan link sumber dari artikel yang sobat blogger share (copy/paste). Mari bangun Indonesia lebih baik lagi, dengan berbagi informasi yang bermanfaat. Terima kasih,, ------------------------------------------------------------------------------------------------------

 Assalamu Alaikum Wr.Wb. Sahabat bloger senangnya bisa posting lagi dan berjumpa dengan sobat-sobat meskipun itu hanya lewat dunia maya..tapi ngak apa2 sich yang penting bisa happy...sekian lama aku menjelajahi dunia maya untuk mengetahui cara membuat HeadLine Newsdi blog...ada sich referensi saya dapatkan tapi setelah di coba ngak ada perubahan sama sekali.. kata teman saya sich mungkin ada kesalahan pada scripnya... tapi untuk postingan kali ini dijamin dech sudah ngak ada kesalahan pada scripnya soalnya sudah saya coba..dan Alhamdulillah ternyata berhasil....

Dari pada Anda bosan membaca celotehan aku...mendingan langsung aja ke TKP...
  

1. Login ke Akun Blogger sobat.
2. Masuk ke Tata Letak/ Rancangan lalu pilih tab Edit HTML.
3. Klik Download Full Template, untuk mem-backup template sobat, jika terjadi kesalahan.
4. Beri tanda centang pada Expand Template Widget.
5. Copy kode di bawah ini persis di atas kode ]]></b:skin> 

#anima_sudut {<br /> position:fixed;_position:relative;bottom:15px; right:0px;<br /> clip:inherit;<br /> _bottom:expression(document.documentElement.scrollbottom+<br /> document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }<br /> #anima_sudut a:link {<br /> color:#000000;}<br /> #anima_sudut a:visited {<br /> color: #FFFFFF;<br /> text-decoration:none;}<br /> #anima_sudut a:hover {<br /> color: #000000;}

#anima_sudut {

position:fixed;_position:relative;bottom:15px; right:0px;

clip:inherit;

_bottom:expression(document.documentElement.scrollbottom+

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

#anima_sudut a:link {

color:#000000;}

#anima_sudut a:visited {

color: #FFFFFF;

text-decoration:none;}

#anima_sudut a:hover {

color: #000000;}

Catatan : 

• Untuk menentukan posisinya, sobat bisa merubah bottom:15px; right:0px; dengan catatan top = atas, bottom = bawah, right = kanan, dan left = kiri.
• Untuk kode yang berwarna kuning untuk mendeskripsikan Link yang berwarna.
• Untuk kode yang berwarna merah untuk mendeskripsikan warna Link ketika di sorot.

    6. Kemudian Copy Paste kode di bawah ini persis di atas kode </body>




<div id='anima_sudut'><font COLOR="#000000"><br /> <B><MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3"><br /> Tempat Menulis HeadLine News Anda<br /> </MARQUEE></b></font><br /> </div>

<div id='anima_sudut'>
&lt;font COLOR=&quot;#000000&quot;&gt;
&lt;B&gt;&lt;MARQUEE onmouseover=&quot;this.stop()&quot; onmouseout=&quot;this.start()&quot; direction=&quot;left&quot; BGCOLOR=&quot;#80ff00&quot; width= 100%px scrollamount=&quot;3&quot;&gt;
Tempat Menulis HeadLine News Anda
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;
</div>

• Untuk kode yang berwarna kuning, untuk mendeskripsikan warna latar belakang dari Head Line tersebut.
• Ganti tulisan yang berwarna merah sesuai kata-kata headline news anda. 

Artikel Terkait:

Tutorial Blog

• Cara Membuat Link Bergeser
• Cara Membuat Menu Warna Warni
• Cara Memuat Spoiler Untuk Blog
• Cara Memasang Widget Page Rank dengan mudah dan cepat
• Cara Pasang Related Post With thumbnails
• Pasang Navigasi Breadcrumb di Blogger Diatas Posting
• Efek For Blog
• Cara Membuat Backround Pada Judul Postingan
• Cara Membuat Link Beraneka Rgam
• Cara Membuat Kode warna Versi 2
• Cara Pasang Sexy Social Boommark
• Cara Membuat Menu Tab View
• menambahkan effect jquery link nudging pada tabel
• Cara Pasang Top Komentartor
• Tweety Bird Blogger Template
• Related post atau postingan terkait [With Tuhumbanail]
• Cara Mengganti Foto Profil Blog Dengan Animasi
• Cara Membuat Animasi Berjalan Dibawah tengah blog
• Cara Membuat Tag Cloud
• Cara Membuat Gambar ketika mouse diarahkan
• Isengin Pengunjung Yuk!!!
• Cara Membuat Bukutamu tersembunyi Versi TERBARU
• Cara Menampilkan Judulnya Saja Ketika label di klik
• Cara Pasang Slide Post

Posted in: Tutorial Blog