HOW TO INSTALL AUTO GOOGLEPING WIDGET IN BLOG

Before we get into this subject How to Install Auto GooglePing Widget In Blog, it helps us understand in advance with the intent to ping. What is ping? Ping according to the dictionary can be interpreted as a whistle . In our daily lives we sometimes do such thing whistling, many motipasinya indeed, but one of them we whistle was our cue to call. Then what is meant by GooglePing anyway? The purpose of GooglePing (see also how to make a quick post indexed google search engine) is the Google search engine call for robots to crawl or explore page , article or blog kia overall. In short, GooglePing make our blog quickly indexed by the search engine Google.

 Indeed, if a blog or website we've registered in tool google webmaster tools and create a site map (SiteMap) we no longer have the name ping, because the robot google will index every new page of our blog. Only by using the above have flaws and an unsatisfactory result. We just expect the robot to come alone to index new pages of our blog and we will not know when the deadline is for sure, can be fast or slow. If only the advent of fast indexing by Google, that is what we expect to become better, but if the coming disaster slowly it will be for us. So what are the consequences or the effect for the blog if the old blog indexed pages or search engines (Google search engine), of course, is very harmful for us. What happens is going to quiet the visitor on blogs from blog search engines because we belm indexed or not yet entered into the database google.

So then there needs to be notification to the google robots in terms of the world of blogging called googlebot and by the masters, they call it ping to google to your blog or website can be crawled by google robots (googleboot) and a quick entry in the database google search results.

There are two ways we do ping in googleping:
a. Automatic GooglePing.
b. GooglePing Manual.

Now these are very many websites that provide services or provide facilities to ping google. Among them are, Pingomatic.com and MyPageRank. But in this case the results that will be obtained will not be optimal and unsatisfactory so the master is not much use. Due to the name of a third party (not owned by Google) it will greatly affect the outcome. It could happen then ping services of a third party not functioning properly and not be able to call the google search robots. So it is suggested that we should make a ping from GooglePing which is a service from Google itself and belongs to the google tentnya would prioritize any web ata blog pinging of their facilities from the ping third party.

Well ... To help us to ping GooglePing tools provided by google the name Ping Fast. What is Ping Fast? ... And why we should or might be required to put it on our blog or website. This is because including Auto Ping is provided GooglePing that makes us able to ping from our own blog or website. The trick did next to him was very easy. When you are or have published a new article, then we open the pages of articles published and want to ping, we just click on the widget Ping Fast was then automatically the article you've pinged by GooglePing. What is not good name, once Klick, simple and easy. You are interested and want to install it as well? Please follow way.
1 Log into your blog dassboard
2 Select a layout or layout
3 Klick HTML / Javascript
4 Copy the code below and paste it in the HTML box

· Code for PingFast
<! - Ping by http://www.ping-fast.com/ ->
<a href="http://www.ping-fast.com/ping-my-blog9019" target="_blank"> <img src="http://www.ping-fast.com/iping.php?aut=EC153B028BB768920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" alt = "ping fast my blog, website, or RSS feed for Free" border = "0" / a> <noscript> <a href = "http://www.ping-fast.com/" alt = "ping fast my blog, website, or RSS feed for Free"> ping fast my blog, website, or RSS feed for Free </a> <a href = "http://www.freesearchenginesubmission.info/" alt = " free url submit "> submit url </a> </ noscript>
<! - Ping fast by http://www.ping-fast.com/-->

· Code for Autoping
 <! - Auto ping by http://www.auto-ping.com/ ->
<a href="http://www.auto-ping.com/pinger" target="_blank"> <img src="http://www.auto-ping.com/iping.php?aut=EF14380489BD68920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" alt = "Ping your blog, website, or RSS feed for Free" border = "0" / a>
<! - Auto ping by http://www.auto-ping.com/-->

Read More

TIPS ON HOW MAKE AUTHOR BOX BELOW POSTS

Tips on How to Make Author Box Below Posts. Installing or create an admin box that is placed just below the post according to many experts SEO Blog is one of the tricks or tips to make the site / blog to be more SEO Friendly. One function of this feature is to make visitors Web / blog Blog owners are more familiar with the visit and will also impress the admin if the owner is a professional blog that made him more open to better interact with everyone. For How To Make a Blog Author Postings Below please follow how it works: 

1. Log in to dassboard Blogger. 

2.Then click on "Templates" then click "Edit HTML". To anticipate the occurrence of errors should Template Download first. 

3. Find the code]]> </ b: skin>, use Ctrl + F to facilitate the search. After you find the code]]> </ b: skin>, copy and paste the below koe right on it. 

