Animated Recent Post Bergambar

  Example:

    Animated recent post bergambar ini akan menunjukkan post tebaru dari blog teman, berfungsi sama seperti widget Recent post bergambar. Widget ini akan berulang-ulang memaparkan preview post terbaru teman (beserta gambar post) seperti yang ditunjukkan di atas. tepatnya kaya punya aku coba teman bisa lihat ke bawah. caranya cekidot ikuti tutorial di baway yoo..

Pertama

Login akun blogger teman

Kedua

Dashboard > Add A Gadget > HTML / Javascript 

 

Ketiga

Copy paste kod dibawah ke ruangan HTML  teman tadi

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jombinabeloganimatedrecentpost/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://jombinabelog.blogspot.com/2011/12/blog-post.html" target="_blank">get this widget here</a></small>

Note : 5  -  jumlah post yang ingin dipaparkan dalam widget ini. 

Kelima
Klik save dan teman lihat hasilnya .. syalalalaa
 

Recent Pos Bergambar

  Example:

 
widget recent post bergambar ini untuk memaparkan post terbaru dalam blog teman. Pada setiap post juga ada diletakkan jumlah komen. Cara ingin pasang widget ini,  ikuti tutorial di bawah, cekidot :  

Pertama

Sign in akaun blogger teman

Kedua

Dashboard > Design > Add A Gadget > Html / Javascript

Ketiga

Copy paste kod di bawah pada ruang Html / Javascript yang teman klik tadi

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[1] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[2] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[3] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[4] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://URL TEMAN.blogspot.com/";

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpostthumnail.js" type="text/javascript"></script>

Note : ada beberapa hal yang harus dirubah diatas yaitu tulisan dengan font warna merah

boxwidth - ukuran lebar widget
borderColor - Warna background (silahkan klik warna yang kalian mau disini)
thumbwidth & thumbheight - lebar dan tinggi gambar post / thumbnail
fntsize - Ukuran tajuk
acolor - Warna tajuk (silahkan klik warna yang kalian mau disini)
aBold - font tajuk di'boldkan' atau tidak (true or false)
numposts - Bilangan recent post yang teman mau dipaparkan
home_page : http://URL TEMAN.blogspot.com/ (Gantikal URL TEMAN dengan url blog anda)

Keempat
Selesai, simpan dan teman lihat hasilnya..

Selamat mencoba

 

Alert message pada blog

  Example :

 

Naah Alert message ini akan muncul ketika blog kita di buka, caranya oke oke come on ikuti diah andani tutorial di bawah ini cekidot

Pertama

Sign in akaun blogger akun blogger teman

Kedua

Dashboard > Design > Page Element > Add A Gadget > Html / Javascript

Ketiga
Copy dan paste kod di bawah pada ruang Html / Javascript yang tadi teman klik

<script> function MYALERT() {
alert("KALIMAT YANG TEMAN SUKA DI SINI"); } MYALERT()
</script>

Note: pada tulisan "KALIMAT YANG TEMAN SUKA DI SINI", masukan kalimat yang kalian suka/ganti kalimat biru tersebut dengan kalimat yang kalian suka.

Keempat
Sudaj selesai dan lihat hasilnya, selamat mencoba teman :)