Selamat sore sobat Blogger jasa pembuatan website kali ini akan berbagi tips blogger yaitu Tentang cara membuat Latest Post atau Breaking News pada halaman blogger
Latest Post banyak beragam jenisnya di antaranya Latest post yang berupa info tulisan kita sendiri pada jenis ini lebih jelasnya bisa membaca postingan saya yang kemaren Cara Membuat Breaking News di blogger
dan latest post / tulisan berjalan di atas blog panduan lengkapnya kunjungi Cara membuat Tulisan berjalan di atas blog dan masih ada satu lagi cara membuat latest post dengan berita url dari blog kita untuk melihat panduan selengkapnya bisa di buka Cara Membuat Breaking News
seperti yang sudah saya sampaikan di atas membuat Latest post atau membuat breaking news banyak beragam jenisnya dan pada blog Mahadewa pulsa dan ppob ini saya sudah membuat artikel tentang latest post sebanyak 3 macam jadi untuk melihat selengkapnya bisa mengunjungi panduanya masing-masing yang sudah saya berikan link nya di atas
dan pada postingan ini saya akan memberikan Tutorial Cara Membuat Latest Post dengan gadged
cara ini sangat mudah dan jika sudah tidak menginginkan lagi juga mudah untuk menghapusnya karena hanya dengan gadged, untuk melihat tampilanya silahkan lihat pada gambar di bawah ini
dan cara pembuatanya silahkan ikuti langkah-langkahnya di bawah ini :
1.buka blog anda lalu klik desain
2.pilih tata letak dan klik tambahkan gadged
3.lalu pilih gadged HTML/javascript
4.Copy kodenya di bawah ini dan pastekan dalam gadgd HTML/java script
<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: 800px;}
#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/AVvXsEh0zU0LMo3M3D8FYFdpxeIbsye44xchT2jHFpVpB4KQoycYgpJwjGs_PQd5WiQW9Rxv0rJha6Uf-IDiSsnjF-QPIH1SaUFZXfk6ql4JpI-GYOFcMIBBzF67v2dP8LOX3dRLZ2Wu0i0BuTTb/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>
<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", "https://jasabikin-website.blogspot.com/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/dewa.pulsa' rel='nofollow' target='_blank' title='facebook'>
</a></li>
<li class='gp'>
<a href='https://plus.google.com/u/0/117233240983580618980' rel='nofollow' target='_blank' title='googleplus'>
</a></li>
<li class='tw'>
<a href='http://twitter.com/baladhani_19' rel='nofollow' target='_blank' title='twitter'>
</a></li>
<li class='rs'>
<a href='http://feeds.feedburner.com/mahadewapulsadanppob' rel='nofollow' target='_blank' title='rss'>
</a></li>
</ul>
</div>
keterangan :
kode di atas yang saya beri tanda warna merah silahkan ganti dengan url blog anda
5.selanjutnya simpan gadged nya
6.selesai
sampai disini panduan BloggerTentang Cara Membuat Latest Post jika ada kesulitan silahkan berkomentar saja nanti saya akan pandu sampai berhasil , Terimakasih
Latest Post banyak beragam jenisnya di antaranya Latest post yang berupa info tulisan kita sendiri pada jenis ini lebih jelasnya bisa membaca postingan saya yang kemaren Cara Membuat Breaking News di blogger
dan latest post / tulisan berjalan di atas blog panduan lengkapnya kunjungi Cara membuat Tulisan berjalan di atas blog dan masih ada satu lagi cara membuat latest post dengan berita url dari blog kita untuk melihat panduan selengkapnya bisa di buka Cara Membuat Breaking News
seperti yang sudah saya sampaikan di atas membuat Latest post atau membuat breaking news banyak beragam jenisnya dan pada blog Mahadewa pulsa dan ppob ini saya sudah membuat artikel tentang latest post sebanyak 3 macam jadi untuk melihat selengkapnya bisa mengunjungi panduanya masing-masing yang sudah saya berikan link nya di atas
dan pada postingan ini saya akan memberikan Tutorial Cara Membuat Latest Post dengan gadged
cara ini sangat mudah dan jika sudah tidak menginginkan lagi juga mudah untuk menghapusnya karena hanya dengan gadged, untuk melihat tampilanya silahkan lihat pada gambar di bawah ini
dan cara pembuatanya silahkan ikuti langkah-langkahnya di bawah ini :
1.buka blog anda lalu klik desain
2.pilih tata letak dan klik tambahkan gadged
3.lalu pilih gadged HTML/javascript
4.Copy kodenya di bawah ini dan pastekan dalam gadgd HTML/java script
<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: 800px;}
#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/AVvXsEh0zU0LMo3M3D8FYFdpxeIbsye44xchT2jHFpVpB4KQoycYgpJwjGs_PQd5WiQW9Rxv0rJha6Uf-IDiSsnjF-QPIH1SaUFZXfk6ql4JpI-GYOFcMIBBzF67v2dP8LOX3dRLZ2Wu0i0BuTTb/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>
<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", "https://jasabikin-website.blogspot.com/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/dewa.pulsa' rel='nofollow' target='_blank' title='facebook'>
</a></li>
<li class='gp'>
<a href='https://plus.google.com/u/0/117233240983580618980' rel='nofollow' target='_blank' title='googleplus'>
</a></li>
<li class='tw'>
<a href='http://twitter.com/baladhani_19' rel='nofollow' target='_blank' title='twitter'>
</a></li>
<li class='rs'>
<a href='http://feeds.feedburner.com/mahadewapulsadanppob' rel='nofollow' target='_blank' title='rss'>
</a></li>
</ul>
</div>
keterangan :
kode di atas yang saya beri tanda warna merah silahkan ganti dengan url blog anda
5.selanjutnya simpan gadged nya
6.selesai
sampai disini panduan BloggerTentang Cara Membuat Latest Post jika ada kesulitan silahkan berkomentar saja nanti saya akan pandu sampai berhasil , Terimakasih