Bagaimana Menambah Widget Recent Posts di Blogger

info-gamepc.blogspot.com - Kode Javascript ini akan menampilkan posting terbaru dari feed Dengan perbedaan memiliki dua bagian, itu dapat digunakan secara individual atau gabungan. Pada Top widget ini akan menampilkan single post Seiring dengan judul (link), penulis, tanggal dan ringkasan singkat tentang isinya. Di samping, posting ini akan berputar secara otomatis siapa Dalam sejumlah elemen daftar akan diputuskan oleh kami. Di bagian bawah, kita akan menemukan daftar lengkap dengan posting Terpilih Itu akan mengubah posting di atas Ketika kita mengarahkan mouse.

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: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.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 : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="
http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://helplogger.blogspot.com/feeds/posts
/default?redirect=false&start-index=1&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000,
hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>

kustomisasi :

The url warna biru adalah alamat feed . Jelas, alamat http://helplogger.blogspot.com Harus Diganti dengan Anda .

Berikutnya adalah start- index = 1 . Jumlah ini Menunjukkan pos mana yang akan Muncul pertama pada daftar . Secara default adalah posting terbaru yang dipublikasikan di blog kita , jadi jika kita ingin mulai menampilkan posting lama , kita perlu mengubah nilai 1 .

max - results = 10 Menunjukkan jumlah maksimum posting Bahwa kita akan membaca dari pakan , mulai dari Satu info Bahwa kita telah set- up sebelum di start- index = 1 . Jumlah ini selalu harus sama atau lebih besar untuk apa yang harus kita lihat nanti dan tujuannya adalah untuk September jumlah posting Itu 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 di sini adalah beberapa parameter lain dari script :

title: ' Latest Posts ' , adalah judul widget Itu Muncul di atas .
numResults : 10 , jumlah posting Itu akan menunjukkan 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 Anda ingin menyembunyikan daftar dan hanya menampilkan tulisan , kemudian mengubah bagian ini :

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

Menjadi:

.gfg-list {
display:none;
}

dan jika Anda ingin menampilkan hanya daftar, Bisa dirubah bagian ini:

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

Menjadi:

.gfg-entry {
display: none; }

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