Powered by Blogger.
Latest Post

15 Ways to Drive more traffic to Your Blog

Written By Unknown on Thursday 14 November 2013 | 21:31


There are many different factors that make blogs much better than other Web Pages, including the speed at which blogs are indexed, the ability to submit to blog directories & normal directories, pings and track backs. All these things help drive more traffic to blogs. Here are 15 popular techniques you can use to drive more traffic to your blog:


Publish short posts frequently
Using your main keywords, publish as much short posts as you can on a daily bases. Short posts don’t take much time to write, but they are very popular amongst blog readers. Publishing few short posts a day, will keep your blog within the radar of search engines for longer, giving your blog more visibility.


Submit to My Yahoo
When you submit your own RSS to My Yahoo it is automatically indexed by Yahoo.

Submit to Google’s reader
When you submit your own blog RSS to Google’s Reader the Google Blog Search will index your site for you.

Trade links
Add a link directory to your blog and trade links like as often as possible. Although it may take a little more time than simply submitting to a search engine one time, this method is one of the best ways to drive traffic to your site.

Ping your posts
Use ping sites like ping-o-matic. Ping your site each and every time you add a new post.

Comment on other blogs
Do not just leave short comments like “I agree.” Leave well thought out replies that will force readers to wonder who wrote that and take more interest in YOUR blog.

Submit to directories
Submit your blog to traditional directories such as DMOZ. Directories increase relevance with Google. DMOZ is very picky, but you have nothing to lose by trying.

Submit RSS
Submit to as many RSS Directories and Search Engines as possible. This is an easy process that can give you a lot of visibility.

Submit to search engines
Submit your blog to traditional search engines such as AltaVista, and MSN.

Use track backs
If there is a blog that you refer to or quote and it is highly relevant to your subject, leave a track back. It increases your link popularity and you may even gain a few interested readers from the linked site.

Go offline
Use newspaper ads, public bulletin boards, or business cards to let as many people as possible know that your blog exists.

Link from your email
Ad a link to your blog in your e-mail signature block.

Use Groups
Find a relevant group on Google groups, Yahoo groups, MSN groups or any of the thousands of other FREE group services and find like minded people and talk with them. Make sure your use your blog URL like it is your name.

Use Forums
Forums are one of the best places to go for advice. Go to forums and find problems to solve. Make sure you leave your blog name, but be tactful about it; some forums get annoyed with those who selfishly drop a few links to their own site and leave.

Tag your blog
Tagging is a new idea that has erupted across the web. Sites like Del.icio.us, Technorati and many others have a social feature that allows you to place your article under keywords or “tags” that everyone interested in that tag can see.


Although these are some of the most popular ways to drive traffic to your blog, do not limit yourself to tips and lists. Use your imagination and you will come up with many many more ways to drive traffic to your blog!

Hide/Show Widgets/Gadgets In Home/Post/Static/Archive Pages In Blogger

As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the homepage as well. And I'm sure very few know that AdSense could disable your account in case you've put ad units inside the content of your contact or privacy policy pages. Therefore, hiding certain elements inside your blog pages is not only a matter of design, but it is also a requirement.

To hide (or show) widgets in particular posts, static pages, homepage or archive pages, you can use conditional tags.

Step 1. Go to Blogger's Dashboard > Layout and name the HTML/Javascript gadgets that you have already added. Doing this, it will be easier for you to identify the widgets that you have in your Blogger's template. Give it a unique title so that it does not match with any of the titles of any other widgets already added.

Step 2. Next thing to do is to go to Template and click on Edit HTML



Step 3. Select the "Expand Widget Templates" checkbox.



Step 4. Find the widget's title in the HTML by using Ctrl+F and entering the widget's name in the search box.
Let's say that the title for one of my widgets is "Recent Posts". After searching for the widget's name, I will find a similar code in my template:


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:includable></b:widget>  


This code represents the widget/gadget that I have added in the Page Elements location (Layout).

Step 5. After you've found your widget's code, add the following conditional tags marked with red just below and above to hide the widget from specific pages or posts in Blogger. For instance, in case you want:


To show the widget only in Homepage:
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget> 

To show Blogger widget only in post pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "item"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget> 


To show the widget in a specific page
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.url == "URL of the page"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget> 


Note: Replace URL of the page with the address of the page in which you want the widget to appear

To hide a widget only in a particular page
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.url != "URL of the page"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget>  

 To show widgets only in static pages
 <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "static_page"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget> 


To hide widgets in Static Pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType != "static_page"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget> 


To show widgets only in Archive Pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "archive"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></b:if></b:includable></b:widget>  

Step 6. After you have added the conditional tags, Save Template and view your blog.

That's it! 

How To Remove Blogger Picture/Image Shadow And Border

