How to Make Recent Post widget / Latest Posts

As the title this time I will share about How to Make Recent Post widget / Recent Post. Recent Post widget is a widget to display posts "latest.

To make the widget is pretty easy anyway, as it only requires a bit of HTML code only. And the widget is not too hard really.

yes it is just on the steps .... because more lazy strings attached .... hehehehehe
 

1. login blog
2. design >> page elements >> add gadget (HTML / JavaScript)
3. then enter the code below

<script style="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/recentposts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://vikrymadz.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>

NB :

text in blue is the sum of many posts that will appear in the widget
The red text is the address of the blog, so be sure to change the address of your blog.

4. save

 

Read more »

Posted in: Blogger

10 Site Provider Blogger Template

For users of Blogger, templates have a very important role. Because good or not a blog in addition to assessed content also seen from the zoom. If zoom is unique and interesting then the visitor will feel the seriousness of the present owner of the blog content and would love to visit again.

Here I list 10 sources blogger template providers sufficient quality. Hopefully you can find your dream template there.

Please click on each image to visit the website.

1. eBlog Templates



2. B-Template



3. Our Blog Templates



4. Blog Crowds





5. Jisele Jaguenod



6. Final Sense



7. Blogger Styles



8. Zoom Template








9. Blogger Templates




10.BieTemplates

Read more »

Posted in: Blogger

How to Display Form Comments Only in Specific Postings

A few days ago, there was a blogger friend who asked me via email on how to display the comment form only in certain posts. Since the question is quite interesting and it is possible there are other bloggers who do not know how. So on this occasion I will try to explain it here.

So to display the comments form only in a particular post is very easy, because blogger.com has provided an option for it, so we just want to determine which post comments displayed form and which are not.

These options can be found at the bottom of the page post editor. Watch my column below the red line:

By default, the comments will always be "allow", if you do not want readers to comment on your posts, simply select "Do not allow" the commentary form will disappear. Very easy is not it?

Good luck. If there are less obvious please inquire through the comment form.

Read more »

Posted in: Blogger

How to Give Effect Snow in Blog

Want snowing on your blog to make it look more lively and cool? Well, then you need to install a snow effect on your blog.

To install snow effect, it is very easy:

1. Open blogger. Go to the menu Design -> Page Elements
2. Click the Add a Gadgets -> HTML / Javascript
3. Insert the following script into the box

     <script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </ script>

4. Press Save. completed


Good luck ... smile

Read more »

Posted in: Blogger

How to Increase Page Views Blog with New Tab

This time I want to share the tips and tricks blog How To Increase Page View Blog. Finding the visitor is indeed difficult, but it's real fun for bloggers including me to fight in order to get a lot of visitors. Similarly, the page view. A little explanation, Page view is looking blog. Nah blogs to see more of that and it will certainly increase the number of visitors to our daily, better install script below to get increased page views. Works is that every one of our blog clicking it will open a new tab in the browser (mozilla, chrome, etc.).
Okay on with it.

     1. First of course log into blogger first.
     2. Then to Design> edit html
     3. Check first Expand Widget Templete
     4. Find the following code (for faster search press ctrl + f)

             <head>

     5. Place the following code right below the code earlier <head>

            <base target='_blank'/>

     6. Save templete.
     7. Completed.

Okay now your blog will be many more page views for each day.
A few of my blog for tips and tricks on How To Increase Page Views Blog, may be useful.
Greetings success for us all.

Read more »

Posted in: Blogger

Many Automatic Registering your blog to Search Engine Brands

This time I want you tips and tricks to blog about Account Automated Famous Many search engines. Yes it may have been many who know and understand even more about signing up for search engines. However, to apply to many search engines automatically in one click I have a solution.
Since signing up search engines is one of the tips SEO tricks website or blog that quickly indexed by many search engines at once. want to try? please check here.

In this case I only know of 3 sites that search engines can directly apply automatically, probably many, but I only recommend 3 only once and that was enough to search enginenya. Ok here we go.

