Blog Tricks

Add Simple Subscription Form Below Posts in Blogger

by



Today MyTricksTime Team writing about how to add simple subscription form just below posts in blogger.Almost everyone know about the value of the blog subscribers but the point is how can we increase the subscribers of our blog.
We can attract them by creating a cool or simple subscription form.If you place subscription form just below on every post your blog users can easily find this form and subscribe your blog.

To add subscription form just below of every blogger post please follow these simple steps.

Add Simple Subscription Form Below Posts in Blogger
Add Simple Subscription Form Below Posts in Blogger

Read Also : Add �Dynamic Email Subscription Form� To Blogger Blogspot

How To Add Simple Subscription Form Below Posts in Blogger

  • First You Should Take Backup of Your Blogger Template.
  • Now Log in to your Bogger Account.
  • In Your Dashboard Navigate to Template>>
  • Click on Edit HTML>> Button and Proceed>>
  • Now Find This code in HTML <data:post.body/>
  • Paste the following code just below <data:post.body/>

<form action=�http://feedburner.google.com/fb/a/mailverify� method=�post� onsubmit=�window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YourBloggerID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true� style=�border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;� target=�popupwindow�><span style=�margin:0 auto; padding-left:24px; position:relative;background: url(http://3.bp.blogspot.com/_b0xJ7qk6DTc/TEg2iHmUivI/AAAAAAAAAu0/j9tIV5fjTXw/s1600/myrss.gif) right center no-repeat;�/></span>Get Free Updates Daily: <input name=�email� onblur=�if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}� onfocus=�if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}� style=�width:176px;height:18px; background: #ffffa0 url(http://1.bp.blogspot.com/_b0xJ7qk6DTc/TInWwRjgSUI/AAAAAAAABC0/DWQZc1mUvaU/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;� type=�text� value=�Enter your email�/><input name=�uri� type=�hidden� value=�YourBloggerID�/><input name=�loc� type=�hidden� value=�en_US�/><input type=�submit� value=�Subscribe�/><center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center></form>


  • Replace YourBloggerID your feed id. Save the template and Its Done Enjoy..!

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

How to Build Backlinks For Your Blog in 2013

by



Building quality Backlinks are one of the most trustworthy technique to optimize your site for higher ranking. 

Backlinks is as well trustworthy for higher link popularity and higher PR intends higher ranking in Google SERPs.
                             Today we are going to share how to build Backlinks for your blog in 2013.


Social Bookmarking



Links adding up by social bookmarking sites like Delicious, Reddit, StumbleUpon
and so on acts a significant role in backlink building. In addition to, whenever you�re going to build up link for your site these types of links may be applied in the 1st level. 



Do Guest Posting

Today, Guest posting are one of the most popular and sure technique of building up authority backlinks. It�s in addition to established they�re importance as it comes in to in depth linking. You�ll be able to easily start getting backlinks from guest blogging or guest posting on high PR blogs. All of the time be sure to write and submit content to the applicable blogs or blogs of the equal niche whenever you�re planning to build backlinks through guest posting.

Read Also : 5 Ways For Your New Blog To Get Traffic


Do Blog Comments on Other Blogs

They�re one of the best method by building backlinks for any site. Nevertheless search engines don�t pass on very much grandness to these types of links but these types of links is still valuable if commenting are arranged in an smarting way.

Read Also : Increase blog traffic using powerful meta tags

 

DO Article Submission


Submitting content to high quality article directories could assist you in building up high quality backlinks for your site. At that place there is an large number of beneficial article submission sites with high PR such as EzineArticles Web 2.0 websites such as Squidoo, HubPages etc.

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Best SEO Tips of 2013

by

Whether you�re advertising, organic methods, or going with a mix of both, proper SEO what ultimately is going to earn you a high ranking site.

Your website code (HTML) clean, neat and clean if you need to be scanned by bots to do well! The excessive because the starting point is that a lot of web designers to clean up their code stresses. They simply drag and drop a menu, sometimes the only way of tweaking the actual code in the accessories pack.

Read Also : 5 Ways For Your New Blog To Get Traffic

It is a very bad way to go.


This is something that�s preposterously at ease to do, even out whenever you�re a cub with HTML. To concentrate on the primary matter is that you really end tag are closed. Copy and paste your code into a MS Word document or Notepad 1st, in case you mess up and choose your time to save a copy from the code to the copyright to add tags.
One of the most underrated ways to make your site�s ranking is a good internal linking structure. For example, your homepage using keywords and links to other pages of your site, and want to redirect readers to the contrary. However, these links have to clean up. They do not negatively affect the flow of navigation of your site, and they can not mess inside your HTML. Take your time and make a clear linking structure.

