Cara Membuat Headline Breaking News di Blog

PERLU DIKETAHUI :

1. Diblog SkyApHiks ini tidak perlu yang namanya Penjelasan.
2. Apa yang kamu ketik digoogle adalah tujuan mu.
3. SkyApHiks tidak menjelaskan isi postingan tetapi memberikan arahan (tutorial).

Inti Dari Postingan Check This !:

Pertama-tama masuk terlebih dahulu ke blogger, lalu pilih blog yang ingin dipasangi "Headline Breaking News" :

1. Template > Edit HTML
2. Copy Script dibawah ini lalu pastekan diatas </head>
   

   <style type='text/css'> #headlinenews { position: relative; background: #f1c40f; border-bottom: 5px solid #34495e; border-top: 5px solid #34495e; display: block; height: 22px; line-height: 22px; overflow: hidden; margin: 0 auto 20px; padding: 5px 30px; width: 980px; } #news { float: left; margin-left: 120px; } #news a { background: none !important; color: #fff !important; font: bold 12px/22px Tahoma; text-decoration: none; } .titlenews { background: #34495e; color: #fff; display: block; float: left; font: bold 12px/22px Tahoma; padding: 9px; margin-top: -10px; position: absolute; } ul.shsocial { background#34495e; float: right; margin: -8px 0; } ul.shsocial li { float: left; list-style: none outside none; border: none; } ul.shsocial li a { background-color: transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid7LGGzV2R51QSizAWTtgQp5bxbU5hqfX-WgEOyFgWlgy20s94gJ6n2snvpNQVXhKZtR-mp03iKIzjPbPRYb48ZKsZ5cAZQjRcwTRy5x-c39praDUAuPcW-J4CkCUio8gHonSm43C4vz45/s1600/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:34px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px} ul.shsocial li.fb a { background-position: 0 0 } ul.shsocial li.gp a { background-position: -96px 0 } ul.shsocial li.rs a { background-position: -192px 0 } ul.shsocial li.tw a { background-position: -256px 0 } ul.shsocial li.fb a:hover { background-position: 0 -32px } ul.shsocial li.gp a:hover { background-position: -96px -32px } ul.shsocial li.rs a:hover { background-position: -192px -32px } ul.shsocial li.tw a:hover { background-position: -256px -32px } </style> <script src='http://google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script> <script src='http://yourjavascript.com/1851142251/headline-news.js' type='text/javascript'></script>Kemudian cari kode <div id='wrapper'> Gunakan CTRL + F

3. Kemudian cari kode <div id='wrapper'> Gunakan CTRL + F (untuk mencari).
4. Copy semua HTML dan JS di bawah ini dan letakan tepat di bawahnya.
   

   <div id='headlinenews'> <span class='titlenews'>Latest Post</span> <div id='news'> <script type='text/javascript'> var cssfeed=new gfeedrssticker("example1", "example1class", 5000, "_new") cssfeed.addFeed("Feed Blog", "<data:blog.homepageurl/>feeds/posts/default") cssfeed.displayoptions("date") cssfeed.setentrycontainer("span") cssfeed.filterfeed(10, "date") cssfeed.entries_per_page(1) cssfeed.init() </script> </div> <ul class='shsocial'> <li class='fb'> <a href='http://www.facebook.com/USERNAME' target='_blank' title='facebook'> </a></li> <li class='gp'> <a href='https://plus.google.com/USERNAME' target='_blank' title='googleplus'> </a></li> <li class='tw'> <a href='http://twitter.com/USERNAME' target='_blank' title='twitter'> </a></li> <li class='rs'> <a href='http://feeds.feedburner.com/USERNAME' target='_blank' title='rss'> </a></li> </ul> </div>

5. SELESAI

Keterangan : Ganti USERNAME dengan username yang kalian miliki.