Ada Salah satu kawan bertanya,gi manasich cara bikin headlines tab.
Sebenarnya saya bukan master atu bukan jago dalam menata css,tp saya ingat
mengaji di waktu kecil,ustadz itu bilang "Bila mana km punya ilmu walau 1 alif
sampaikanlah" Walaupun saya py ilmu setengah alif akan saya sampaikan.
jujur saya tidak paham tentang ilmu sorof bloger.

Temanku yang terhormat begini caranya:
@ Lihat contoh Tab no 1 DEMO

Untuk membuat Headlines Tab Widget Model 1 Caranya seperti ini:

1.Login ke blogger dashboar
2.Klik layout(Tata Letak)
3.Add A Gadget pilih HTML/Javascrift
4.Kopy paste kode dibawah


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:235px;
}
#spylist ul{
width:270px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:220px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 100;

cellspacing = 4;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 50;

thumbheight = 50;

fntsize = 10;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://lilyku44.blogspot.com/";

limitspy=4
intervalspy=4000

</script>
<div id="spylist">
<script src="http://popular-post-blogger.googlecode.com/files/recentpostthumbspy-min.js" type="text/javascript"></script>


6. http://lilyku44.blogspot.com ( Ganti dgn Url anda)

7. Save.


Semoga Berhasil

    Photobucket ARTICEL LAIN Photobucket

    3 komentar:

    1. Maksudnya headlines tab gimaana ya mas?
      Gak ngerti saya :D

      BalasHapus
    2. @ zippy.:Lihat klik demo aja mas Zippy.kalau saya bilang itu Marquee Posting/RESND Post.

      BalasHapus
    3. ooo Cara mengambil Anda Kerat posting yg anda tuju,tersus tekan ctrl + c.lalu taro..jadi deeh

      BalasHapus