How to make your ads run corner below blog

after long time not blogging now I will explain how to walk corner membuatIklan blog, has never lihatkan blogs that use these tricks, interested and want to advertise their blogs run corner as well? how do I create an ad or advertise in order to run corner? aja easy you just look at this article from beginning to end, you certainly will immediately make it,,,
How to make your ads run corner below blog

• Log In blogger
• select design
• Edit HTML [centang kotak expand widget template]
• Search Code ]]></b:skin> [Option to use CTRL + F to facilitate the search code]
• Copy the code below and paste right above code ]]></b:skin>

#iklan{
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

• After the Search Code </body>

• Next Copy the code below and place just above the code </body>

<div id="ads">Ad code here
</div>

•  Remember replace the ad code here with your ad code

• Next Save Template

good luck>>>>>

How to make a scroll on the blog archive

Create a blog archive scroll very save space on your blog,,, therefore it is very important to teman2 bloggers do to save space on your blog,,,

How to create scroll archive blog
1. Log in keblogger
2. Going to the design
3. Edit HTML (check the box to expand the widget templates)
4. Suppose we would give the scroll function on the blog archive, then my friend look for code like this below

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

look for code similar to the above code
5. Having met you plug the code below just above the code ]]></b:skin>

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

5. Save the template and please my friend see the results

Note: height: 200px; is to high, so please fellow bloggers adjust itself in accordance with the requirementsgood luck>>>>

how to install the random post on blogspot

after a few days ago I explained how to create a related article Making Illustrated (Related Posts with thumbnails), now I'll make Rambo post in blogger / blogspot :

     * First Log into your blogger account
     * then go into the design
     * Now go to Edit HTML.
     * Do not forget to backup first yes.
     * Click on Expand Widget Templates.
     * Then place the following code, just above the code ]]></b:skin>

.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;}

• Selanjutnya Masuk ke Layout 
• Page Element 
• Add Gadget- HTML/Javascript dan masukan kode 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://uangdaringeblog/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>

Writing in red is replaced with the name of your blog
Then save and see the results
good luck>>>>>

Creating a Picture related articles (Related Posts with thumbnails)

Related posts are very useful to show for our blog visitors other info related to the information they seek, and certainly to popularize post kita.anda can see, for example in the image below in addition to or view this blog post. .oke just started,,,

    * Log into your blogger account
    * Then go into the design
    * Now go to Edit HTML.
    * Do not forget to backup first yes.
    * Click on Expand Widget Templates.
    * Then place the following code, just above the code </head>

 <!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

5. Then locate the following code:

<div class='post-footer-line post-footer-line-1'>

6. If you've met, then place the following code right after the code above :

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

7. next Save Template.

good luck>>>>>>>>>>>>