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&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script></center>
- Kemudian Save
.png)
.png)