. Boxes-admin {display: block; width: auto; background: url (http://1h6.ggpht.com/_pt7i0nbIOCY/TKaGCrd1U1I/AAAAAAAAC2w/ WRdSIMpiTiY/bgh3_thumb% 5B1% 5D.jpg); border: 2px solid # fff; box-shadow: 0 1px 3px # 000;-moz-box-shadow: 0 1px 3px 3px # 000;-webkit-box-shadow: 0 1px 3px # 000; padding: 0; margin: 30px 0 10px 0; font: normal 12 px Arial, Sans Serif; color: # 222;} . Box-admin. Container-admin {padding: 5px;} . Boxes-admin h4 {background: url (http://1h6.ggpht.com/_pt7i0nbIOCY/TKaGCrd1U1I/AAAAAAAAC2/ WRdSIMpiTiy/bgh3_thumb% 5B1% 5D, jpg); border: none; border-bottom: 1px solid # 699019; color: # 000; text-transform: normal; text-serif; padding: 5px 10px; margin: 0 0 0 0; display: block;} . Boxes-admin h4 a {color: # 222;} . Box-admin img {width: 70px; margin: 0 10px 0 0; float: left; border: 1px solid # 954B02; padding: 2px; background: # C36702; box-shadow: none;-moz-box-shadow: none-webkit-box-shadow: none;} 

4. Then find the following code: <div class='post-footer'>, if you have found copy and paste the code below just above <div class='post-footer'> 

<! --- Box admin ---> <b:if cond='data:blog.pageType==&quot;item&quot;'> <div class='kotak-admin'> <h4> Author: <a expr;href='data;blog.homepage Url'> <data;post.author/> </ a> ~ Tipsmudah / Blog Tips And Trick SEO / Social Network < / h4> <div class='kontainer-admin'> <Img src = 'http://1.bp.blogsot.com/-r5wNke_ETA/TuBEV_3Zg9I/AAAAAAAAnE/ Nxaph7PMtus/s1600/ivennuary-com.png '/> <a Expr:href='data:post.url'> <data:post.title/> article </ a> is published by <data;post.author/> <data:post.dateheader/> day <br/> Thank you for reading the article about <strong> <u> <data:blog.pagename/> </ u> </ strong>, you may spread political or media or copying and pasting it if the article <data:blog.pageName/> strong </ strong> This is very useful and beneficial for you and your friends, but do not forget to put the link <u> <a expr:href=;data:post,ur'> <data:blog.pageName/> </ a> </ u> as sumbernya.Semoga in this article, and add to our knowledge all. If you like this blog. silahkan.like on facebook and follow us on twitter. Thank you for your visit and your willingness to read and comment on this article. <p> <span style='float:right;font:italic2px Arial, Sans-Serif;'> <a href = 'http://www.seowaps.com' target = '_blank'title =' Get this widget! '> seowaps </ a> </ span> <p> <div style='clear;both;'> </ Div> </ Div> </ b: if> <! --- Box Admin ---> 

5. Replace the words in red with a picture or logo blog link anda.Sekali again you should see the first preview of the template to make installation sedah ​​whether true or not. If successful you save the template directly. Thus Tips How to Make Author Box Below post and hopefully useful.

Read More

HOW TO MAKE RECENT COMMENT WIDGET AVATAR ON THE BLOG

How to Make Recent Comment Widget Avatar On the blog . Installing the recent comment widget will be very useful to manage or monitor the newly incoming comments on a blog , because it will be very long and frustrating if we have to check post one by one just to see if there are comments coming . If the article post number only around under dozens may have not been very troublesome , but if it is above the hundreds would be very time consuming . It could be the new comment notification is directed to enter admin email has been set in the " Comment Notification Email " . Then automatically you can open and read the comments that go with opening the email . This method is also troublesome , because we have to open a new tab to the left to focus on the blog . I therefore inform how How to Make Recent Comment Widget Avatar The Blog . With this widget not only makes it easy for you see comments coming , because as soon as you open your blog will be immediately posted a widget that contains the comments of visitors to your blog in your blog homepage . other than that , this widget will also add to the beautiful look of the blog .

If you are interested to also build your Widgets Recent commet Avatar On the Blog please follow the instructions below :

1 . Log in dassboard blogger .

2 . Select the Layout .

3 . Choose more add gadgets then find > HTML / Javascript .

4 . Copy and paste the code below in the HTML box .

<style type="text/css">
ul.tb_recent_comments { list-style : none ; margin : 0 ; padding : 0 }
. tb_recent_comments li {background : none ! important; margin : 0 0 6px ! important; padding : 0 0
0 6px ! Important; display: block ; clear: both ; overflow: hidden ; list-style : none ; }
. tb_recent_comments li . avatarImage { padding : 3px ; float: left ; margins ; 0 6px 0 0 ;
position: relative ; overflow: hidden ; }
. tb_recent_comments li
img { padding : 0px ; position: relative ; overflow: hidden ; display: block ; }
. tb_recent_comments li span { margin -top : 4px ; color: # 666 ; display: block ; font-size : 12px ;
font - style : italic ; line-height : 1.4 ; }
< / style>
<script type="text/javascript">
/ / < ! { CDATA [
/ / Recent Comments Settings
varnumComments = 5 ,
showavatar = true ,
avatarSize = 50 ,
characters = 60 ,
defaultAvatar = " http://www.gravatar.com/avatar/?d=mm " , hideCredits = true ;
/ / ] ] >
< / script >
< script type = "text / javascript "
src = " http://yourjavascript.com/21127115623/rcentcmmntavr.js " >
< / script >
< script type = "text / javascript " src = " http://tipsmudah-blog.blogspot.com/
feeds / comments / default ?
alt = json & callback = tb_recent_comments & max - results = 5 " > < / script >

        So How to Make Recent Comment Widget Avatar in Blog . It's easy and only takes less than 5 minutes. But there is need to consider before you save the template and the template preview . Consider some of the sentences that are marked with gray Color ( 5 ) : the number of comments that appear .  You can change it needs Color Green (50) : Blue avatar color pixel size (60) : Number of alphabetic characters comment . You can add it. Amber color: Replace the URL of your Blog. Hopefully this article I have presented useful and good luck. 

Read More

HOW TO MAKE A SIMPLE HORIZONTAL MENU HOVERING ABOVE BLOG

When you have created a blog that becomes all banggan , it is absolutely considered how you give comfort to the blog visitors . Because of the attractiveness of a blog not only from the content of the article only, a navigation system that makes it easy for visitors to explore your blog will make them linger in your blog . One of the navigation system on the Blog which will be discussed in this article is How to Make a Simple Horizontal Menu Hovering Above Blog . By adding the javascript code we will create a simple menu that hovers over your Blog. Please follow to make it here. 

          1.Login to your Blogger account , open the template and edit html .

        2. Afterward, you find this code ] ] > < / b : skin> , for easier use Ctrl + F. After the meet you just copy and paste the CSS below just above the code ] ] > < / b : skin> .

