Tuesday, 10 February 2015

Random Post Horizontal Widget Blogspot

Cara pemasangan :

1. Login ke blogger
2. Ke Tata Letak => add gadget => HTML/javascript
3. Silahkan Copy Paste script dibawah ibi ke kolom yang tersedia

<style>
#my_randpost {
  background:white;
}

#my_randpost table img.image {
  display:block;
  width:75;
  height:75;
  margin:top;
}

#my_randpost table div.rp-title {
  display:block;
  font-size:10px;
  text-decoration:none;
  color:green;
}

#my_randpost table div.rp-snipet {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:black;
  font-style: italic
}
</style>

<h4>Might Be Also :</h4>

<script type="text/javascript">

var rdp_numposts=5;  //berapa post yg akan di tampilkan
var rdp_snippet_length=0; //jumlah cuplikan post yg akan ditampilkan
var rdp_info='yes';  //menampilkan tanggal & jml komentar postingan "yes" / "no"
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];
var rdp_total_posts=0;
var rdp_current=new Array(rdp_numposts);
var rdp_oven='top'; //target open post (top self / blank)
var rdp_url='http://kumpulanwidget-alfanet.blogspot.com/';


function totalposts(json)
{
rdp_total_posts=json.feed.openSearch$totalResults.$t
}

document.write('<script type=\"text/javascript\" src=\"'+rdp_url+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');

function getvalue()
{
for(var i=0;i<rdp_numposts;i++)
{
var found=false;
var rndValue=get_random();
for(var j=0;j<rdp_current.length;j++)
{
if(
rdp_current[j]==rndValue
)
{
found=true;break
}
};
if(found)
{
i--
}else{
rdp_current[i]=rndValue
}
}
};
function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));
return ranNum};
</script>
<script type="text/javascript" src="http://yourjavascript.com/6012511125/alfanet-rand-post-horizontal.js"></script>

4.Keterangan : warna merah silahkan ganti dengan blogspot sobat semua, dan silahkan sobat berkreasi dengan merubah-rubah nilai setiap variabel bila sobat merasa kurang puas dengan setingan di atas.





Random Post Vertikal Widget Blogspot

Cara Pemasangan :

1. Login ke blogger
2. Ke Tata Letak => add gadget => HTML/javascript
3. Silahkan Copy Paste script dibawah ibi ke kolom yang tersedia

<style>
#my_randpost {
  font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
  color:#333;
  margin:0 auto;
  padding:0;
  min-height:100px;
  background:white;
}

#my_randpost table img.image {
  display:block;
  width:75;
  height:75;
}

#my_randpost table div.rp-title {
  display:block;
  font-size:14px;
  text-decoration:none;
  color:red;
  font-style: italic
}

#my_randpost table div.rp-snipet {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:black;
  font-style: italic
}
</style>

<h4>Might Be Also :</h4>

<script type="text/javascript">

var rdp_numposts=15; //berapa post yg akan di tampilkan
var rdp_snippet_length=100; //jumlah cuplikan post yg akan ditampilkan
var rdp_info='yes';  //menampilkan tanggal & jml komentar postingan "yes" / "no"
var rdp_comment='Comment'; 
var rdp_disable='';
var rdp_current=[];
var rdp_total_posts=0; 
var rdp_current=new Array(rdp_numposts);
var rdp_oven='top';  //target open post (top / self / blank)
var rdp_url='http://kumpulanwidget-alfanet.blogspot.com/';


function totalposts(json)
{
rdp_total_posts=json.feed.openSearch$totalResults.$t
}

document.write('<script type=\"text/javascript\" src=\"'+rdp_url+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');

function getvalue()
{
for(var i=0;i<rdp_numposts;i++)
{
var found=false;
var rndValue=get_random();
for(var j=0;j<rdp_current.length;j++)
{
if(
rdp_current[j]==rndValue
)
{
found=true;break
}
};
if(found)
{
i--
}else{
rdp_current[i]=rndValue
}
}
};
function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));
return ranNum};

</script>
<script type="text/javascript" src="http://yourjavascript.com/4152110012/alfanet-rand-post-vertikal.js"></script>

4.Keterangan : warna merah silahkan ganti dengan blogspot sobat semua, dan silahkan sobat berkreasi dengan merubah-rubah nilai setiap variabel bila sobat merasa kurang puas dengan setingan di atas.





Monday, 9 February 2015

Blogspot Recent Post Widget Dengan Preloader

Ikuti caranya berikut ini :
1. Login ke blogger
2. Ke Tata Letak => add gadget => HTML/javascript
3. Silahkan Copy Paste script dibawah ke kolom yang tersedia

 <style scoped="scoped">
#my_recent-post {
  font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
  color:#333;
  margin:0 auto;
  padding:0;
  min-height:100px;
  background:white url('data:image/gif;base64,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') no-repeat 50% 50%;
}

#my_recent-post li {
  list-style:none;
  margin:0;
  padding:7px;
  background-color:white;
  border-bottom:1px solid #ddd;
}

#my_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  border:none;
  background:none;
  outline:none;
}

#my_recent-post li div.title {
  display:block;
  font-size:13px;
  text-decoration:none;
  color:#990000;
  font-weight: bold;
}

#my_recent-post li a.title:hover {
  text-decoration:underline;
}

#my_recent-post li div.content {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:black;
  font-style: italic
}

#my_recent-post li span.foot {
  clear:both;
  display:block;
  color:#ccc;
  margin-top:7px;
  font-size:10px;
}
</style>
<div id="my_recent-post"></div>
<script>
//<![CDATA[
var rp_homePage = "http://kumpulanwidget-alfanet.blogspot.com/", // Your blog homepage
    rp_numPosts = 10, // How many posts?
    rp_thumbWidth = 72, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
    rp_numChars = 100, // Number of posts summary
    rp_sortByLabel = false, // Replace `false` with your specific label name to display posts by specific label
                            // Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
    rp_noImage = "http://bloximages.chicago2.vip.townnews.com/fremonttribune.com/content/tncms/live/components/lee_core_2/resources/images/classifieds-no-photo.gif?_dc=1423214650", // A 'no-image' image
    rp_monthNames = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    rp_newTabLink = false, // If true, then all the widget links will automatically opens in new window/new tab
    rp_loadTimer = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/1111512151/blogspot-recent-post-preloader.js"></script>

4.Keterangan : warna merah silahkan ganti dengan blogspot sobat semua, dan silahkan sobat berkreasi dengan merubah-rubah nilai setiap variabel bila sobat merasa kurang puas dengan setingan di atas.






Recent Comment

Recent Comments Widget

Facebook Fage

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by NewWpThemes | Blogger Theme by Lasantha - Premium Blogger Themes | New Blogger Themes