Ass...Wr...Wb...Dan salam sejatera buat sobat bllogger dimanapun anda berada, gimana nih kabarnya sobat bogger, semoga sehat sealu tentunya.
Langsung aja yah...
istilah Relate Post, Entri Popuer, New Post, Postingan Terbaru atau istilah apapun yang sobat gunakan, tujuannya tetap sama yaitu memberikan informasi kepada pengunjung blog tentang tulisan terbaru, yang kita tampikan di blog kita. Dan biasanya dalam jumlah yang dibatasi, contoh “5 postingan terbaru atau 3 new relate post”.
istilah Relate Post, Entri Popuer, New Post, Postingan Terbaru atau istilah apapun yang sobat gunakan, tujuannya tetap sama yaitu memberikan informasi kepada pengunjung blog tentang tulisan terbaru, yang kita tampikan di blog kita. Dan biasanya dalam jumlah yang dibatasi, contoh “5 postingan terbaru atau 3 new relate post”.
Jenis widget untuk menampikan
postingan terbaru pun banyak. Ada yang dengan menggunaan Slider biasa ada juga
dengan menggunakan slider corousel dan lainnya.dan cara menampilkannya pun
tergantung dari bawaan template yang sobat gunakan (jika templatenya download),
ada juga dengan cara menambahkan secara otomatis dengan add gadget, atau ada
juga dengan menambahkan gadget dari luar sobat.
"Dan saya gunakan pada blog ini merupakan cara 1 sobat".
"Dan saya gunakan pada blog ini merupakan cara 1 sobat".
Nah sehubungan dengan coretan
diatas kali ini penulis ingin berbagi informasi ringan seputar cara simple
membuat Postingan Terbaru.
Yepsss... tanpa berlama lama kita langsung saja yuk ikuti tutornya:
Cara 1:
- Silahkan login kebog sobat
- Pilih tata letak
- Add gadget
- Cari Entri Populer "seperti gambar dibawah"
Sobat ikutin lingkarannya yah. - Simpan dan silahkan lihat hasilnya
Cara ke 2:
- Silahkan login keblog sobat
- Piih tata letak
- Add gadget
- Cari HTML/JavaScript dan copas kode dibawah
|
<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:2px;
padding:0px 0px;
height:400px; (tinggi kotak entri populer)
}
#PopularPosts1 ul {
width:280px; (lebar kotak entri popuer)
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:280px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:none;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
color:#A5A9AB;
font-size:12px;
margin-bottom:2px;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:12px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}
#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img {
border: 0;
}
</style> <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"
type="text/javascript"></script> <script
type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').simpleSpy();
});
</script> <script
src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js"
type="text/javascript"></script>
|
5. Copas kode diatas dan tempatkan didaam kotak berikut "seperti gambar dibawah".
 |
| Berikut Gambarnya |
"Selamat mencoba dan semoga bermanfaat"
Posting Komentar