If you are using the old Blogger interface:
  • Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you are using the new Blogger interface:
  • Go to Dashboard - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,.BlogList .item-thumbnail img {  padding: none !important;  border: none !important;  background: none !important;  -moz-box-shadow: 0px 0px 0px transparent !important;  -webkit-box-shadow: 0px 0px 0px transparent !important;  box-shadow: 0px 0px 0px transparent !important;

Now your blogger images should appear without any border or shadow. Cheers!

Update:

If the above method doesn't work for you, do the following:

- Go to Blogger's Dashboard > Design (Layout) > Edit HTML
- Thick the "Expand widget templates" checkbox;
- Search (CTRL + F) for the following code:


border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 

- Delete it and Save your template.

Create A Rollover Image Effect (Change Image On Mouseover)

The Rollover effect is one in which an image web object changes (swaps itself) on mouse over to another web object (called rollovers) and reverts back to the original image on mouse out. Rollover images are preloaded into the page when it is loading, this ensures that the rollovers are displayed quickly. The onMouseOver and onMouseOut attributes of the link tag are used to make this functional.


Making Rollover Effect Image

You have the following code:

 <a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>

Change the colored texts as it follows:

1. URL ADDRESS

This is the address where somebody will be sent when clicks on the image.
Example, my blog address: http://4bloggingtips.blogspot.com/
2. URL OF THE FIRST IMAGE GOES HERE

Replace the orange text (two times) with the URL address of the image which will appear before you hover over it.

3. URL OF THE SECOND IMAGE GOES HERE
Replace the text in blue with the url of  the image that will appear when the cursor hovers over it.

Now you can paste your image inside a blog gadget, going to Layout > click on Add a Gadget link (right side) > Select HTML/JavaScript from the pop-up window, then add it to your sidebar.

You can also add it inside your post by going to New Post > Switch to HTML tab and then paste the code in the empty box.

That's it. Enjoy ;)

How to Open Adf.ly Links in India and Other Blocked Countries

Written By Unknown on Tuesday 8 October 2013 | 07:44

As We all know that adf.ly is a site from where you get paid a little amount of money when someone visited your link. It has became so popular that many people are using this site as a side income.

But now a days this site is blocked in India and few other countries, so when some one clicks on a adf.ly link form India or other blocked countries, he/she will see a BLOCK notice. Many people are facing this problem but you can surely Bypass this problem.
Just follow the simple steps.

If you want to go to any adf.ly link and you are blocked (like: adf.ly/xyz).
Just simply put v2 before adf.ly ( like: v2.adf.ly/xyz).

Now go to the link v2adf.ly/xyz to continue.

If the above process is not working, then try this out.

your old link: http://adf.ly/xyz
Just a "s" after http
Your New Link: https://adf.ly/xyz

You now can easily continue.

Change Your Old Facebook Look into New one

Written By Unknown on Saturday 5 October 2013 | 20:27

What is New Facebook Skin:(Scroll Down for Video Help)

Facebook Have Changed their looks recently in 2013. You now can get rid of that boring FB skin. Though the color remains Blue but they have made some changes in the new skin.

How to get it:
Follow the steps to get your new Skin.

Step 1: Go to : https://www.facebook.com/about/newsfeed and scroll down to the bottom.

Step 2: Click on "Try the new look" button.


Step 3: Now follow some instructions and you are ready to go.

Google Official Contact Form for Static Pages in Blogger

Written By Unknown on Sunday 29 September 2013 | 21:56

Blogger released it's brand new Contact Form Widget for Blogger Users .It helps to send e-mails to blog owner without Sign In to Google or any other account. Anyone can send mails by providing a valid e-mail address and Message. But there is a problem with that Widget. We posted an article about "How to add Blogger Official Contact Form?" It only works as a Widget (it occupies in Sidebar / Footer), it can place in Static Pages. In many popular websites/blogs they use a page for Contact Form. By default this Contact Form can only used as widget, we are introducing a technique to use Google Official contact Form on Blogger Static Pages.





Add Blogger Official Contact Form to Static Pages

             Step 1:    Sign In to Blogger Dashboard
  
             Step 2: Select Pages -> Create Blank Page

 


          Step 3:  Switch to HTML mode from Compose Mode.
          
          Step 4: Click on HTML in left top of the Page

          Step 5:  Copy the Following code inside it and Save
<table><tbody>
<tr><td>Name</td> <td>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
</td></tr>
<tr> <td>
Email<span style="font-weight: bolder;">*Mandatory</span></td><td>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
</td></tr>
<tr> <td>
Message<span style="font-weight: bolder;">*Mandatory</span></td><td>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
</td></tr>
<tr><td align="center" colspan="2">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
</td></tr>
<tr><td align="center" colspan="2">
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</td></tr>
</tbody></table>


         Step 6:   Go to Template -> Edit HTML
         Step 7: Click on Jump to Widget and take Contact Form1



       Step 8: Click on the arrow before <b:widget id='ContactForm1' locked='false' title=' Contact Us' type='ContactForm'>


       Step 9: Delete the portion inside <b:includable id='main'> ........ </b:includable>


           Step 10: Now Sidebar Widget will not appear.
           Step 11: Click on Save

 

Featured Posts

Most Read

Catagory

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. 4 Blogging Tips - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger