Latest Movie :
Recent Movies

Membuat Page Number Blog Keren

Hai Sobat!

Lagi-lagi saya akan berbagi posting mengenai Page Number Blog. Nah pege number membantu kita terutama pengunjung blog untuk bisa melihat semua hasil posting kita dengan mudah. Langsung Saja begini caranya:
1. Login ke akun Blogger sobat
2. Klik Tata letak >> Tambah Gadget >> HTML / Javascript
3. Masukkan kode dibawah ini:

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>
Hasilnya:
Green
 <style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script> <script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>
Hasilnya:
orange
<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>
Hasilnya:
blue

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

Tulisan Mengelilingi Kursor Blog

Hai Sobat!

Nah kali ini saya akan berbagi mengenai kursor blog lagi. Sebelumnya saya sudah shere dengan judul Membuat Kursor Blog Keren.
Sekerang Saya akan berbagi mengenai Tulisan Mengelilingi Kursor Blog, Langsung saja.

1. Masuk ke dashbor blog.
2. Pilih Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code dibawah ini ke dalam box HTML/Java Script:

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #ff840a;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa yaitu "Pesan disini.." hehehe... (QUOTED STRING)
var msg = "TULIS KATA YANG ANDA INGINKAN";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! berhenti! jangan diteruskan..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Ket: Ganti tulisan yang berwarna MERAH dengan tulisan/teks yang anda inginkan.
4. Simpan dan lihat hasilnya.

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

Shingeki No Kyojin Episode 19 English Online

Hai Sobat.
Nih saya bagi

Shingeki No Kyojin Episode 19 Sub English
Langsung Tonton Online

Membuat Kursor Blog Keren

Hai Sobat!

Kalian pasti sudah tahu dan pernah melihat kursor yang keren di blog yang anda kunjungi, ya memang menarik. Nah pada kesempatan kali ini saya akan Post tentang kursor pada blog.

Langsung saja.
  1. Login Blogger
  2. Design-->> Page Element-->>Add Gadged-->> HTML/Javascript
  3. Lalu Masukkan Kode Skrip Kursornya kemudian Save.

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth521.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-kunai.html" target="_blank" title="Ninja Kunai"><img src="http://cursors-4u.com/support.gif" border="0" alt="Ninja Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1035.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/09/04/sharingan-3-naruto.html" target="_blank" title="Sharingan 3 - Naruto"><img src="http://cursors-4u.com/support.gif" border="0" alt="Sharingan 3 - Naruto" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth617.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/excalibur-11.html" target="_blank" title="Excalibur"><img src="http://cursors-4u.com/support.gif" border="0" alt="Excalibur" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-4/gam376.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/22/world-of-warcraft-wow-short-sword.html" target="_blank" title="World Of Warcraft, WoW Short Sword"><img src="http://cursors-4u.com/support.gif" border="0" alt="World Of Warcraft, WoW Short Sword" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-13/gam1229.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/perfect-world-online-spear-thingy.html" target="_blank" title="Perfect World Online Spear Thingy"><img src="http://cursors-4u.com/support.gif" border="0" alt="Perfect World Online Spear Thingy" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth520.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/shuriken-5.html" target="_blank" title="Shuriken"><img src="http://cursors-4u.com/support.gif" border="0" alt="Shuriken" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_cur1027.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym144.gif"), auto;}
</style> <br>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol512.gif"), auto;}
</style> <br>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth829.gif"), auto;}
</style> <br>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym142.gif"), auto;}
</style> <br>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_nat1000.png"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth561.png"), auto;}
</style> <br>


<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol268.gif"), auto;}
</style> <br>

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_spe114.gif"), auto;}
</style> <br>

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

Membuat Recent Post Dengan 1 Thumbnail

Hai Sobat!

Kembali lagi saya Shere cara membuat Recen Post. Sebelumnya saya sudah posting Membuat Recent Post Bentuk Grid Thumbnail,  Sekarang saya akan post tentang 
Membuat Recent Post Dengan 1 Thumbnail.

Langsung Saja Begini Caranya:
  1. Login Blogger
  2. Design-->> Page Element-->>Add Gadged-->> HTML/Javascript
  • Lalu Masukkan Kode dibawah ini:
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 250px; height: 450px; text-align: left;">

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;

float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>

<script style="" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>

<script style="">

var numposts = 10;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>

<script src="http://rsbku.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
Ganti http://rsbku.blogspot.com Dengan URL blog sobat.
  •  Save
Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

Membuat Recent Post Bentuk Grid Thumbnail

Hai Sobat.

Recen Post sangat menarik bila dipasang di blog sehingga pengunjung blog dapat melihat post terakhir kita, Apa lagi kalu recen post nya berbentuk gambar wah tambah menarik tuh.

Langsung saja tidak usah berlama-lama.
Cara Membuat Recent Post Bentuk Grid Thumbnail
  1. Login ke blogger.com
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode HTML berikut ini:
<div id='bp_recent'></div>
        <script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
        <script style='text/javascript'>
        var numberOfPosts = 10;
        var showPostDate = false;
        var showSummary = false;
        var titleLength = 0;
        var showCommentCount = false;
        var showThumbs = true;
        var showNoImage = true;
        var imgDim = 70;
        var imgFloat = 'left';
        var myMargin = 3;
        var mediaThumbsOnly = true;
        var showReadMore = false;
        </script>
        <script src='http://rsbku.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

5. Ubah http://rsbku.blogspot.com/ dengan URL blogmu sendiri.
  • Angka 10 adalah banyaknya thumbnail post terbaru yang ditampilkan.
  • Sedangkan angka 70 adalah ukuran dari thumbnailnya. Kamu bisa menyesuaikan tampilannnya dengan blogmu sendiri.
6. Simpan jika sudah selesai.

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

Menghilangkan Attribute Blog Powered by Blogger

Hai sobat.

Kalau kita memakai templet bawaan blogger pasti ada widgate atribute terkadang atribut ini sangat mengganggu bukan. Nah sekarang saya akan berbagi cara mengatasinya/ menghilangkannya.

Cara menghilangkan attribute blog powered by blogger:
  1. Masuk dashboard.
  2. Pilih design, lalu edit html.
  3. Cari kode ]]></b:skin>.
  4. Kemudian letakkan kode berikut ini tepat di atas ]]></b:skin>.
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
  • Klik save, dan selesai.

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. RSB-CS
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Nonton Movie - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger