Cara Mudah Membuat Widget Artikel Terbaru Sederhana - Widget ini mempunyai manfaat yang cukup besar dalam menurunkan nilai persentase bounce web blog sobat. Selain itu widget artikel terbaru sederhana ini juga bermanfaat untuk meningkatkan jumlah page views web blog sobat. Jika sobat kurang tertarik dengan widget artikel terbaru sederhana ini, anda bisa mencoba widget artikel lainya yang ada di blog ini.
Bagi anda yang tertarik dengan widget artikel terbaru yang sederhana dan minimalis ini anda bisa mencoba mengikuti langkah-langkah sederhana di bawah ini:
Cara # 1
- Masuk ke akun blogspot saudara.
- Pilih menu TATA LETAK
- Lalu klik TAMBAH GADGET dan pilih opsi "HTML JAVASCRIPT".
- Masukan script di bawah ini :
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://kangismail.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>
- Lalu klik simpan dan lihat hasilnya.
Ganti kode berwarna biru dengan alamat url blog saudara. Untuk kode warna hitam yang angka 10 anda bisa mengganti sesuai keinginan anda, kode itu berfungsi jumlah arikel yang akan ditampilkan nantinya. Kode berwarna ungu merupakan kode warna, anda bisa berkreasi dengan mengganti kode warna tersebut .
Cara #2
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.
Keterangan:
NAMABLOG : Ganti dengan URL blog Anda.
NAMALABEL : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.
<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>
Keterangan:
NAMABLOG : Ganti dengan URL blog Anda.
NAMALABEL : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.
Demikianlah artikel "Cara Mudah Membuat Widget Artikel Terbaru Sederhana", semoga tulisan ini bermanfaat untuk sobat semuanya. Salam
0 komentar :
Posting Komentar