1.http://www.submitstart.com  : Admission to the 10 well-known search engines, just enter your URL and e-mail you and stay disubmit, then check your e-mail there will be a verification e-mail address and click on the verification. then there will be a report to the 10 Done well known search engines including Goggle, Yahoo, Bing.
2.http://www.submitexpress.com : Admission to the 70s more commonly known search engines, there we stayed submit URL, E-mail, Name, Phone Number, Country, and also enter the code number and check below and sublit now.
3.http://freewebsubmission.com : Admission on 50 well-known search engines, there is included a list to google, bing and others. Enter the URL, name and E-mail and check the yes box and submit your site it.

Here's a little information from me about Up Automatic to many popular search engines. Perhaps there are many other ways but it never hurts to try, please try and good luck.
Greetings success for us all.

Read more »

Posted in: Blogger

How to Make Recent Post Widget Moving up with Pictures

In this post I want to give a trick to make moves Recent Post with pictures. Already know what a recent post widget? I do not know if you know. Recent Post is a list of our latest posts. Uses recent post in addition to boost your SEO blog, the blog also able to memperhias because recent post is going up like animation. For example you can see below:

Okay simply follow the steps below:
1. Login to blogger.com
2. Go to Design.
3. Select add gadget.
4. Choose HTML / Javascript
5. Enter the following code into the html field.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://hugetuget.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js" type="text/javascript">
</script></div>
 
Notes:
numposts code = 10, = which means the number of posts that will appear, you can replace it as you want.

home_page code = "http://hugetuget.blogspot.com/"; = following code please change the address URL with the address of your blog.

6. Save.

To see the results please check your own blog, if you managed to make significant recent post run.

Read more »

Posted in: Blogger

How to Change Mouse Cursor Shape Display Blog

By default it forms cursor display on the blog are arrow-shaped, but for those of you who are bored and want to switch the cursor is or wants to give admiration and interesting for visitors because it looks different from the other blogs. You can replace the icon image, so that when a visitor comes to your blog, the display cursor icon will change according to what you use.

To change the appearance of the cursor to the icon image is very easy. Here are the steps:
1. Log in to Blogger. Go to the menu Design-> Edit HTML
2. Find the code </ head>
3. Put the following css code above

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>

Description:
Text in red is the url address of the cursor. Please change the url address you want to use the cursor.

4. After that, save your template. completed

If you do not have a cursor icon, try visiting http://www.totallyfreecursors.com. The site provides hundreds of thousands of interesting cursor icon that you can choose according to taste.

Congratulations creative blog :)

Read more »

Posted in: Blogger

How To Add Element Widget Layout Multi Column Footer

Maybe you feel the layout feature to add widget in blogger is very less, making it difficult for you if you want to add a widget that much. However, in the following ways, all can be resolved easily. You can add layout to the widget wherever they pleased. Well, here means multi-column layout can be divided into 1 column, 2 column, 3 column or 4 column, 10 columns could even, hahaha ..... All depends on your needs.

Ok, for those of you who wish to reproduce the column space on the layout of the footer template. Immediately wrote us started:


1. Login ke Blogger. Klik Design -> Edit HTML
2. Backup your template by clicking on Download Full Template so that you can restore your template to its original state if the results are not satisfactory.
3.  If so, look for the code ]]></b:skin>
4. Add the following code above the code ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

5. If so, look for the code below.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

6. Add the following code under the code
<b:section class='footer' id='footer' showaddelement='yes'/> or <b:section class='footer' id='footer' />

Note:
If you can not find the code <b:section class='footer' id='footer' showaddelement='yes'/> then just add the following code below <div id='footer'>

 If you want to make 2 columns footer. Use the following code:

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

 If you want to make 3 columns footer. Use the following code:

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

 If you want to make 4 columns footer. Use the following code:

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

7. If so click Save Template. Then click the Page Element. If successful, the result will be like this.

Footer 2 column


Footer 3 column


Footer 4 column


 
* For one you can change the column width to be width: 100% and float: center;
* For 10 you change the column width to be width: 10% and you can adjust the float.

Trying Safe. . . .

Read more »

Posted in: Blogger