Loading...

Buat Headline Artikel Terbaru/Breaking News Di Blog

Buat Headline Artikel Terbaru Di Blog - Oke Kali Ini Saya Akan Memberikan Bagaimana Cara Memasang Headline Seperti Yang Saya Pakai Di Blog Ini, Untuk Memasangnya Sangat Gampang, Dan Di Butuhkan Script Khusus Untuk Membuat Headline Ini, Seperti Dia Aku Harus Terpelajar Dan Punya Karir Bagus, Baru #Ehh Malah Nyambung Ke Situ #Sorry Ye Gan!! Oke Balik Lagi Ke Headline
Mau Langsung Tutorial OR Jelasin Dulu ?
Headline Yang Saya Bawa Ini Bisa Di Edit Tanpa Ada Halangan,

Tutorial Memasang Headline

  1. Login Blogger
  2. Pilih Blogger
  3. Tata Letak > Tambahkan Gadget > Html/Java >
  4. Paste Kode Di Bawah Ini Di Widget

<!-- breaking news JinTrik -->
<style scoped='scoped' type='text/css'>
#news { background:#06152C; border-bottom: 4px solid #F00; border-top: 0px solid #333; display: block; float: left; height: 30px; line-height: 25px; overflow: hidden; padding: 8px 0 0 0px; width: 100%; }
.titlenews {color: #fff; display: block; float: left; font: bold 12px/22px Tahoma; padding: 6px 0 0 10px;margin: -7px 0 0 0; position: absolute; }
#ltsposts {float: left;margin: -3px 0px 0px 137px;text-align: left;}
#ltsposts ul,#ltsposts li{list-style:none;margin:0;padding:0;}
#ltsposts li a { background: none !important; color:#fff !important; font: bold 12px/22px Tahoma; text-decoration: none; }
ul.shsocial { background:#333; 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/AVvXsEheBAcc5jM529mWywSgi2LHSMUkqbUIMNFl4K75ZSHhWKudvrseDG0F8yiNKWAv8TnscZRhxT5Ta4Wfv4FLkoxd_iu1Rob6_cvZT-tFqS3TeNejiQUJBlVJmA14VM3xgK_OuXL_2pXezaH6/s1600/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;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>

<div id='news'><span class='titlenews'><i aria-hidden='true' class='fa fa-bookmark'/> Artikel <span style='color:#E6A816;'>Baru</span> :</i></span>
<div id='ltsposts'>Loading...</div>
</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'https://jintrik.blogspot.com/', // Ganti dengan URL blog sobat
numpostx     = 10; // Maximum berita yang akan muncul
$.ajax({
    url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl, posttitle, skeleton = '',
            entry = data.feed.entry;
        if (entry !== undefined) {
            skeleton = "<ul>";
        for (var i = 0; i < entry.length; i++) {
                for (var j=0; j < entry[i].link.length; j++)
                {
                     if (entry[i].link[j].rel == "alternate")
                        {
                            posturl = entry[i].link[j].href;
                            break;
                         }
                }               
            posttitle = entry[i].title.$t;
            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
            skeleton += '</ul>';
            $('#ltsposts').html(skeleton);
            function tick(){
            $('#ltsposts li:first').slideUp( function () { $(this).appendTo($('#ltsposts ul')).slideDown(); });
            }
        setInterval(function(){ tick () }, 3000); // kecepatan yang diinginkan
        } else {
            $('#ltsposts').html('<span>No result!</span>');
        }
    },
    error: function() {
            $('#ltsposts').html('<strong>Error Loading Feed!</strong>');
       }
});
});
//]]>
</script>

Lalu Tinggal Simpan > Done ^_^ #Hihihi
Mohon Maaf Atas Kesalahan Mengetik Tadi Ya!!

Keterangan !!!!
Yang Warna Biru Ntu Ganti Dengan Url Blog Agan !!


EmoticonEmoticon