# NavbarMenu { background : # 000 ; widht : 400px ; height: 10px ; font - size : 11px ; font -family : Arial , Tahoma , Verdana , Times Roman ; Color : # fff ; Margin : 0px ; padding : 0px ; } # NavbarMenuleft {width : 400px ; float: left ; margin : 0 ; padding : 0 ; } # Nav { margin : 0 ; padding : 0 ; } # Nav ul { float: left ; list-style : none ; margin : 0 ; padding ; 0 ; } # Nav li { list-style : none ; margin : 0 ; padding ; 0 ; } # Nav li a , # nav li a : link , # nav li a : visited {background : # 222222 ; height: 15px ; color: # fff ; display: block ; font-size ; 11px ; font-family : Arial , verdana , Tahoma , Times Romantext -transform ; none ; text-decoration ; none ; margin : 0 ; padding -top : 6px ; padding - bottom : 5px ; padding-left : 13px ; padding-right : 13px ; border- right : 1px solid # 000 ; } # Nav li a : hover , # Nav li a: active {background : # 7f7f7f ; color: # 222222 ; margin : 0 ; padding -top : 6px ; padding -bottom : 5px ; padding-left : 13px ; padding-right : 13px ; text-decoration : none ; } # Nav li li a , # Nav li li a: link , # Nav li li a : visited {background : # 7f7f7f ; width: 150px ; color: # fffff ; font-size : 11px ; font-family : Arial , ; font-weight : strong ; text-transform : none ; float : none ; margin : 0 ; padding : 7px 10px ; border: 1px solid # 000 ; } # Nav li li a : hover , # Nav li li a: active {background : # 222222 ; color: # 7f7f7f ; padding : 7px 10px ; } # Nav li { float: left { padding : 0 ; } # Nav li ul { z - index : 9999 ; position: absolute ; left: - 999em ; height: auto ; width: 170px ; margin : 0 ; padding : 0 ; } # Nav ul li a {width : 140px ; } # Nav ul li ul { margin : - 32px 0 0 171px ; } # Nav li : hover ul ul , # Nav li : hover ul ul ul , # Nav ul ul li.sfhover , # Nav ul ul ul li.sfhover {left : - 999em ; } # Nav li : hover ul , # Nav li li : hover ul , # Nav li li li : hover ul , # Nav ul li.sfhover ,
# Nav ul li li.sfhover , # Nav ul li li li.sfhover {left : auto ; } # Nav li : hover , # Nav li.sfhover {position : static ; }

3.The finished save the template .

4 .. Out of the edit html and find the layout , find HTML / Javascritp . Copy the code below and paste ( select HTML ) .

&lt;Styletype=”text/css’&gt;#gb{position:fixed;top:0px;z-index:+1500;}*html#gb{position:relative;}gbcontent{float:right;bacground:#fff;padding:1px;}&lt;/style&gt;&lt;script type = "text / javascript " > showHideGB function ( ) { var gb = document.getElementByld ( " gb " ) ; var w = gb . offsetWidth ; gb.opened ? moveGB ( 0.30 - w ) : moveGB ( 20 - w , 0 ) ; gb.opened = ! gb.opened ; } function moveGB ( X0 , XF ) { var gb = document.getElementByld ( " gb " ) ; var dx = Math.abs ( x0 - xf ) > 10 ? 5 : 1 ; var dir = xf > x0 ? 1 : -1 ; var x = x0 + dx * dir - 100 ; gb.style.top = x.toString ( ) + " px " if ( x0! = xf ) <div id="gb"> < ; clss div = " gbtab " onclick = " showHideGB ( ) " > < / div > <div class="gbcontent"> <div class="menuhorisontal"> <ul id="nav"> ; <ul id="nav"> <li> <a href="Your URL Blog"> Home < / a> < / li >
<li> <a href="Your URL Blog"> Sitemap < / a> < / li >
<li> <a href="Your URL Blog"> Privacy < / a> < / li >
<li> <a href="Your URL Blog"> ContacMe  < / a> < / li >
<li> <a href="Your URL Blog"> Guesstbook < / a> < / li >
< / ul> < / li > < / li > < / ul > < / div > <script type="text/javascript"> var gb = document.getElementById ( " gb " ) ; gb . style.center = ( 20 - gb.offsetWidth ) . toString ( ) + " px " ; < / script > < / div > < / div >

        Please save the template after you complete the installation of all code . Red writing replace the blog address ( URL ) belongs to you and see the Blog . Hopefully this article provides benefits to you how How to Make a Simple Horizontal Menu Hovering Above Blog .

Read More

HOW TO KNOW IF IT'S TRUE META TAG THE INSTALLATION

In the last article I have been informed how to put meta tags seo friendly . In our encounter this time I will pass on the article How to Know If It's True Meta Tag The installation , which is still nothing to do with meta tags that have been posted on the blog . I will explain how can you know if the meta tags have been installed correctly . If you want your blog mengoftimalkan on search engines , then you have to do is install the keywords and description meta tags blog . Installation of the two important elements must be totally in sync with the theme you discussed . If your blog talks about fashion , you should make the description and keywords related to fashion . I will give a description of contah for fashion :

Keyword : Latest Clothing , Accessories cheap , etc. How to walk on the catwalk .

Description : Blog discusses fashion , accessories and world models .

It's important to consider once again when you give a description and keywords for your blog . Because if you are wrong in these two subjects is happening is the search engines will ignore and will not index your blog . So ... ? How do I find out the meta tags that we put to work with oftimal ... ? It's easy and also very easy way .Please open your browser and type tabs this address : http://www.seocentro.com/tools/searchengines/metatag-analyzer.html . Once open you will be asked signup page and if successful you will be sent an email verification code . Copy this code to your login . Next, please fill in your blog URL address , and then you select a user agent ( you should try them all ) , the content code and the last chafta press the submit button . 

Then will come the results of the analysis of the meta tags of your descriptions. When all posts are green then certainly the installation is correct. If the results indicate there is red text as it is an indicator that you are not perfect meta tags . Immediately correct the shortcomings mentioned in the description . Good luck Meta Tag How to Know If It's True Installation and hopefully useful .