Read Also : Increase blog traffic using powerful meta tags

Adding images, pics or wallpapers to your website is great.Visitors visiting your site and make sure it looks good, relevant pictures will appreciate. But the search engine bots separate captions and tags within your HTML appreciate. To do so, simply open your page, HTML view, photo tags to find, and add different keywords and captions. Will not appear on the photo, rather than their content for bots crawling robot feed for this post will be.
Today on the Web, smaller, more personal, despite the explosion of social sites, content is still king, and all materials must still contain a lot of relevant keywords. Just keyword research before you post any material to be sure to perform. In context and content of your keywords near the top of the list, the first few sentences, headers, etc. This small solution will improve your rankings.

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Show Blogger Image Only In Homepage And Hide It In Post Page

by



Want to know how to hide specific images from blogger posts pages and to appear only in homepage? In this tutorial we’ll learn how we can do this! So let’s start hiding our images from posts pages:


Step 1. 


If you are using the old Blogger interface:

  • Go to Dashboard – Design – Edit HTML – Expand Widget Template (make a backup)

If you are using the new Blogger interface:

  • Go to Dashboard – Template – Edit HTML – Proceed – Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

    }]]></b:skin>

Step 3. Copy and paste the following code just below it

<b:if cond=’data:blog.pageType != &quot;index&quot;’>
<style>
.hidepic{
display: none;
}
</style>
</b:if>

Step 4. Save the Template.
Now everytime you create a post, firstly add the pic you want to hide and then switch to Edit HTML tab where you’ll see the HTML code of the image you have added that will look something like this:

<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s1600/fire_bird_by_fhrankee-d32af8v.png” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ height=”320″ src=”http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s320/fire_bird_by_fhrankee-d32af8v.png” width=”320″ /></a></div>

Note: it should be at the exact location where your image has been added (if the image is at the middle of the text, then the code should be located also at the middle)
All you have to do is to replace “separator” with “hidepic” as you can see in this screenshot below:
That’s it!

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

How To Create Drop Caps (Big First Letters) In Blogger/Blogspot

by

Here’s another way you can customize your Blog. In this case, your Posts and Comment’s first letter. The effect is a large first letter stretching down three or four lines with the text wrapped around. The drop cap letter can also use a different font and can be a different color to the rest of the text. You often see this style in newspapers, literature, magazines. In this tutorial i will show you how to apply automatically Magazine text style in Blogger Posts and Comments. So let’s start adding it!

Read Also : A Simple Related Posts Widget For Blogger

Big First Letter for your Blogger / Blogspot Posts


DEMO BELOW

                             


Step 1.

  •  If you are using the old Blogger interface:

Go to Dashboard – Design – Edit HTML – Expand Widget Template (make a backup)

  • If you are using the new Blogger interface:

Go to Dashboard – Template – Edit HTML – Proceed – Expand Widget Template (make a backup)

Step 2. Search (CTRL + F) for this piece of code:

]]></b:skin>


Step 3. Just above it, add the following:

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}


Customize:

Color – change the color highlighted in blue with the value of your desired color
Size – to change the letter size, increase/decrease the value highlighted in pink.

Step 4. Now search for this code:

<data:post.body/>


Step 5. Then immediately before and after add the red fragments you see in the example below:

 <div class=’capital’><data:post.body/></div>


Step 6. Save your template.

Important! If the above code is not working, add one of following codes from this example:


<p class=”capital”><data:post.body/></p>


Or

<span class=”capital”><data:post.body/></span>



Big First Letter For Blogger/Blogspot Comments


                                        DEMO BELOW


Step 1. Log in to your Blogger account, then go to Design (Layout) >> Edit HTML >> check the “Expand Widget Templates” box

Step 2. Search (CTRL + F) for this piece of code (if you have already added this code, skip step 2 & 3):

]]></b:skin>


Step 3. Add the following code just above ]]></b:skin>:

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}


Customize:

Color – change the color highlighted in blue with the value of your desired color
Size – to change the letter size, increase/decrease the value highlighted in pink.

Step 4. Then Search for this piece of code:

<data:comment.body/>


Step 5. Add the red codes before and after <data:comment.body/> as you can see in my example below:

<p class=”capital”><data:comment.body/></p>


Step 6. Save your Template.

That’s it! Now you have a cool drop cap first letter on your blog.
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com