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:

Posted in: Tutorial Blog