Menambah Widget Berita Terbaru Otomatis di Blogger

Widget Berita Terbaru Otomatis adalah sebuah widget yang menampilkan berita / postingan terbaru yang ada di blogger milik anda. Cara kerjanya menggunakan RSS dengan design gambar thumbnail yang bisa mempercantik tampilan blogger anda.

Langsung saja kita praktikan Tutorial Menambah Widget Berita Terbaru Otomatis di Blogger

• Pertama - tama login Blogger terlebih dahulu.
• Masuk ke Tata Letak
• Tambahkan Gadget dan memilih HTML/JavaScript

• Masukkan script berikut ini

<center><b>Berita Terbaru Portal Sederhana :</b><br/><br/><style type='text/css'>
    .bp_item_thumb {
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaN-ajlOaBr1oOdWNBXjtFkZeDu5GZkwtuidMcgAl7gvKEDB5QZnORi0ND7j5XtU3e7Me6SKXuuxDCnfWq8CP_3zmWKmivNQXVv1gWe1tHAUUnB-TGuib6XAtjHK6rbHGbVoDMYphtn2k/s1600/zoom.png) no-repeat center;
    position: center;
    display: block;
    }
    .bp_item_thumb img {
    border: 1px solid #c6c6c6;
    text-decoration: none;
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:3px;
    }
    .bp_item_thumb img:hover{
    opacity: 0.6;
    background-color: rgb(255, 255, 255,);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.6s ease-in-out;
    }
    </style>
    <div id='bp_recent'></div>
    <script style='text/javascript' src='https://lioneldandy.googlecode.com/files/xc-recentpost.js'></script>
    <script style='text/javascript'>
    var numberOfPosts = 6;
    var showPostDate = false;
    var showSummary = false;
    var titleLength = 0;
    var showCommentCount = false;
    var showThumbs = true;
    var showNoImage = true;
    var imgDim = 50;
    var imgFloat = 'left';
    var myMargin = 2;
    var mediaThumbsOnly = false;
    var showReadMore = false;
    </script>
    <script src='/feeds/posts/summary?max-results=16&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script></center>

• Kemudian Save

Share this article with your friends

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Dig
• LinkedIn