Read More

HOW TO MAKE A QUICK POSTS INDEXED GOOGLE SEARCH ENGINE

HOW TO MAKE A QUICK posts indexed GOOGLE SEARCH ENGINE, too many in fact already discussed by the bloggers. But it does not hurt I give a solution to the issue through this article. Maybe this is the basic way to blog quickly indexed google. After you understand what SEO is, the next step is to figure out an easy way to get your blog indexed / show up on google. It is one of the SEO tips so that post appears in Google SERP. For a blog that is still under the age of 3 months  you must be willing to be patient to wait at least until the new ½ your post indexed google SERP. Because according to the experience and wonder here and there, it turns out the age of the blog is also very rapid effect on whether or not the article post indexed google. For a blog that has been aged over three months turned out quickly indexed by Google in just 4 minutes only. According to the information that is to believe in google very pleased to test the patience of beginner bloggers to post articles dropped from Google SERP.

Well .... Without further ado long we will be discussing this topic on the subject: How to Make a Quick Post Indexed Search Engine Google.

After you update the article as soon do a ping.

Ping is a medium which is commonly called (Blog Pinging Service), where its function is to convey information from a website to search engines. When you publish an article then immediately perform Ping. It's just that you need to consider the terms of this one. If only in one day you are able to create two articles to be published, you should ping after both the finished article, published. Because the rules are allowed to carry only one Ping times a day. If you are in breach of these terms then google will not hesitate to give pinalty over your blog. And do not perform Ping if you're not publish a new article or make any changes. The ping is divided in two types: Ping URL and you perform Ping Ping Sitemap.Setelah and sent we just need to wait for google to index it.

# Here's how to do a Ping on your blog:

1. Type Ping sitemap.com on your browser tab.
2. Enter the URL in the Sitemap column has been provided.
3. Press the Submit button, and the finished then if successful will appear Text "Notified" on the google.

So influential backlinks blog easily indexed SERP ...?

In the opinion of the bloggers are circulating among one of the factors that support that is quickly indexed article backlinks. Turns out the many benefits of backlinks, if you get a lot of quality backlinks + can create your blog quickly indexed and will increase the Page Rank of your blog. It turned out great also the back links yach ....!

# Sitemap or Sitemap in Webmaster blog

This one should not be forgotten just like that its role in making your post quickly indexed google. By installing Sitemap in Google webmaster blog then you will have a tool that provides an overview of the whole article on the blog. For the cartography blog site is very easy and simple. You just go to the address http:www.googlewebmaster.com/sitemap. Then to optimize and select a site map and submit the sitemap URL in the box and press the test site map submit button. Done ...

What I need to remind you again as I have informed over the age of highly influential blog on the rapidly whether or not a google blog articles indexed. Also frequently update the post, because it would immediately make news Googlebot crawls the blogs often do pengUpdatetan artikel.Hopefully Post article How to Make Fast Search Engine Google Indexed beneficial to us all. 

Read More

HOW TO INSTALLING BREADCRUMB SEO BLOG

HOW TO INSTALLING breadcrumb SEO BLOG. This one feature is one part of the navigation position is usually placed above or below the post header and better known as a breadcrumb. Definition or meaning of beradcrumb is a navigation category or label the contents of the article and post begins with the Home button / front page of a blog. Bleak example here:

Home >> Blog >> HOW TO INSTALLING TIPS BREADCRUMB SEO BLOG.

 Basically SEO is a breadcrumb navigation with a link (link) internal facilitate visitors to return to the homepage view the first advance or fast.Breadcrumb provide ease and convenience for visitors to explore the blog without the hassle of searching other words needed .With the article with the breadcrumb on the web / blog will facilitate the search engines so always read the label or category of each post . Currently Google is no longer indexing a blog post via the meta tags keywords and meta description but through the label. So try to make the labels / categories of web postings / blogs as relevant as possible, because the more relevant the content of the article and post the label will make chance to appear on the front page of google search greater. How to Install Breadcrumb for SEO In Blog please follow how:
1. Login dassboard to your blog.
2. Click the template.
3. Click again to edit the HTML.
4. Kopy paste the css below just above the code]]> </ b: skin>:

. Breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 1.4em;
border-bottom: 4px double # cadaef} 

Then find the code below:
<div class='post hentry'>
Having met again please copy and paste this code right below <div class='posthentry'>

<b:if cond='data:blog.homepageUrl==data:blog.url'>
<b:else/>
<b:if cond='data:blog.PageType== &quot;item&quot;'>
<div class='breadcrumbs>
Browse <a &#187; expr:href='data:blog.homepageUrl'> Home </ a> &#187;
<b:if cond='data;post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a>
<b:if cond='data:label.isLast !=&quot;true&quot;'>, </ b: if> </ b: loop>
</ B: if> <data:post.title/> &#187; </ div> </ b: if> </ b: if>

         Before you save the template it's good to see the first result through pratijau template, after making sure everything was installed correctly then please save the template. So How to Install Breadcrumb SEO In Blog and hopefully this article useful for us all.

Read More

EASY WAYS TO MAKE RELARED POST BELOW POSTS

Easy Ways to Make Related Post Below Posts. Topics that will inform this time I still have something to do with the navigation system that will facilitate visitors to search for articles related to the topic of each other still. With the Related Posts that are usually placed at the bottom of the posting is one way to increase Pageview Blog page, which is in accordance with the appropriate post articles related labels automatically. 

Related Post is very mild and so it will not affect the loading speed of a blog because only a small CSS. And to put it in the blog template only takes a few minutes and only displays the title of the article. If you want to try it please follow the instructions on how to put it in your blog template.
1.Login your blogger account.
2.Click Template button (You should first backup your template to avoid the possibility of error.) 3.Edit HTML.
4.Then you find this code]]> </ b: skin> (for ease of use Ctrl + F search will appear and enter the search box and then enter the code above) Once you find the code]]> </ b: skin>, copy and paste the code below just above the code]]> </ b: skin>

