Blogger

How To Add �Email Subscription Form� To Blogger Blogspot

by

If you are providing useful information in your blog, then every visitor will want to get latest updates from your blog. For that purpose you need a Email Subscription Form in your blog, so that interested visitors can easily get latest updates. And to add email or feed Subscription Form to your blogger blog (blogspot) it’s a very easy thing to do. So let’s begin:

1. Log in to Blogger, then go to Design > Page Elements > click on “Add a Gadget” link. 
2. From the pop-up window, click on the “HTML/JavaScript” gadget. 
3. Paste the following code inside the empty box:

<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class=”hl-email”>
Subscribe via Email <form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=mytrickstime‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
<input gtbfieldid=”3″ class=”textarea” name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}” onfocus=”if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}” value=”Enter email address here” type=”text” />
<input type=”hidden” value=”mytrickstime” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/>
<input class=”hl-emailsubmit” value=”Submit” type=”submit” />
</form>
</div>

Read Also :Speed up our blog by hosting CSS files externally

Settings 

  • Replace the url address in green if you want to change the email icon
  • Increase/Decrease the 130 width value for a wider text area
  • Replace http://feedburner.google.com/fb/a/mailverify?uri=mytrickstime with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.
  • Replace mytrickstime with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=mytrickstime

4. Save your widget and check your blog.Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Share Your Blog Posts To 101 Social Networks

by
MyTricksTime is take new and updated tricks for you dear readers,Now Get huge Traffic By Social networks.Sharing your blog and blog�s posts to different social networks is a nice way to drive traffic to your site. Bloggers do this trick to get publicize their blog and blog�s content. If you share your content to many social networks this will creates more chances to get traffic. But sharing a blog or blog�s content to more than 5 social networks is very difficult.

But don�t I have a nice way from which you an share your blog content to 130 social networks only with one click. YES !!! can�t believe me check out Social Poster. Just enter your post URL, Title, Some Description and related tags and click Post at the front of Social Network.

Click Here To Visit Social Poster


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

Speed up our blog by hosting CSS files externally

by

Nowadays, blogs and websites are ranked on basis of various factors and page load speed is also one of the factor on which your search rank depends.
If you are on Blogger then the reason you don’t get good search results if compared to similar WordPress blogs is because WordPress sites load faster and that’s because the CSS for the website is hosted externally.
In blogger templates the CSS styles are always internal and those CSS lines are 100s in number. The simple template in Blogger have more than 20kb
of CSS styles inside the document.You maybe thinking
how 20kb of CSS can slow down your page, 20kb can be downloaded easily with speed or even slow internet connection but here it’s not about your internet connection speed, it is about your page’s speed. Every single bytes can decide your rankings on search pages.

The first thing you must check is your current page speed marks, the highest score you can get is 100.


If you get less than 90 then you should now host the CSS externally and speed up your site.

Read Also :Customized and Stylized Subscription Widget


Get your CSS codes into a stylesheet file


Note: The first step to out the CSS styles in your template on an external stylesheet file. To do that you have to make changes into your template, so i suggest you to keep a backup of your template for future.

You are now ready to remove the CSS from your template and put it into a CSS file. Follow the instruction below.

Create a CSS file

Before you take out the CSS codes from the template you have to make a stylesheet file. You don’t need any special tool to create a .css file. You just need a plain text editor (notepad).
  1. Open Notepad, don’t type anything 
  2. Click on the file menu and click on Save As
  3. Locate where you want to Save the file
  4. Now name your file with .css at end, in Save As type place select ‘All Files’ and in Encoding select ‘UTF8’ that is it. See what it should look like this

Read Also : Colorful jquery digital clock Add on Blogger

  1. Save the file and it will be in a .css format if you did it right
Continue the next section to learn how to take out all the CSS in your blogger template and then put it into the stylesheet file

Move style code from template to stylesheet

Now you have to open up your template code, you can do it by going to Blogger Dashboard -> Template -> Edit HTML ->  and Proceed.

Now copy all the CSS codes you have in your template and paste it into the stylesheet file we just created and delete the codes from template as you have now pasted it already into the file.
Note: You can not normally use the Blogger’s default CSS code which has dollar sign into it’s values for example font: $(body.font); as the value of a property is fetched from database, so you can’t use it into a normal stylesheet file. If you want to speed up your blog page more efficiently than you can ask me to make the blogger’s CSS code compatible with a stylesheet for as low as $8 as a donation amount. Contact me on my email [email protected]

Host the file

Now when you have made the stylesheet file ready with the codes you can now upload it to your hosting service [Click here to know how to use free DropBox as CDN]. When the file is uploaded, get the hotlink (direct link) to it.

Attach it to your template

