Rotating Gadget Recent Post Dengan Kutipan Untuk Blogger

Ini adalah kode JavaScript menampilkan pesan-pesan terbaru pakan apapun dengan perbedaan memiliki dua bagian yang dapat digunakan secara individu atau gabungan. 

Di bagian atas kita akan melihat posting tunggal dengan judul (link), penulis, tanggal dan ringkasan singkat tentang isinya. Selain itu, posting ini akan berputar secara otomatis dalam daftar yang sejumlah elemen akan ditentukan oleh kami. 

Di bagian bawah akan ditampilkan daftar lengkap dengan posting yang dipilih dan ketika kita mouse di atas salah satu dari mereka, pos akan berada di atas, memutus siklus otomatis. 


Tapi sebelum menginstal apapun mari kita lihat dalam tindakan untuk memutuskan apakah itu tidak apa yang kita inginkan. 

Latest Posts

Turn off the lights with jQuery

by Admin

-

Oct 27, 2013

For those who enjoy watching videos on the net, this is a very useful script made by Janko with jQuery.So what this script ...

How to Add a Tiny jQuery Circleslider to Blogger

Turn off the lights with jQuery

Before/After Photo Effect with jQuery

Spacegallery: image gallery/slideshow made with jQuery

Top three qualities of a successful blogger

Add Keyboard Keys Effect To Your Text in Blogger with CSS

How to do natural SEO on Blogger

How to Add a Recent Forum Topics Widget to Blogger

Add a forum on your Blogger blog with Nabble

Top Commentators Widget with Avatars for Blogger

BAGAIMANA TAMBAHKAN TERBARU ROTATING POSTS WIDGET UNTUK BLOGGER

Langkah 1. Pergi ke Layout> klik Tambah Gadget link. 

Langkah 2. Dari jendela pop-up, pilih gadget HTML / Javascript 

Langkah 3. Paste kode ini di dalam kotak kosong: 

 <style>
. Gfg-root {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
margin: 0 auto;
text-align: center;
font-size: 12px;
border: 2px solid # CAD4E7;
}
. Gfg-title {
font-size: 16px;
font-weight: bold;
color: # 3D5A99;
background-color: # ECEEF5;
line-height: 1.4em;
overflow: hidden;
white-space: nowrap;
}
. Gfg-entry {
background-color: white;
width: 100%;
height: 9.2em;
position: relative;
overflow: hidden;
text-align: left;
margin-top: 3px;
}
. Gf-judul {
font-weight: bold;
color: # 3F86C6;
}
. Gfg-subtitle {
display: none;
}
. Gfg-list {
position: relative;
overflow: hidden;
text-align: left;
}
. Gfg-listentry {
line-height: 1.5em;
overflow: hidden;
white-space: nowrap;
text-overflow: elipsis;
padding-left: 15px;
padding-right: 5px;
}
. Gfg-listentry-aneh {
background-color: # eeeeee;
}
. Gfg-listentry-bahkan {
background-color: # fefefe;
}
. Gfg-listentry-highlight {
background: # 748BB7;
}
. Gfg-listentry-highlight: sebelum {
position: absolute;
kiri: 0;
isi: '\ 25BA';
font-size: 14px;
color: # eee;
}
. Gfg-listentry-menyoroti {
color: # eee;
}
. Gfg-root. Gfg-entry. Gf-hasil {
position: relative;
background-color: white;
width: auto;
height: 100%;
padding-left: 20px;
padding-right: 5px;
}
. Gfg-root. Gfg-entry. Gf-hasil. Gf-title {
font-size: 14px;
line-height: 1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: elipsis;
margin-bottom: 2px;
}
. Gfg-root. Gfg-entry. Gf-hasil. Gf-potongan {
height: 3.8em;
color: # 000000;
margin-top: 3px;
}
. ClearFloat {
clear: both;
}
</ Style>
<script src="http://www.google.com/jsapi" type="text/javascript"> </ script> <skrip src = "http://www.google.com/uds/solutions/dynamicfeed/ gfdynamicfeedcontrol.js "type =" text / javascript "> </ script>
<script type="text/javascript">
fungsi showGadget () {var feed =
GFdynamicFeedControl baru (feed, 'feedGadget', {title: 'Latest Posts', numResults: 10, displayTime: 5000, hoverTime: 500});} google.load ("feed", "1");
google.setOnLoadCallback (showGadget);
</ Script>
<div id="feedGadget"> Loading ... </ div>

Kustomisasi:

Pertama adalah alamat feed untuk menampilkan. Url http://helplogger.blogspot.com jelas, harus diganti dengan Anda. 

Berikutnya adalah start-index = 5. Jumlah ini menunjukkan dari mana posting kami ingin mulai menunjukkan. 

max-results = 10 menunjukkan jumlah maksimum posting yang kita akan membaca dari pakan, yang ditunjukkan dalam start-index = 5. Jumlah ini selalu harus sama atau lebih besar yang harus kita lihat nanti dan berfungsi untuk mengatur jumlah posting yang akan ditampilkan di gadget. Hal mudah akan menempatkan 500 agar tidak gagal, tetapi lebih tinggi jumlahnya, semakin lama gadget akan mengambil untuk memuat, jadi lebih baik untuk menyesuaikan diri dengan apa yang kita butuhkan untuk menunjukkan. 

Akhirnya ada beberapa parameter dari script: 

title: 'Latest Posts', adalah judul yang berjalan di atas. 
numResults: 10, jumlah posting yang akan benar-benar dalam daftar 
displayTime: 5000, waktu tunda antara posting di rotator (dalam milidetik) 
hoverTime: 500, waktu minimum untuk item dalam daftar yang akan ditampilkan di bagian atas. 

Jika kita ingin menyembunyikan daftar dan hanya menampilkan tulisan, kemudian mengubah bagian ini: 

 . Gfg-list {
position: relative;
overflow: hidden;
text-align: left;
}

to: 

 . Gfg-list {
display: none;
}

dan jika kita ingin menampilkan hanya daftar, kemudian mengubah bagian ini: 

 . Gfg-entry {
background-color: white;
width: 100%;
height: 9.2em;
position: relative;
overflow: hidden;
text-align: left;
margin-top: 3px;
}

to: 

 . Gfg-entry {
display: none;}

Langkah 4. Simpan gadget dan kita sudah selesai. Nikmati!