Membuat New Post dengan Featured Slider

Caranya sangat mudah dan simpel sekali ko' jadi sobat bisa langsung praktekan di blog sobat sendiri.
Ok, langsung saja sob kita ke TKP, begini caranya :
  • Log in k account Blogger sobat
  • Setelah berada di dasbor
  • Klik pada Rancangan
  • Lalu Tambah Widget
  • Pilih HTML/Javascript
  • Kemudian copas Code yang ada dibawah ini :
<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:200px;
}
#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:50px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/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:0px;
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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOZbfsGZtN_z8DzsAju8Jwct7zX51IIPZ_skcpqrT_9hdD5GzLCqzYjGILc3O4xTmDrIAKyM3uA0XyRXzmBP-68a-kCO_N40Xq4oa9fSkpFx5h1rOypl7DvrEUYz5ovq3bE3U46fadMDgV/s128/globe%20new.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOZbfsGZtN_z8DzsAju8Jwct7zX51IIPZ_skcpqrT_9hdD5GzLCqzYjGILc3O4xTmDrIAKyM3uA0XyRXzmBP-68a-kCO_N40Xq4oa9fSkpFx5h1rOypl7DvrEUYz5ovq3bE3U46fadMDgV/s128/globe%20new.gif";
imgr[2] = "http://img1.jurko.net/avatar_1672.gif";
imgr[3] = "http://img1.jurko.net/avatar_1672.gif";
imgr[4] = "http://img1.jurko.net/avatar_1672.gif";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 45;
thumbheight = 45;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://raymdm.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div></center>
Setelah proses copas selesai kemudian Sobat ganti tulisan yang berwarna merah dengan nama Blog sobat.
Gampang kan?
Kl gtu langsung praktekan za biar langsung paham & jangan lupa Komentarnya Yaw. wkwkwk...

Sumber : Santri-one

comment 3 komentar:

My name is on May 1, 2011, 2:48:00 AM said...

Test + Cekidot Ach. :x :)

BLOGBEGO on May 1, 2011, 1:16:00 PM said...

trims mas, saran emotionsnya biar enak dilihat tambahkan :
<center><kode emotion :) s/d kode emotion :f >
<p> </p>
<kode emotion :k s/d kode emotion :z ></center>
ini sharring mas bukan menggurui hehehe

Poedjie Donk's on May 7, 2011, 4:45:00 PM said...

makasi sob,, kasih cara buat edit2nya dong,, soalnya tampilannya sederhana banget,,, saya pengen yg kaya di goal.com atau detik.com, jadi slide+thumbnail nya.... thx b4

Post a Comment

Berikut adalah beberapa aturan untuk memberikan komentar di blog ini :

1. Semua komentar kecuali spam dipersilahkan.
2. Anda dipersilahkan jika ingin membuat permintaan dan pertanyaan.
3. Jangan gunakan nama-nama seperti Admin, Penulis, Operator, atau yang lainnya untuk memberikan komentar karena akan membuat orang lain salah paham.
4. Tinggalkan Alamat Email/Url Blog Anda, jika Anda memberi komentar sebagai "Anonymous"

"Terima kasih banyak telah berkomentar"

Delete this element to display blogger navbar

 
© cagappaeh | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger