Membuat Widget Recent Post dengan JQuery
Salah satu cara meningkatkan pageview sebuah blog atau website adalah dengan memasang widget recent post atau juga dikenal dengan post terkait. Dengan memasang widget ini, memudahkan pengunjung website anda untuk navigasi posting yang terkait dengan yang sedang dibacanya.
Widget recent post text yang akan saya bagikan ini berbeda dengan widget lainnya, ada tampilan multicolor di widget ini. Sehingga cukup bisa menarik perhatian pengunjung blog Anda.
Berikut ini Panduannya :
1. Langsung menuju ke Dashboard Blogger Anda >> Layout >> Add a gadget >> Add HTML/Javascript Box.
2. Paste kode berikut ini ke dalam kotak HTML/Javascript.
Style 1:-
Style 2:-
Widget recent post text yang akan saya bagikan ini berbeda dengan widget lainnya, ada tampilan multicolor di widget ini. Sehingga cukup bisa menarik perhatian pengunjung blog Anda.
Berikut ini Panduannya :
1. Langsung menuju ke Dashboard Blogger Anda >> Layout >> Add a gadget >> Add HTML/Javascript Box.
2. Paste kode berikut ini ke dalam kotak HTML/Javascript.
Style 1:-

Kodenya :
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://bdlab.blogspot.com/";
numposts = 5;
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>
Style 2:-

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://bdlab.blogspot.com/";
numposts = 5;
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/1wwtykp1mixtr9d/recent-posts-min-2.css" /></div>Style 3:-

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://bdlab.blogspot.com/";
numposts = 5;
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/hhtf0aitdfjw4bs/recent-posts-min-3.css" /></div>
Note :
- ganti http://bdlab.blogspot.com/ dengan URL Blog Anda
- ganti numposts = 5; dengan jumlah post yang ingin ditampilkan.
Semoga Bermanfaat
Source : 24work.blogspot.com/
- ganti http://bdlab.blogspot.com/ dengan URL Blog Anda
- ganti numposts = 5; dengan jumlah post yang ingin ditampilkan.
Semoga Bermanfaat
Source : 24work.blogspot.com/
sepi pengunjung??
BalasHapusingin Mempercepat peningkatan Link Popularity pada Alexa dan PR
pakai software ini untuk Meningkatkan traffic pengunjung secara instant dan cepat
daftar sekarang juga..bisa dapat uang juga loh..GRATIS..TIS ..TIS
http://gerbang-komputer.blogspot.com/p/blog-page_26.html
Komentar ini telah dihapus oleh administrator blog.
BalasHapusOke Thank you mas Bro...bisa di coba nih...
BalasHapus