/ * RELATED POST ---------------------------- * /
# Related-postku {float: left; width: 100%; margin-top: 5px; margin-left: 0px; font-
Size: 13px; font-family: Times, Arial, Verdana; margin-bottom: 0px;}
# Related-postku a {text-decoration; none;}
# Related-postku a: hover {text-decoration: none;}
# Related-postku ul {border: medium none; margin: 10px 0px 10px; padding: 0;}
# Related-postku ul li {display: block; background: url ("https://1h3.googleusercontent.com/-
6iznc81V_pq/UcmgB6yKU3I/AAAAAAAABWc/NhxmD6789YU/s25/rss.png ")
No-repeat 0 0; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left:
30px; margin-bottom: 5px; line-height: 2em; border-bottom: 1px dotted
# Cccccc;}

  Red writing is rss image link and you can replace it with your own images corresponding appetite link .Next, you find the code </ head> and a copy paste the code below just above </ head>.

<! --- Starting --- Related article!>
<b:if cond='data:blog.pageType == "item"'>
<script type-'text/javascript'>
/ / <! [CDATA]
Var relatedTitles = new Array (); relatedTitleNum var = 0; relatedUrl var = new Array ();
Function labels related results (json) {for (var i = 0; i <json.feed.entry.length; i + +) {var entry = json.feed.
Entry [i]; relatedTitles [relatedTitleNum] = entry.title. $ T; for (var k = 0; k <entry.link.length; k + +) {if (entry.
Link [k]. Rel == 'alternate') {relatedUrls [relatedTitleNum] = entry.link [k]. Href; relatedTitlesNum + +;
Break;}}}}
removeRelatedduplicates function () {var tmp = new Array (0); var tmp2 = new Array (0); for (var i = 0; i
<RelatedUrls.length; i + +) {if (! Contains (tmp, relatedUrls [i])) {tmp.length + = 1; tmp [tmp.length-1] =
relatedUrls [i]; tmp2.length + =; tmp2 [tmp2.length-1] = relatedTitles [i];}}
relatedTitles = tmp2; relatedUrls = tmp;} function contains (a, e) {for (var j = 0; j <a.length; j + +)
if (a [j] == e) return true; return false;} printRelatedLabels function () {var r = Math.floor
((RelatedTitles.length-1) * Math.random (); var i = 0; document.write ('<ul>); while (i <relatedTitles.
Length && i <20) {document.write ('<li> <a href="'+relatedUrls [r] +' "> '+ relatedtitles [r] +'
</ A> </ li> if (r <relatedtitles.length-1) {r + +;} else {r = 0;} i + +;}
Document.write ('</ ul>');} / /]]>
</ Script>
</ B: if>
<! --- Ends --- Related article!> 

Then the last step you are looking <div class='post-footer'>, the code is usually two. The first is for a mobile version and the second version of the Web. Copy and paste the code below just above the second code.  
<b:if cond='data;blog.pageType == "item"'> 
<div id='related-postku'> 
<font style='font-size:19px;color:# FFFF00;font-family:Times;'> <b> Related Articles: </ b>
</ Font> <font color='#fff'> <b:loop values='data.labels' var'lbel'> <data;label.name/> 
<b:if cond='data;label.isLast != "true"'/>
<b:if cond='data;blog.pageType == "item"'> 
<Script expr; src = '"/ feeds/posts/default/- /" + the data; label.name + "? 
alt = json-in-script & callback = related_results_labels & max-result = 5 "' 
type = 'text / javascript' /> 
</ B: if> </ b: loop> </ font> 
<script type=' text/javascript'> removeRelatedDuplicates (); 
printRelatedLabels (); </ script> 
</ Div> 
</ B: if> 
<P class = "MsoNormal" style = "text-align: justify; text-indent: 0.5in; ">

You notice the text color in the code. Green is for the size of the letters, which are colored gray to color code, the color red is a Related article and the last blue is the number of views the article post. 

After all settings, an easy way to make Related Post you do it right and you should carefully look at the results through the first preview. Having already successfully convinced then please direct your Save Template. So end of Easy Ways to Make Related Post Below Posts. Good luck and benefit us all.

Read More

HOW SETTING COLUMN TO BLOGGER COMMENTS

Setting Column To Blogger Comments will we said this time. Installation in the comment section of a blog is part of the navigation that allows interaction between the visitors with the author. Elements of this one is not just as a complement, or sweetener display only. With the variety of options that comment column can help improve trafick your blog visitors. But we will discuss this time is how to set the default settings of bloggger comments field. This arrangement is actually very easy to do even for a novice blogger. 

As usual you login first in dassboard blogger. then you select the setup option => Posts and comments. Then in step began setting up setting a comment to your blog. Please select the option you want to apply. 

Location Comments 

Pinned => Layout column just below the post's comments and comments can be made on the same page. 

Full pages and pop-ups => Visitors will be directed to comment on a new page or different pages. 

Hide => select this option if you do not mengingkan comment to appear. Comments that there will not be removed, you can at any time bring it to adjust the settings again. 

Who Allow Comments 

All person => Includes anonymous users 

Registered Users => Includes OpenID. Which may provide comments on these options require to be able to login new comment 

Users with Google accounts => Only visitors who mempuyai Google account that can include comments 

Only members of this blog => That is just your followers visitors are able to comment 

Comment Moderation 

Always and sometimes => Comments should be your new approval may be displayed. You can choose the comments which will be displayed on your blog 

Never => Then the entire comment will appear directly in the comment box 

View Word Verification 

Please select => Yes. This option is to avoid the possibility of visitors who commit fraud using automated robots comments so visitors are required to fill out a captcha code before commenting 

 View Behind Links 

Show => if you want to display a live link 

hide => if you do not want to display a live link 

