Saturday, August 16, 2014

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/-->

Friday, August 15, 2014

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.

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. 

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 .

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 .

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. 

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.

 
Back to top