Membuat Radom Postingan di Blogger
Ini merupakan cara agar artikel / postingan yang kita buat bisa terbaca, karena radom maka pengunjung blog kita akan tahu ada artikel menarik selain yang mereka cari. Langsung saja kita memulai nya :
1. Login ke blogger anda, dan masuk ke Rancangan / Layout --> Edit HTML.
2. Cari "]]></b:skin>" dan inputkan code dibawah ini diatasnya.
3. Simpan templatenya, kemudaian pilih Elemen laman.
4. Bikin Gadget --> Javascript/HTML, copykan code dibawah ini.
Silahkan lihat hasilnya dengan lihat blog /view blog.
1. Login ke blogger anda, dan masuk ke Rancangan / Layout --> Edit HTML.
2. Cari "]]></b:skin>" dan inputkan code dibawah ini diatasnya.
.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;}
3. Simpan templatenya, kemudaian pilih Elemen laman.
4. Bikin Gadget --> Javascript/HTML, copykan code dibawah ini.
<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://namablog.blogspot.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><img
src="http://img80.imageshack.us/img80/1577/loadingtrans.gif"
/></center></div>
5. Jangan lupa edit http://namablog.blogspot.com
Dengan nama Blog anda.Silahkan lihat hasilnya dengan lihat blog /view blog.
Komentar
Posting Komentar