Friday, July 20, 2012

Cara Memasang Artikel Acak di Sidebar Blog

By Sriudin sahrudin   Posted at  10:32 AM   Tutorial blog No comments

Cara membuat widget artikel acak
Tutorial panduan cara membuat artikel random atau artikel acak di blog untuk ditempatkan dibagian sidebar blog. Sebagian blogger mungkin termasuk anda lebih menyukai artikel acak dipasang tanpa gambar thumbnail. Cara membuat random article tanpa bergambar sebenarnya hampir sama dengan membuat random article yang dilengkapi dengan gambar, hanya terdapat sedikit perbedaan perintah/script pada kode artikel acak tersebut.

Untuk pembuatan recent post yang disertai dengan gambar thumbnail dapat dibaca melalui link berikut “Cara memasang artikel terbaru di blog”. Pembuatan random article relative lebih mudah karena tidak membutuhkan sisipan kode tambahan untuk dimasukkan kedalam template seperti halnya membuat menu horizontal. Cukup copy-paste kode random article yang saya tuliskan dibawah ini ke dalam tab gadget HTML/Javascript.

Berikut kode untuk membuat artikel acak atau random article tanpa gambar

<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 overla80ff00y */ .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:#80ff00;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: #fff;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: #fff;} </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://geosya.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 500, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget">Loading...</div>
Ganti URL blog geosya dengan nama blog anda. Untuk cara pemasangannya tidak perlu dijelaskan, kerena pasti sudah pada tahu semuanya, sama dengan memasang gadget lainnya. 

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.