In addition: Comments of visitors on your blog will show up if you do not immediately display the comments Google+. To make arrangements comment Google+ Google+ please select the option in your blogger dassboard. Then select the empty checkbox => Use Google+ comments on this blog? 

That is all Comments Blogger Setting column and hopefully useful to us all.

Read More

HOW TO INSTALL SEO FRIENDLY META TAGS

How to Install SEO Friendly metatags. Is a subject that will be informed this time. SEO meta tags is one absolute requirement to make your blog can compete to be the winner in the Search Enggine. Because the setting metatags that will aid the search engines to index your blog. How do the installation ...? please you to follow the procedure under way ...:

1. Log in to your Blogger account.

2. Open the template option, then click the Edit HTML.

3. A subsequent search <head> code, if you've found it then delete the code that sits between <head> and <b:skin> code, please replace it with the code below.

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='Isi to address anda'rel='openid.delegate'/> Blog
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data;blog.pageType=="index"'>
<title> <data:blog.title/> </ title>
<b:else/>
<title> <data:blog.pageName/> </ title>
</ B: if>
<b:if cond='data:blog.pagetype=="item"'>
<Meta expr: content = 'Data: blog.pageName + "," + Data: + &uot; blog.title
+ Data: blog.pagename 'name =' description '/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:else/>
<meta content='isi the blog description name='description'/>
<meta content='isi by keyword blog anda' name='keywords'/>
</ B: if>
<b:if cond='data;blog.pageType=="archive"'>
<meta content='noindex' name='robots'/>
<b:else/>
<meta content='index,follow, noodp, noydir' name='robots'/>
</ B: if>
<meta content='index, follow, snipet' name='googlebot'/>
<meta content='content with your' name' name='author'/>
<meta content='indonesia' name='geo.placename'/>
<meta content=id' name='geo.country'/>
<meta content='blogger' name='generator'/>
<meta content='text/html;charset=UTF-8'http-equiv='content-type'/>
<meta content='general' name='rating'/>
<meta content= 'fill in the verification code Bing'  name='google-site-verification'/>
<meta content='fill in the verification code Google' name='msvalidate.01'/>
<meta content='fill in the verification code Alexa ' name='alexaVerivyID'/>

Replace all the red code in accordance with the data your blog. And if you prefer to use the meta description manually and still want to install the code, you can remove the green color code. Of all the code that is most important is the meta description, meta robots, and the title tag.Sebenarnya if recommended for bloggers who have a lot of time to write a meta description, you should try to use the meta description manually. Because then you can choose to post free description.

How to manually install the meta deskription enough ... you follow these steps:

1. Sign in to dassboard blogger, then select search preferences settings.

2. In the column with the description meta tag content of the blog. And if you make a new post will appear next to the option description on the search page.

3. Edit all of your posts, and fill the column with a description of the search.

If you are using meta deskription manual, but have not had time to fill in the description in the article search try to use the post code as below. The function of this code is to provide a description of the form "Post Title, Name Blog Post Title" on articles that have not been given a meta deskription manual.

<b:if cond='data:blog.metaDescription==""'>
<Meta expr; content = 'Data: blog.pageName + "," + the data; blog.title + "," +
Data: blog.pageName 'name =' description '/> </ b: if> 

If we URLs meta tag is human, there must be a good man and a bad man. Likewise, the meta tag is not good and could be considered spam by Google and other search engines. Examples of meta tags that are at risk you should avoid is ...:

@. Meta tags revisit after that is usually shaped like a
<meta content='1 days' name='revisit-after'/>
@. Meta refresh is usually written as
<meta http-equiv=='refresh' content='30'/>

It feels above explanation is quite simple and easy to apply on your blog. By doing one way onpage SEO optimization in this post hopefully the blog will get a higher ranking in search engines and get a lot of visitor traffic. Hopefully How to Install SEO Friendly Meta Tags useful for us all.

Read More

UNDERSTANDING SEARCH ENGINE OPTIMIZATION (SEO)

Understanding Search Engine Optimatization {SEO} is done in order to improve the position of blogs on search engines like Google, Msn, Bing and others. For a novice blogger what is the point and purpose of learning to understand also do SEO? Of course, to increase visitor traffic from search engines. The SEO consist of two types, ie Onpage SEO and SEO Offpage. Without much further ado let us know SEO better themselves. 

Why SEO takes a Blog ...?

I will give a brief illustration of the SEO's. We URLs you are a business man who sells produck Electronics in major shopping centers. Of course you do business in place before there will be other businesses that sell produck same as what you are selling. Of course you as a business man does not want to compete with the business. Then you will do certain tips to make your business grow better than your rival is not ...? So ...! The illustration of the conclusions of SEO is trying to position your blog to be number one in search engines. That is why a lot of bloggers who do a race to become the first champion in the search engines.

How to order got Blog Rank Higher in Search Engines ...?

All you have to know to create a blog that has a High Rank is Relevance. Keep on what to do in order to be relevant page ...? All you need do is to do onpage and offpage Seo optimized. The trick ...? Do keyword research. Because if you do not do keyword research correctly then onpage and offpage SEO will be very hard to do.

{How to find a good keyword research}.

The definition of SEO keyword research is the process to get the right targeted keywords with high searches and low competition. To get it please your search on "How to SEO a Website". To get good keywords and low competition keywords sebaikkya you use the most minimal look for it. Is not it better to get a low competition but will provide a high SERP for your blog.

SEO Onpage
If you want to have a relevant page, then make sure the keywords you want is located on:
1. Title Tag
2. URL and Description of article
3. Heading Tag {H1, H2, H3, H4, H5, and H6 ...}
4. Image File Name and Image Alt Tags
5. The first sentence in the article Blog.

Mentioned above only 80% of pengoftimalan Onpage SEO and the rest is to speed up the loading Blogs, fixing broken links, mengoftimalkan Web Crawl your blog.

Offpage SEO