This is the last step, you now have to link the hosted CSS file to your template so it fetches the styles from the stylesheet. To do that go to your Blogger Dashboard -> Template -> Edit HTML -> Proceed -> Use CTRL+F5 to find </head> and paste this code above </head> 
1
<link rel='stylesheet' type='text/css' href='http://host.com/files/stylesheet.css'/>
You obviously have to have the link in the href value, replace this link in above HTML

http://host.com/files/stylesheet.css

With the link to CSS file hosted by you.

Mission Accomplished

Yay ! congrats on improving your page load speed by using external CSS files, it not only optimize your page speed but also makes the page rendering easy. But the problem is that you can only put normal CSS in the stylesheet, if you want to make all the CSS codes compatible with a stylesheet you can contact me on MyTricksTime@gmail.com and yes you have to pay $8 for it.
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Adding any thing under every post

by

Bloggers with less experience with some advance feature of HTML and Blogger will always end up adding ‘Thank for reading this post’ under every blog they post, but there is much easier way to add any thing, from normal text to good looking HTML elements below the post.
In this tutorial you will get to learn about adding anything you want under each and every post without adding it. It will automatically appear below your post, take my sharing buttons, previous post and subscribe box. I don’t add them in individual posts, they all render automatically.

You maybe thinking what’s the big deal ? You can add the gadget from Layout, but note that gadgets added under Blog posts gadget actually appear under the comments section which is again under the post. So the gadget gets in little distance from the post, ain’t it ?

I don’t think that i must stretch this post to add extra information, i am sure you have understand what i am trying to say.

The trick is to add the element directly in Template’s HTML, but you need to have an idea about where you exactly need add the HTML. The obvious way for the edit HTML is

Blogger Dashboard ->
Template ->
Edit HTML ->
Proceed ->
Check mark the ‘Expand widget template‘. The next step is to use CTRL+F to find this line

<div class=’post-footer’>

Once you find it, but any HTML you want just above the div element. See the image below.

All you need is to paste any HTML or JavaScript code above it to render the code under post. But if you want to control where should the HTML appear then see this tutorial on using blogger conditional tags.
Now you can make your weblog more attractive and dynamic with this simple but useful trick.

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

How To Create Facebook Page For Business / Blogger / Blogs | MTT

by

F           

acebook is a best social media networking site. Have you business, company, blogger, blogs or any website? So create your own facbook page for your business, company, blogger, blogs and website. you can increase your traffic to your business, blogs by creating facebook page for your business or for blogs and there are so many advantages by create facebook page for your business or blogs. Facebook is the second largest world among all planets and no. 1 in the world of internet so if you have any type of business or website or any blogs then I recommend that you must have a facebook page related to your business or blogs. So lets we talk about what is the advantage to create facebook page for business or blogs:

Read Also : Customized and stylized subscription widget

  • Drive traffic from facebook to your blogs
  • You will get your fans correspond to your pages
  • If you update anything in your facebook page then it will be in the status update of your all fans.(suppose you have 1K fans and you share your blog link it will be placed in front of 1K person so higher possibility for visit to your blog.
  • You can message to all your fans by just one click
  • Surely it will give you some professional work for your blog
  • (new feature) you can use your facebook as your facebook page( suppose you comment on any friends status then it show this comment by YOUR NAME but now instead of YOUR NAME you can use your FACEBOOK PAGE NAME so higher possibility to click on your FACEBOOK PAGE NAME and then to your blog.
  • Get visibility in major search engines.(for some keywords google shows my blog through our facebook page. See the preview:

Now let’s come to the main point;

How To Add Facebook Page For Business / Blogger / Blogs | MTT

Log into Facebook and then click here on Create a Page on Facebook . Then you will see some option for your facebook pages so choose for which you want to create your facebook page. If you want to create facbook page for blogs or website then choose Brand or Product now you will see as below preview,


choose website option and write your Blog Title below the option and tick facebook pages term and click on Get Started.
Now your page have been created on Facebook. You will see Get Started tab in your facebook page but it will show only for you and if any other visitors comes to your facebook page then they will see your wall by default. In the Get Started page you will see some instruction as 1,2,3, .. so as you complete your this started tab automatically remove ok forget about it. Firstky click on Edit Page(see right top side), see below preview


Click on Basic Information now choose again Websites & blogs in category and in the subcategory choose which is suitable to your blog and fill all the field properly as description and about your blog and don’t forget to write your blog URL under website option and then Save Changes.
Now click on Profile Picture and upload your blog picture. Now Click on View Page (see right top side). Now you can Invite your friends and Post Status Updates by first going to click on wall(see left panel) and write and post.
Now what will be the next for Import your blogs to facbook page through facebook notes? 

You done!

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