Senin, 20 Desember 2010

MEMBUAT RECENT SLIDE POST


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 HARI PURWANTO dengan judul blog kamu
Selamat menikmati

Tidak ada komentar:

Posting Komentar