EndangKusman.Com

Blogging, Belajar Nge-Blog & Berbagi Info

Cara Membuat Slide Recent Pos pada Sidebar Blog WordPress

Bagi anda yang belum tahu cara membuat slide recent post yang ditampilkan dalam bentuk teks slide cukup mudah, anda tinggal menaruh script slide pada widgets blog wordpress anda. Maaf untuk domain http://namadomain.wordpress.com tidak bisa.

Ikuti caranya sebagai berikut :

1. Login ke dasbord wp anda
2. Pilih menu Pengaturan > Widgets
3. Drag widgets teks ke sidebar
4. Pindahkan kode di bawah ke MS-office Word anda
5. Ganti teks yang berwarna merah sesuai blog anda
6. Kalau sudah selesai lalu copy paste ke notepad
7. Dari notepad copy paste ke widgets teks.. dan saving

<style>

.gfg-root {

width : 100%;

height : auto;

position : relative;

overflow : hidden;

text-align : left;

font-family: “Verdana”, sans-serif;

font-size: 12px;

border: 1px solid #CCCCCC;

}

.gfg-title {

font-size: 16px;

font-weight : bold;

color : #4273AB;

background-color: #f7f7f7;

line-height : 1.4em;

overflow : hidden;

white-space : nowrap;

}

.gfg-title a {

color : #3366cc;

}

.gfg-subtitle {

font-size: 12px;

font-weight : bold;

color : #3366cc;

background-color: #f7f7f7;

line-height : 1.4em;

overflow : hidden;

white-space : nowrap;

margin-bottom : 0px;

}

.gfg-subtitle a {

color : #3366cc;

display:none !important;

}

.gfg-entry {

background-color : #f7f7f7;

width : 100%;

height : 9.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 : #f7f7f7;

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 : #A6CCF9;

}

.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: 12px;

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: #000000;

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: “Verdana”, sans-serif;

font-size: 12px;

border: 1px solid #AAAAAA;

padding : 5px;

margin-right : 80px;

}

.gfg-horizontal-root .gfg-title {

font-weight : bold;

background-color: #FFFFFF;

line-height : 1.5em;

overflow : hidden;

white-space : nowrap;

float : left;

padding-left : 11px;

padding-right : 11px;

border-right: 1px solid #AAAAAA;

}

.gfg-horizontal-root .gfg-title a {

color : #444444;

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 : 11px;

}

/* 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: #0000cc;

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: #AAAAAA;

}

.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 : 270px;   ————> sesuaikan dengan lebar sidebar blog anda

font-size: 11px;

color: #9CADD0;

}

</style>

<noscript><a href=”http://www.ilktme.com” target=”_blank”>Popular atau Recent</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>

function showGadget() {

var feeds = [

{title:’title’,

url:’ http://www.namadomainanda.com /feed?redirect=false&start-index=1&max-results=999′},

];

new GFdynamicFeedControl(feeds, ‘feedGadget’,

{numResults : 1000, stacked : true,

title: “Popular Post”});

}

google.load(“feeds”, “1”);

google.setOnLoadCallback(showGadget);

</script>

<noscript><a href=”http://www.namadomainanda.com ” target=”_blank”>Popular</a></noscript>

<div>Masih Proses, Mohon Sabar :D</div>

<div><a href=”http://www.namadomainanda.com” target=”_blank”></a>Sponsored By :<a href=” http://www.namadomainanda.com ” target=”_blank”>nama blog anda</a>.</div>

Selamat mencoba.

EndangKusman.Com © 2015 - Contact - Privacy - Disclaimer - Sitemap Frontier Theme