Kadang kita merasa sedih ketika postingan lama kita tidak pernah tersentuh oleh pengunjung lagi. ini disebabkan karena ketidaktahuanpara pengunjung terhadap keberadaan postingan kita tersebut. Nah.. shobat, untuk sedikit mengurangi rasa sedih tersebut ada baiknya shobat membuat recent slide post, sehingga postingan lama kita bisa dibaca kembali oleh para pengunjung, syukur pengunjung mau membuka kembali.
Nah, bila shobat ingin mencobanya, ini sedikit trik dari saya :
Masuk ke bloger kamu
Pilih rancangan
Pilih tambah gadget
Pilih Java Scrypt/HTML
Pastekan kode berikut :
<style type="text/css">
.gfg-root {
width : 90%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 12px;
border: 2px solid #9be106;
}
.gfg-title {
font-size: 14px;
font-weight : bold;
color : #f8c664;
background-color: #245b09;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}
.gfg-title a {
color : #ccc333;
}
.gfg-subtitle {
font-size: 14px;
font-weight : bold;
color : #ccc333;
background-color: #ecdc53;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}
.gfg-subtitle a {
color : #f3eb0e;
display:none !important;
}
.gfg-entry {
background-color : green;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : green;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}
.gfg-listentry-odd {
background-color : #2ca940;
}
.gfg-listentry-even {
}
.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}
/*
* FeedControl customizations.
*/
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #d6fa59;
margin-top : 3px;
}
/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/
.gfg-horizontal-container {
position : relative;
}
.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #f2e2ba;
padding : 5px;
margin-right : 80px;
}
.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #d6fa59;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #f2e2ba;
}
.gfg-horizontal-root .gfg-title a {
color : #bdd20b;
text-decoration : none;
}
.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}
/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
.gfg-horizontal-root .gfg-list {
display : none;
}
/*
* FeedControl customizations.
*/
.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #fff714;
margin-right : 3px;
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #f2e2ba;
}
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
.gfg-collapse-href {
float : left;
}
.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 500px;
font-size: 10px;
color: #f5ab40;
}
</style>
<noscript><a href="http://haripurwantosolobaru.blogspot.com/" target="_blank">HARIPURWANTO</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
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:'title',
url:'http://haripurwantosolobaru.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "ENTRY DISCRIPTION"});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="http://haripurwantosolobaru.blogspot.com/" target="_blank">HARIPURWANTO</a></noscript>
<div id="feedGadget">Masih Proses, Mohon Sabar :D</div>
<div id="feedGadget"><a href="http://haripurwantosolobaru.blogspot.com/" target="_blank"></a>Sponsored By :<a href="http://haripurwantosolobaru.blogspot.com/" target="_blank">HARIPURWANTO</a>.</div>
Simpan
Keterangan :
Ubah warna dan ukuran font sesuai keinginanmu
Ubah http://haripurwantosolobaru.blogspot.com dengan url kamu
Ubah HARI PURWANTO dengan judul blog kamu
Ubah http://haripurwantosolobaru.blogspot.com/feeds/posts/default dengan url atom kamu
Selamat menikmati
Tidak ada komentar:
Posting Komentar