Random post dengan tampilan Newsticker

Mau menampilkan widget disamping diblog kamu?

Widget ini dipublikasikan oleh http://www.blogdoctor.me
Ini merupakan alternatif untuk menampilkan random post diblog mengingat cara kerjanya dan tampilannya yang simple. Tidak memerlukan tempat yang banyak. Bisa ditempatkan pada sidebar dan tempat lainnya.
Oke langsung saja...

Copas code dibawah ini, lalu edit pake Notepad atau Wordpad :
<br /><style type="text/css"><br /> .gfg-root {<br /> width : 100%;<br /> height : auto;<br /> position : relative;<br /> overflow : hidden;<br /> text-align : left;<br /> font-family: "Arial", sans-serif;<br /> font-size: 11px;<br /> border: 1px solid #BCCDF0;<br />}<br /><br />.gfg-title {<br /> font-size: 15px;<br /> font-weight : bold;<br /> color : #3366cc;<br /> background-color: #E5ECF9;<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br />}<br /><br />.gfg-title a {<br /> color : #3366cc;<br />}<br /><br />.gfg-subtitle {<br /> font-size:8px;<br /> font-weight : bold;<br /> color : #3366cc;<br /> background-color: #E5ECF9;<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br /> margin-bottom : 0px;<br />}<br /><br />.gfg-subtitle a {<br /> color : #3366cc;<br /> display:none !important;<br />}<br /><br />.gfg-entry {<br /> background-color : greend;<br /> width : 100%;<br /> height : 9em;<br /> position : relative;<br /> overflow : hidden;<br /> text-align : left;<br /> margin-top : 3px;<br />}<br /><br />/* To allow correct behavior for overlay */<br />.gfg-root .gfg-entry .gf-result {<br /> position : relative;<br /> background-color : greend;<br /> width : auto;<br /> height : 100%;<br /> padding-left : 5px;<br /> padding-right : 5px;<br />}<br /><br />.gfg-list {<br /> position : relative;<br /> overflow : hidden;<br /> text-align : left;<br /> margin-bottom : 5px;<br /> display:none !important;<br />}<br /><br />.gfg-listentry {<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br /> text-overflow : ellipsis;<br /> -o-text-overflow : ellipsis;<br /> padding-left : 5px;<br /> padding-right : 5px;<br /> margin-left : 5px;<br /> margin-right : 5px;<br />}<br /><br />.gfg-listentry-odd {<br /> background-color : #F6F6F6;<br />}<br /><br />.gfg-listentry-even {<br />}<br /><br />.gfg-listentry-highlight { <br /> background-image : url('garrow.gif');<br /> background-repeat: no-repeat;<br /> background-position : center left;<br />}<br /><br />/*<br /> * FeedControl customizations.<br /> */<br /><br />.gfg-root .gfg-entry .gf-result .gf-title {<br /> font-size: 13px;<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br /> text-overflow : ellipsis;<br /> -o-text-overflow : ellipsis;<br /> margin-bottom : 2px;<br />}<br /><br />.gfg-root .gfg-entry .gf-result .gf-snippet {<br /> height : 3.8em;<br /> color: #000000;<br /> margin-top : 3px;<br />}<br /><br />/*<br /> * Easy way to get horizontal mode, applicable via js options to gadget.<br /> */<br /><br />.gfg-horizontal-container {<br /> position : relative;<br />}<br /><br />.gfg-horizontal-root {<br /> height : 1.5em;<br /> _height : 100%;<br /> position : relative;<br /> white-space : nowrap;<br /> overflow : hidden;<br /> text-align : left;<br /> font-family: "Arial", sans-serif;<br /> font-size: 11px;<br /> border: 1px solid #AAAAAA;<br /> padding : 5px;<br /> margin-right : 80px;<br />}<br /><br />.gfg-horizontal-root .gfg-title {<br /> font-weight : bold;<br /> background-color: #FFFFFF;<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br /> float : left;<br /> padding-left : 5px;<br /> padding-right : 5px;<br /> border-right: 1px solid #AAAAAA;<br />}<br /><br />.gfg-horizontal-root .gfg-title a {<br /> color : #444444;<br /> text-decoration : none;<br />}<br /><br />.gfg-horizontal-root .gfg-entry {<br /> width : auto;<br /> height : 1.5em;<br /> position : relative;<br /> overflow : hidden;<br /> text-align : left;<br /> margin-top : 0px;<br /> margin-left : 0px;<br /> padding-left : 5px;<br />}<br /><br />/* To allow correct behavior for overlay */<br />.gfg-horizontal-root .gfg-entry .gf-result {<br /> position : relative;<br /> background-color : white;<br /> width : 100%;<br /> height : 100%;<br /> line-height : 1.5em;<br /> overflow : hidden;<br /> white-space : nowrap;<br />}<br /><br />.gfg-horizontal-root .gfg-list {<br /> display : none;<br />}<br /><br />/*<br /> * FeedControl customizations.<br /> */<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,<br />.gfg-horizontal-root .gfg-entry .gf-result .gf-author {<br /> display : none;<br />}<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-title {<br /> color: #0000cc;<br /> margin-right : 3px;<br /> float : left;<br />}<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {<br /> float : left;<br />}<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,<br />.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {<br /> display : block;<br /> color: #AAAAAA;<br />}<br /><br />.gfg-branding {<br /> white-space : nowrap;<br /> overflow : hidden;<br /> text-align : left;<br /> position : absolute;<br /> right : 0px;<br /> top : 0px;<br /> width : 80px;<br />}<br /><br />.gfg-collapse-open, .gfg-collapse-closed {<br /> background-repeat : no-repeat;<br /> background-position : center;<br /> cursor : pointer;<br /> float : right;<br /> width : 17px;<br /> height : 20px;<br />}<br /><br />.gfg-collapse-open {<br /> background-image : url('arrow_open.gif');<br />}<br /><br />.gfg-collapse-closed {<br /> background-image : url('arrow_close.gif');<br />}<br /><br />.gfg-collapse-href {<br /> float : left;<br />}<br /><br />.clearFloat {<br /> clear : both;<br />}<br />body {<br /> background-color: white;<br /> color: black;<br /> font-family: Arial;<br /> font-size: small;<br /> margin: 0;<br /> }<br /> #feedGadget { <br /> margin-top : 5px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> width : 215px;<br /> font-size: 10px;<br /> color: #9CADD0;<br /> }<br /></style><br /><script src="http://www.google.com/jsapi/?key= ABQIAAAAhkeHyaMf5i_GZsE7QkmsVhQqlUHxegrSdI-4Pxl_fL0BshbaXhTnFIEAcdQZxGJKSbhze26ApgdGAw" type="text/javascript"></script><br /> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script><br /><br /> <script type="text/javascript"><br /><br /> function showGadget() {<br /> var feeds = [<br /> {title:'title',<br /> url:'http://irur07.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},<br /> <br /> ];<br /><br /> new GFdynamicFeedControl(feeds, 'feedGadget',<br /> {numResults : 1000, stacked : true,<br /> title: "Baca Juga :"});<br /> }<br /> google.load("feeds", "1");<br /> google.setOnLoadCallback(showGadget);<br /> </script><br /><div id="feedGadget">Loading...</div><br /> <div id="feedGadget">Gadget Curtomized by <a href="http://irur07.blogspot.com" target="_blank">ruri</a>.</div><br /><br />

Keterangan :

url:'http://irur07.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'} --> Warna merah ganti dengan nama blog kamu.

<script src="http://www.google.com/jsapi/?key= ABQIAAAAhkeHyaMf5i_GZsE7QkmsVhQqlUHxegrSdI-4Pxl_fL0BshbaXhTnFIEAcdQZxGJKSbhze26ApgdGAw&quot;
type="text/javascript"></script> -->Warna merah ganti dengan Ajax Api Key kamu.

Get your AJAX API key and put it in above code instead of 'PUT_AJAX_KEY_HERE'.

About "Administrator"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, augue quis mattis gravida, est dolor elementum felis, sed vehicula metus quam a mi. Praesent dolor felis, consectetur nec convallis vitae.