Membuat menu slide di blog

halo para pencinta blog, bagai mana kabarmu?
oke mudah-mudahan baik-baik saja, untuk topik pembahasan kita hari ini adalah Membuat slide pada postingan blog, ya sepeti gambar disamping

postingan blog mu akan tampil secara slide dan acak di gadgets blog mu, penasaran ingin tau cara membuatnya..? ayoo langsung ke TKP.



1 . Login ke blog mu..!
2. cari code ]]]> biar cepat tekan CTRL + F
3. masukkan code CSS berikut ini tepat diatas code ]]]>

<br /><br /><br /><br /><br /><br /><br /><br /><br />.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;}<br /><br />.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}<br /><br />.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;}<br /><br />.gfg-subtitle a {color : #a43434;display:none !important;}<br /><br />.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}<br /><br />/* To allow correct behavior for overlay */<br />.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}<br /><br />.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}<br /><br />.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;}<br /><br />.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}<br /><br />.clearFloat {clear : both;}<br /><br />#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}</blockquote><br /><br /><br /><br /><br /><br />Text area By Fajrin

Putra ©2011

langsung disimpan
4. nah kalau sudah cara yang diatas, sekarang saatnya masuk ke elemen halaman.
nah kalau udah masuk sekarang coba Copas code berikut dalam gadgets kamu..! dan letakkan terserah dimana kamu suka

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><blockquote><script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script><br /><br /><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script><br /><br /><script type="text/javascript"><br />function showGadget() {<br />var feeds = [<br />{title:'title',<br />url:'<span style="color: rgb(204, 0, 0);"><span style="color: rgb(255, 0, 0);">http://iseng2010.blogspot.com</span></span>/feeds/posts/default?redirect=false&start-index=1&max-results=999'},<br />];<br />new GFdynamicFeedControl(feeds, 'feedGadget',<br />{numResults : 1000, stacked : true,<br />title: " "});<br />}<br />google.load("feeds", "1");<br />google.setOnLoadCallback(showGadget);<br /></script><br /><br /><div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div><br /></blockquote><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Text area By Fajrin

Putra ©2011

jangan lupa tulisan yang bewarna merah ganti dengan alamat blog mu
Dan selesai coba kamu lihat di blog kamu hasilnya..!
kalau postingan ini bermanfaat kasih bintangnya ya...! :)

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tags: Desain/Design Web Blog