Cara Menambahkan Entri Popular Post di Blogger Dengan Mudah Cinta Teknologi

Tutorial Membuat Entri Popular POst Dengan efek Slide Di blogger dengan mudah tanpa edit HTML
Cinta Teknologi - Assalamualaikum .. sahabat sahabat Cinta Teknologi dimanapun sahabat berada selamat siang dan selamat berjumpa kembali dengan saya admin Cinta Teknologi.
Dikesempatan yang berbahagia di pertemuan kali ini saya akan membagikan sebuah tutorial yang insya allah memberikan manfaat kepada sahabat semua, dan Tutorial yang akan saya bagikan kali ini adalah tutorial Bagaimana Caranya memasangkan Entri Popular Post di blogger sahabat agar blogg yang sahabat miliki menjadi lebih indah dan cantik pastinya.

Baca Juga Artikel Lainnya :
Cara Mudah Mengganti Template Blogg.
Cara Memasang Meta Tag Lengkap Di Blogger.

Oke Langsung saja ke tutorialnya.
Langkah awal sudah pasti sahabat musti masuk dulu ke Blogger.com
Setelah itu sahabat masuk ke Tata Letak, lalu Klik Tambah Gadget.

Lalu Pilih Entri Popular.

Tinggal Di setting Nama nya mau apa dan popular post yang akan ditampilkan nya apa yang setiap saat, setiap bulan apa setiap minggu itu terserah sahabat, Lalu disini juga sahabat bisa menyetting tampilannya apa cuman texs apa cuman gambar, dan bisa dua dua nya gambar oke teks oke jika sudah klik Simpan.

Dan hasilnya seperti dibawah :

Dan Jika sahbaat ingin menambahkan efek Slide pada menu Popular post sahabat tinggal tambahkan Skrip di bawah ini dan simpan di Tata Letak, Tambahkan Gadget, Lalu pilih HTML/Java Script,

Pastekan Kode nya dan selesai.

Copy Kode Skrip dibawah dan Pastekan di HTML/JAVA SCRIPT

<style type="text/css" media="screen">

#PopularPosts1 {

overflow:hidden;

margin-top:2px;

padding:0px 0px;

height:400px;

}

#PopularPosts1 ul {

width:280px;

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"></scrip >

Semoga Tutorial Menambahkan Entri Popular Post dengan Efek Slide yang saya bagikan ini memberikan manfaat dan wawasan kepada sahabat blogger semua dan mungkin postingan kali ini saya cukupkan sampai disini semoga apa yang saya bagikan ini bermanfaat. wassalamualaikum Wr.Wb 

Terima kasih telah membaca artikel tentang Cara Menambahkan Entri Popular Post di Blogger Dengan Mudah Cinta Teknologi di blog KomtekNews jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Suka artikel ini? Bagikan :

FacebookGoogle+