Santri Indigo adalah Komunitas Santri Berbudaya Teknologi yang merupakan kerjasama program CSR PT Telkom Indonesia Tbk dengan HU Republika.
Twitter Facebook Feedburner Google +1 youtube
www.santri-indigo.com
Selamat Datang di Portal Santri Indigo Cilacap
Home » , , , » Menambah Widget Berita Terbaru Otomatis di Blogger

Menambah Widget Berita Terbaru Otomatis di Blogger

Penulis : ZHANtech | Selasa, 27 Januari 2015

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

Posting Komentar

Jangan berkunjung tanpa meninggalkan jejak.
- No Spam - No Phising - No Live Link
Salam Blogger Indonesia, Silakan Tinggalkan Pesan Agan disini... !!!

Tukar Link



Copy Paste - Copyright by SIC
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.santri-indigo.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4X8slxtycBYdn18VtsohXTzJQmwJhkNtRDtbbJv7tnt5dqou5BIn6OIdm1e3Ql3YM9ZSckUHsSXwpPacPxnw067WXUa7S3TWTDVRYOVwdV5Jwi8aLdKMMMZrX3WtykfUBqAwhWBc3DtA/s150/SI.png" /></a></div>

Bagi yang sudah pasang silahkan tinggalkan komentar