When doing SEO Offpage there and called Backlink Anchor Text. The meaning of both is when will Clicked a link it will show the text {Anchor Text}. It is also an important part of SEO Offpage, because Anchor Text Backlink is an integral part. We will assess your blog is relevant or not to a particular keyword. We take an example: You create a blog with articles about "how to make Silk Screen Apparel", when there is a page with high PR on How to Make a Silk Screen Apparel a link to your blog, with Anchor Text How to Make Screen Printing apparel. Then this is the greatest indicator of relevance transform and goggle. We will assess all bloggers can enhance the value of SEO Offpage. But only the truly relevant blog can get a link from a high PR page with Anchor Text in the form of keywords that you want.

Thus information about Understanding Search Engine Optimization {SEO} and hopefully useful to us all.

Read More

HOW TO CREATE A BLOG FOR BEGINNERS

To create a blog that indexed Quickly search engines (SEO FRIENDLY) can be said to be meticulous easy easy process. But here I will try to give a picture of How to Make a Blogspot Blog For Beginners. Which I will write in my blog is How to Make Blogspot Blog For Beginners. 

       The first step that you need to do is create an account on google. Will Be Easier if you create an account on Gmail. www.id.blogger.com Then you search. Then click on Blogger: Create your free blog. Then you will be on a new page under Blogger Dashboard. The Dilaman you look for the box that reads new blog. Began Thus Spake the first step would be for you to create a blog. Have you created your blog title and address (URL) of the blog until approved. 

       After you successfully create a blog that you want now that you have to do is the make-your article or post. In your blogger dashboard search box orange color pencil picture. There will be writing for the NEW ENTRY. ..... It would Appear Click the page where you and the the make writing or article that you want. 

       For reviews Reviews those of WHO you are used to using Microsoft Word certainly will not feel strange with function buttons - buttons in blogspot post editor. I will elaborate a bit on the buttons are still very foreign to your friends one. 

1.Symbol F is to Determine the type of font used.
Heading is usually for the title of the article. subheadings used for subtitles. Minor headings are used for the contents of subtitles.

2.Kotak read "normal" to Regulate the content of artikel.Normal interest rate means no more important part. 3.html is the html code that can be used to edit the article if there is less neat arrangement and you can add specific codes. 

4.Link is where you insert your links in the form of image links, download links etc ... 

5.Insert image is to include images that you should inginkan.File format jpg, gif and png.

6.Insert a video of how it works the same as the number 5, it's just a different file format.

     So first information How to Make Blogspot Blog For Beginners In this simple blog hopefully we will meet again in the next topic.

Read More

HOW TO SETUP ABLOG SETTING BLOGSPOT

After peeling how to create a blog on blogspot for beginners I will continue with the theme How to set up a blog on blogspot settings for beginners aka newbie.So for the blog master ride through sharing. For the beginners may make dizziness and confusion to see so many settings in the blog.In order for the blog to work optimally in accordance with our keinganan, there are a number of settings / settings that must be done so that our blogs are easily recognized by search engines like google, bing, yahoo and msn or others .

To facilitate setting up your blog you simply follow the way. 

1. Login to blogger.com with your account. Once on your blog dassboard then click basic settings. There are several forms that must be filled on the basis of the menu.
a. Title> content with the title of your blog. Example: SEO Tips And trick Blod
b. Description> content with a description of your blog. Example: a blog that discusses about the blogspot, seo blogs and blog sundries.
c. Add your blog to our list? > Choose yes so all your posts are always listed on blogger.com
d. Let search engines find your blog? > Select Yes
e. Show quick editing on your blog? > Select Yes
f. Show posts links Email? > Perhaps you choose yes or no
g. Adult content? > Select tidak.Kalau select yes means your blog is categorized as a blog for adults.
h. Show Compose Mode for all your blogs? > Select Yes
i. Enable transliteration? > Choose not
Click the Save button Pengaturan. Completed

2. Klick publication to arrange set menus Publication:
a. Blogspot address> Fill in the name of your blog
Click the Save Settings button. Completed

3. Klick Format menu to set the format:
a. View> Select the number of posts you want to tampilkan.Jika you want or set a post as a main page select the number one post. In the pulldown menu select post
b. Header date format> Select the date / month you want, the date format will always be listed in your post.
c. Archive Index Date Format> Select models as you want.
d. Timestamp Format> Select the model time you like.
e. Time Zone > Select the appropriate time zone zone where you live. Example: UTC- + 7.00 / Jakarta (to PM).
f. Language> To format the language you want on your blog.
g. See Field Titles> You may choose Yes or No
h. Show Column Link> You may choose Yes or No
Click the Save Settings button. Completed

4. Klick comments to set the menu comment:
a. Comments> Select Show that end of the blog you can comment or opinion on your blog
b. Who can comment? > Select the Include User-Anonim.Maksudnya Anyone that may be commenting on your blog is not limited to members of the blogger alone.
c. Default Comment To post> Choose a new post has comments
d. Backlinks> Select Show that we can find out if there is insert a link to your article.
f. Backlinks Default for posting> Choose a new post has a link.
g. Comments Timestamp Format> Select the short time format. Samples: 10.00PM.
h. Show comments in a popup window? > Select Yes to allow your blog page is not overwritten comments page.
i. Enable Comment Moderation? > Select No (recommended)
j. Show word verification for comments? > Choose Ya.Fungsinya order to avoid spam blog.
k. Show images frofil in comments? > Select Yes. In order for visitors to comment on your blog and have a blogger ID can display his fhoto.
l. Email notifications commentary> fill in your email address so that blogger.com can email you whenever there is to comment on your blog.
Click Save settings. Done

5. Klick Archive for the set menu Archives:
a.Frekuensi Archives> Select Monthly
b. Turn the page posts? > Select Yes.
Click the Save Settings. Completed

 6. Klick set menu Site Feed feed for the site:
