Cara Mudah Membuat Latest Post

Cara membuat Latest Post atau Cara membuat Breaking News di blog , jika blog anda sudah banyak artikel nya maka tidak ada salah nya membuat lates post atau breaking news , karena dengan membuat latest post maka akan bisa menampilkan cuplikan judul-judul postingan anda , dan tentunya akan membuat pengunjung lebih mudah untuk membuka berita dari situs anda.

Latest post atau breaking news yang kali ini tampilan nya seperti gambar di bawah ini

Cara pembuatan latest post seperti pada gambar di atas caranya sebagai berikut :
1.masuk ke blog anda , lalu ke dashboard blogger
2.pilih template dan klik edit htm
3.lalu kopi kode yang di bawah ini dan pastekan di atas 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxKqBCSqKnDuOj__E4ox3Qe4_yfaIh1fEx91fO-JDYhzaKr1UTspPC_yOnviW9H9CfrcKqr7mPFekxVJneoJSFA9cMtH_zmAB9phZa78C7SdAKsY5aZRvEY-LW0t8ZvHplpjwOM_VIes/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; }


4.Kopi lagi kode yang di bawah ini dan pastekan diatas kode </head>

<script src='https://seocipsheadlinenews1.googlecode.com/svn/seocipsheadline1'/>
<script src='https://seocipsheadlinenews1.googlecode.com/svn/seocipsheadlinenews2'/>

5.kopi lagi kode ketiga di bawah ini dan pastekan di bawah kode
<div id='header'><div id='header-wrapper'><div id='header-outer'>

 <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.jasa-setting.blogspot.com/feeds/posts/default&quot;)
 cssfeed.filterfeed(10, &quot;date&quot;)
 cssfeed.entries_per_page(1)
 cssfeed.init()
 </script>
   </div>
      </div>

6.ganti kode di atas yang berwarna biru dengan alamat blog anda.
7.kemudian simpan template nya
8.selesai.

Demikian Cara membuat latest post atau breaking news di blog dengan mudah.