How to Eliminate Underline Link on blogger/Blogspot

Links in the blog or website by default would seem to have an underscore (underline). Sometimes the display looks less elegant and less prominent. Natural blogger templates, CSS has not given rules to eliminate underline (bottom line) and the link will look like the following example:
Tag default link:

<a href=http://topbestbloggertemplates.blogspot.com>Top Best Blogger Template</a>

The result:
Top Best Blogger Template

If you want to remove the underscore (underline) on the link, use:

<a  href=http://topbestbloggertemplates.blogspot.com>" style="text-decoration:none">Top Best Blogger Templates</a>

The result:
Top Best Blogger Template

If you want to change all the links in your blog / website by default and is not automatically underlined (underline), then you have to edit the HTML template:
1. Login to dashboard> Design / Design> Edit HTML.
2. Find CSS rules link (a) like this (usually located at the top of each template, but not exactly the same color depending on the rules link and the template used):

a {color: #1C4991; etc.............}

3.To make underline missing link, add text-decoration: none; example:

a {color: #1C4991;text-decoration: none; etc.............}

4. Save the template and see the result.

If there are problems in the edit link, giving CSS rules, as well as in editing the HTML template, please use the comments box and I'll try to help as much as me. You can also learn how to give a different color on the visited link or see the full tutorial at the link display modification blogger / blogspot.

Read More

Know More About CSS Wrapper Elements In Blogger / Blogspot

Blogger / blogspot allows users to edit html styling through. Thus it provides an opportunity for you, the owner of a blog on blogger, to modify the look of your blog. One is a touch on the wrapper CSS styling elements. The basic elements of the wrapper described as follows:

1. # outer-wrapper or # outer-wrap or # outer
2. # header-wrapper and # header or # header-wrap
3. # content # content-wrapper or wrap or # content
4. # main-wrapper or main-wrap or # main
5. # sidebar-wrapper or # sidebar-wrap or # sidebar, there is also # lsidebar (l = left) and # rsidebar (r = right)
(The names of the relative nature)

You will see the declaration appended to it, for example:

# outer-wrapper {width: 960px; margin: 0 10px 0; border: 3px solid # 666666, ……  and so on}

background (color or image / image), margin, padding, border, width, height (for header)

Read More

How To Make Pulldown/Dropdown Menu With Button On Blogger/Blogspot

Pull down menus are often also referred to as a dropdown menu or jump menu. Known as a pull down menu list will appear after the top of the menu is clicked / pressed, and a dropdown menu called anyway because after a row is clicked the menu list will appear sequentially down.

Pull down the menu / drop down menus are very useful to display a list of choices so long as it can shorten the length of the page blog / website and would create a blog / website look more elegant and professional. You can use the pull down menu to set the links blogrol, label, archive, categories, and so forth.

In this occasion I would be a review and share on how to create a drop down / pull down menu button plus an HTML-based form and command the javascript function.

Fundamentally, it is a series of options pulldown menu option tag in the selection of which are summarized in a form:

<form>
<select>
<option></option>
<option></option>
<option></option>
</select>
</form>

And will look like this:

To provide contents or list menu, add value and anchor text in option tag, the identity function (name) on selection, and function form:

<form name="Jump">
<select name="menu">
<option value="url link list 1">Name List 1</option>
<option value="url link list 2">Name List 2</option>
<option value="url link list 3">Name List 3</option>
</select>
</form>

Name List 1 Name List 2 Name List 3

Finally, add a command button and link javascript input option when clicking on the appropriate sequence identity (name):

<input type="button" onClick="location=document.lompat.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

Oops, due to what appears on the form is the name of the first list and less informative, add the option with an empty value and text as information for visitors about the contents of the menu:

<option> – Chose The  Tutorial -- </option>

Here's the full script:

<form name="Jump">
<select name="menu">
<option"> – Chose The Tutorial -- </option>
<option value="url link list 1">Name List 1</option>
<option value="url link list 2">Name List 2</option>
<option value="url link list 3">Name List 3</option>
</select>
<input type="button" onClick="location=document.lompat.menu.options[document.lompat.menu.selectedIndex].value;" value="GO">
</form>

  Examples of implementation (check all the links):

Blogger Design Blogger Tips Blogger Tricks Blogger SEO Blogger Layout Blogger Tutorial Blogger Templates

customization:
- Replace -Chose The Tutorial - with the text you want displayed on the top line pull down menu.
- Replace the word GO / other orders preferred.
Blog blogger, you can easily install it as a widget / gadget.

Dashboard >> Design >> Add a Gadget >> HTML/Javascript

That's it. Have fun!

Read More

How To Make And Optimize Label Functions on Blogger/Blogspot Basic Step for Beginners

Labels on the blog-platform Bloggger (Blogspot) has a function as a post classifier based on criteria / specific categories. With the label, expected visitors / blog readers can more easily find parts / certain categories of postings (the articles) in accordance with what he wants. However, there are some special characteristics that make the "Blogger Label" in contrast to feature on the blog platform category other (category in WordPress for example). Understanding these characteristics is expected to maximize the function label and also avoid the adverse effects especially for SEO blog Blogger / Blogspot:

 1. How To Make Labels Blogger / Blogspot (Basic Step for Beginners)
There are two ways to create a label:

a. Creating new page label when in post / create a new post (post editor)
When making a post, you can instantly create a label.

See the box at the bottom of the post editor

Enter the label you want, can be more than one

b. Create and edit labels on the "edit posts".

Check one or several existing posts at the bottom of the label editor as above, then select the label / create new label / delete labels on the dropdown menu "Label Actions ..."

2. General Characteristics Blogger Label
a. Label arrangement shown on the link labeled either above or below the posts are indexed, for example: Label: Blogging, Cheat, Download, and so on.

b. Blogger labels grouping is in fact not the system directory, but only the grouping based on the results of a post that is marked with a specific label and a search command (search label). This is a weakness and differences Blogger Label with WordPress category, where the category is a grouping of directories, so no parental category, child category, and so on.

c. Because the label is actually a url search commands (eg url: http://topbestbloggertemplates.blogspot.com/search/label/Blogger%20SEO), then the label is not a permanent link (permalink). Or, more simply, you could say the label is in fact not the real url. Labels are only formed as a result of the search url command (for example like seach engine search url). Therefore, search engines do not take into account the label as a link / url valid for indexed. That's why when you go into Google Webmaster Tools, there is information that the links in the label-restricted by robots.txt. In effect, the indexed label actually even have a negative impact on SEO.

d. If you use the menu / navigation breadcrumbs (especially as I have made and some other similar), label is a label that captured the most recent, so what if you put more than one label on a post, and because the labels are sorted alphabetically, the label shown in the breadcrumbs menu is labeled with the alphabet end of the post. If the label is generated by the breadcrumbs less precise and not as expected, then the SEO optimization also be less than the maximum.

Example: a post has a label: "Design, HTML, Tricks". then the breadcrumbs menu is generating results:
Browse >> Home >> Tricks >> Post Title.
3. Maximizing Function Labels for Navigation and SEO a. Attach the label as a navigation tool based on group posting, either on the mailing label link that has been provided as a default widget Blogger / Blogspot or on the menu / navigation others, such as the horizontal menu. Such features can help visitors / blog readers find postings that fit the desired group / specific categories.

b. Advised not to put too much label on a post, so do not confuse the visitor / reader blog. 4 or 5 labels at a post has a maximum limit that can be applied.

c. Because the label is not a real url (permalink), for SEO, then you should not be included as a link label that should be indexed search engine. The trick is to make links are nofollow tag. Add rel = nofollow on every link label when you create / affix the label link manually. This method is used when you add links manually label on the content of the post or menu / navigation extra.
Example of adding the nofollow attribute on hyperlinks (a tag):

<a href="http://topbestbloggertemplates.blogspot.com/search/label/Blogger%20SEO" rel="nofollow"> Widgets </ a>

If you want to add nofollow congenital Blogger widget automatically label and the label also appears on the bottom / top of the post, the nofollow attribute must be added through the HTML edit xml tag labels. See: How to Create / Change Label Blogger So Nofollow

d. Order to overcome the appearance of breadcrumbs with labels that do not fit or are unwanted, so be careful in making a label for the post. Make sure the label you want to appear on the label breadcrums is to be optimized. Should not be too much use of labels on a post and see if the alphabetical order of last name is a label that wanted to appear in the breadcrumbs. Corresponding labels can affect both SEO.

Happy blogging, mates!

Read More

10 Best Ping Service Sites For Blogger/blogspot To Quickly Indexed On Search Engines

Ping is a notification on websites directory & search engines to your website or blog content quickly indexed. There are many websites that provide ping service. Conceptually, in addition to notifying the search engines, some ping service sites also ping to other ping services sites . The system is almost like a viral, once a ping on the service then some ping-affiliated sites will receive the ping and forward.

To ping, you can open ping service websites are very numerous. You can look it up in the search engines with keywords such as: "ping service", "ping tool", "blog ping tool, and others. In general, these sites will ask you to perform the following steps:
1. Fill url blog / website
2. Fill in the name (title) blog / website.
3. Fill the feed url blog / website, (usually optional, but if there is the option, fill in for more leverage)
4. Fill in a valid email address (mostly asking this)
4. Fill the security code / captcha (some require)
5. And click the ping command.
6. Wait until the process is complete.

Some sites allow you to enter the url service posts, but some others do not allow it. Only the root url (front page url) is allowed.

Use ping services of the following best ping services site

1. Pingler.com
In addition to pinging services to approximately 100 websites, the site also provides an add-on browser Mozilla Firefox. Add-on is easier for you to ping a url without having to go to the website. The trick is to click pingler tool installed at the top of the browser when the browser are on a particular page. Get the add-on directly in Pingler.

2. Auto-ping.com
Service is also ping ping url to many websites. In addition, there is also a widget that you can put on your blog / website that you can use to ping when you are on a particular page on your blog. Click on the widget to automatically ping and there will open a new window to the page ping.

3. Mypagerank.net (ping service page)
In addition to having tools like website submission, pagerank checker, meta tag creator, and others, this site also provides a ping to 80 websites. One site with lots of packages. Recommended really was.

4. Pingomatic.com
Instant ping services primarily for feed updates.

5.Autopinger.com
In addition to pinging services, the site also provides a widget button autopinger to ping through the pages where you are now pinging. There are options to ping blog and podcast blog.

6. Pingmyblog.com
Provides up to 71 ping services website.

7.Pingates.com
Perform a ping service to approximately 40 sites.

8. Pingoat.com
Perform a ping service to 51 websites with three kinds of specifications (general, non english, and special).

9. Ping.in
Has the same specifications as pingoat.com.

Ping the specified interval on the above websites to maximize index your blog / website. You can use all these services, but give the distance in order to avoid crashes. Some sites only allow 1 ping times up to several times a day. Suggestion: bookmark the page ping each site in your browser after ping ping to ease further.

Read More