a. Allow Blog Feeds> Select Full
b. Post URL Changing the direction of the feed> The content of the feed address, if you have not had just vacated.
c. Post Feed Footer> If you have please fill ad code, if not leave it blank.
Click the Save Changes. Completed
         For setting your blog on blogspot enough to do it just once. Once you are successful then you should do next is to create a customized post article you.I hope the info How to Set up a Blog Setting Blogspot will be useful to fellow newbie.

Read More

HOW TO EDIT DEFAULT TEMPLATE OF BLOGGER

How to Edit Blogger Template Defaults subject of our times ini.Setelah complete blog setup early stage then the next thing to do is what your current template ? Is your template which is inherited from the blogger was satisfactory or not ? If your choice is not satisfactory, then there are several ways that you can do to edit the default template on your blog Blogger .

You can just download a template from various sources on the internet or order ready-made template that has many on offer , or one of them that I will inform you of the following . That is how to edit the default template from blogger or the other language must be modified template.Why should it be modified? Because the original template to create our own making will be difficult for the layman Sagat HTML language , this can only be done by the master only.

By way of editing your template friends one can maintain , remove or add new elements to the template that you want to give the impression of a unique look . To edit the standard templates blogspot is easy and simple how it works . Login to your blogger account , on your blog dassboard select template < > Edit HTML , will appear html code in it . Thus began the process of editing the template will your blog .

1 . The first step you should do is edit the main page by removing posting articles so that later on the main page / home page that appears only posting title only.
a. How it works you get to the settings template < > Edit HTML
b . Then find data='post'name='post/> <b:include code , then you delete the code and enter the following code :

<b:if cond='data:blog.homepageUrl !=data;blog.url'>
<b:if cond='data:blog.pageType !="item",'>
<a expr:href='data:post.url'>
< div style = " padding : 6px 0 6px 5px ; marginbottom :
2px ; background: eeeeee ; color: # 000000 ; >
<img alt='> >> ' border = '0 ' src = ' https://1h5.googleusercontent.com/-
HP5Xyc1Rqic/TXMMAKm1g5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebaricon .
Png ' / >
<data:post.title/> < / div > < / a>
<b:else/>
<b:include data='post' name='post'/>
< / b : if>
<b:else/>
<b:include data='post' name='post'/>
< / b : if> 

Then save the template , check the results via preview template.If it is successful please continue to the next step.

2.Adding column widget at the top / bottom of the posting.

Still in the edit HTML page , look for the code ] ] > < / b : skin> , then enter the following code to copy and paste the above code way ] ] > < / b : skin>

/ * - under the posts - * /
# underpost h2 {
font-size : 13px {
font - weight: bold ;
color: # B8002E ;
border-bottom : 2px solid # 000000 ;
padding-left : 5px ;
}
# underpost {
Width ; 560px ;
}
# underleft {
Width: 270px ;/ * width of left column * /
float: left ;
margin ; 5px ;
}
# underrigth {
Width: 270px ; / * width of the right column * /
Float: right ;
Margin : 5px ;
}
Consider this code [ Width ; 560px ; ] , is a code of the post column width . Fit to width in your blog template . And to look for or know the width / column width searching posts like this code :
# main-wrapper { widht : 560px ;

If the width / column width posts like the above example , then the width of the two. Because a portion will be made of two columns left and right . Leave the value for the margin and padding to give the distance between gadgets . Thus the column width for the left and right sized 270px.
Once done then look for the code as shown below:
<div id='main-wrapper'> <b:section class='main id='main' showaddelement='no'> < b : widget id = ' blog1 ' locked = ' true ' title = ' blog posts ' type = ' Blog ' / > < / b : section> < / div >
If you have found the code, to add two pairs of columns in the above post under the code just below the code above .

<div id='underpost'>
<b:section class='underleft id='underleft'/>
<b:section class='underright id='underright'/>
< / div >

          And if you want to add two columns above post you just reverse the post just how it works . If you put it down to under the code and if you're going to stay on top of the post you put on the following code :
<div id='main-wrapper'>
Then save the template .

3.Furthermore, if you want to add 2 or 4 or more columns on the footer widgets are useful to make the blog homepage look like the model blogs Magazine.
Stride, look for the code <div id = "lower-wrapper '>, then place the following code just below the code <div id =" lower-wrapper'>

<div id='footer-column-divide'> <div id='footer1' style='width: 25%; float:left;Margin:0; text-align:left;'> < b: section class = ' footer - column ' id = ' co11'Preferred = ' yes ' style = ' float: left ; ' / > < / div > < div d = ' footer2 ' style = ' width: 25 % ; float ; left; Margin : 0 ; text-align ; left; ' > <b:section class='footer-column' id=co12'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 = ' co13'Preferred = ' yes ' style = ' float : right ; ' / > < / div > <div id='footer4' style='width: 25%; text-align: float: right;Margin:0; left;'> < b: section class = ' footer - column ' id = ' co14'Preferred = ' yes ' style = ' float: right ; ' / > < / div > <div style='clear:both;'/> < / div >

The code above is an example of making the top 4 columns in the footer . If you want to just above 3 columns footer please just enter the code as much as 3 rows only and so on.

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

If all you have entered the code Correctly then save the template and see hasilnya.Cek on page elements will be no columns to display the widget. Add widgets that you think is best and use thumbnail display images to enhance the appearance of your blog . Suppose you want to display the latest article with a pretty thumbnail view. Please follow the steps: Elements of the page Add a widget HTML / Javascript please enter the code below into a widget:

<script type='text/javascript'> numposts var = 3 ; showpostthumbnails var = true ; var
displaymore = false ; displayseparator var = false ; showcommentnum var = false ; var
showpostdate = false ; showpostsummary var = false ; NUMCHARS var = 10 ; < / script >
<script type="text/javascript" src="/feeds/posts/default/-/your label?orderby=update&alt=jsonin- script&callback=labelthumbs"> < / script >

Or if you want to display only the selected article with the label you please replace posts (your label) with your label. Done already how to edit the default template of blogger. Good luck and helpful.

Read More