Home disini
widget by sy@ms

Latest Posts

Membuat Recent Post Slide Keren

Nah, kemarin kan ane dah pasang Related Post dengan Thumbnails Sekarang ane mau postingin Recent Post nih. Nah untuk lihat demonya, sobat bisa lihat pada sidebar kanan, atau lihat pada gambar disamping. Ni akan menampilkan semua postingan secara slide satu persatu.
Gimana....








Ni scriptnya :


<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" 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://url-blog-sobat.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 1000, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget"><center>Loading....</div>


Untuk Pemasanganya, Terserah sobat. Mau di pasang pada Add Gadget atau Edit Html.
Ni stepnya untuk Add Gadget :
  1. Login ke akun blog sobat.
  2. Pilih Rancangan, Add Gadget.
  3. Pilih Html/JavaScript.
  4. Copy Pastekan Script diatas kedalam add gadged
  5. Klik simpan dan simpan template.

Untuk stepn pemasangan pada Edit html :
  1. login ke akun blog sobat.
  2. Pilih Rancangan, edit Html.
  3. Copy Pastekan Kedalam Html Sobat, dengan ketentuhan harus di dalam tag <body>.
  4. Simpan template sobat dan lihat blog

Gimana......
Sobat juga bisa mengedit atau mengubah sesuai dengan keinginan sobat. Ok teruslah berkreasi dan tetap bersemangat.

Catatan : Silahkan sobat ganti url feeds-nya pada script tersebut.
http://url-blog-sobat.com/feeds/posts/default

Salam senyum dariku untuk semuanya, tetaplah untuk bersemangat. Jangan lupa Comment atau isi buku tamu ya sob. Sedikit pemberitahuan untuk sobat yang ingin mengambil [Copy-Paste], Owner tidak melarang sobat untuk memperbanyak artikel namun Owner berharap sobat berlaku dengan bijak agar mencantumkan link active maupun yang tidak. Owner berharap partisipasinya ya sob.



2 komentar:

ziraff mengatakan...

agan klo mw naro text dimana gan???

sy@ms mengatakan...

Salam kenal sob......
Maksud sobat untuk menambah text seperti apa....?

Kalau text judul atau pesan-pesan sobat bisa tambahkan tag
<div>

isi text disini

<hr /> untuk garis mendatar

taruh script recent post disini
<div>

ok, sobat semoga membantu..

15 Agustus 2011 22.35

Jam Sekarang
Tanggal
Salam Sapa :
Status Blogging :

*ket. status : Terjadwal : Berarti yang punya blog tidak bisa berinternet [ More... ]





sy@ms
skyNET program


Join the conversation for skyNET program

 
 free web counter Counter Powered by  RedCounter

© 2011 || Copyright by sy@ms || Thanks for skyNET program All Reserved

Technology Blogs TopOfBlogs Top Blogs Internet Internet Blogs Phil Backlink Display Pagerank
Yahoo bot last visit powered by MyPagerank.Net
USA Backlinks Free Backlinks Service at USABacklinks.com! Auto Backlink Gratis Indonesia : Top Link Indo My Ping in TotalPing.com ping fast  my blog, website, or RSS feed for Free