/Cara Mudah Memasang Breaking News Di Blogger (Terbaru)

Cara Mudah Memasang Breaking News Di Blogger (Terbaru)

Cara Memasang Breaking News Di Blogger,
Banyak yang sudah memposting tips ini. Namun sebagian orang kadang masih bingung dengan cara memasangnya.
Headline Breaking News ini berfungsi sebagai menampilkan satu baris konten sobat secara begantian biasanya yang ditampilkan adalah artikel terbaru diblog tersebut.

Cara Memasang Breaking News Di Blogger

1. Masuk ke Edit HTML di dasboard blog sobat.
2. Setelah itu letakan kode dibawah ini tepat diatas kode ]]></b:skin>.

#headlinenews { position:relative;background:#343434; display: block;border-top:3px solid #FF6600; height: 33px; line-height: 33px; overflow: hidden;margin:0 auto;padding: 0px;width: 100%;}
#news { float: left; margin-left: 120px; }
#news a { background: none !important; color:#fff !important; font: bold 11px/33px Arial; text-decoration: none; }
.titlenews { background:#FF6600; color: #fff; display: block; float: left; font: bold 12px/33px Arial; padding: 9px; margin-top: -10px; position: absolute; }
#socialicon { float:right; width:230px; padding:5px 0; }
#socialicon ul,#socialicon li { padding:0; margin:0; list-style:none; }
#socialicon li { float:left; margin:0 2px; }
#socialicon a { display:block; text-indent:-9999px; width:24px; height:24px; background-image:url(http://3.bp.blogspot.com/-7N7Yc9pfpq4/UZWTCyT3cLI/AAAAAAAAARk/v8jfsiRfs9c/s1600/soicon.png); background-position:-1px 0; background-repeat:no-repeat; position:relative; }
#socialicon a:active { top:1px; }
#socialicon .fbx { background-position:-1px 0; }
#socialicon .twix { background-position:-27px 0; }
#socialicon .goex { background-position:-53px 0; }
#socialicon .linx { background-position:-131px; }
#socialicon .pinx { background-position:-79px 0; }
#socialicon .drix { background-position:-157px; }
#socialicon .vmex { background-position:-183px 0; }
#socialicon .rssx { background-position:-105px; }

3. Jika sudah sobat lanjut dengan meletakan kode dibawah ini tepat diatas kode </head>.

https://rawgit.com/America515/topseo/master/Topseo.js
https://rawgit.com/America515/topseo/master/Topseo2.js

4. Selanjutnya maka letakan kode dibawah ini tepat diatas kode <div id=’header’> atau <div id=’header-wrapper’> atau <div id=’header-outer’>. (Sesuaikan dengan template Sobat.)

<div id=’headlinenews’>
<span class=’titlenews’>Latest Post</span>
<div id=’news’>
<script type=’text/javascript’>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 5000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Feed Blog&quot;, &quot;http://www.anakkecebong.blogspot.com/feeds/posts/default&quot;)
cssfeed.displayoptions(&quot;date&quot;)
cssfeed.setentrycontainer(&quot;span&quot;)
cssfeed.filterfeed(10, &quot;date&quot;)
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div id=’socialicon’>
<ul>
<li><a class=’fbx’ href=’#‘ title=’Facebook’>facebook</a></li>
<li><a class=’twix’ href=’#‘ title=’Twitter’>twitter</a></li>
<li><a class=’goex’ href=’#‘ title=’Google+’>Google+</a></li>
<li><a class=’linx’ href=’#‘ title=’Linkedin’>Linkedin</a></li>
<li><a class=’pinx’ href=’#‘ title=’Pinterest’>Pinterest</a></li>
<li><a class=’drix’ href=’#‘ title=’Dribble’>Dribble</a></li>
<li><a class=’vmex’ href=’#‘ title=’Vimeo’>Vimeo</a></li>
<li><a class=’rssx’ href=’#‘ title=’RSS’>RSS</a></li>
</ul>
</div>
</div>
<div class=’clear’/>

Note :
Ganti Anakkecebong.blogspot.com dengan link blog sobat.
Jangan lupa juga ganti tanda # dengan link sosial media sobat, Jika tidak ada sobat bisa menghapusnya dari code <li> sampai </i> . Contonya jika sobat tidak mempunyai sosial media Dribble sobat bisa hapus kode <li><a class=’drix’ href=’#’ title=’Dribble’>Dribble</a></li>

Semoga dengan adanya tutorial Cara Memasang Breaking News Di Blogger, Bisa bermanfaat untuk sobat dan sobat sendiri bisa terbantu dengan artikel ini.

The following two tabs change content below.