Adding Sharing Buttons Enclosed in an Eggshell

I have already shared in my previous posts the different styles of putting sharing buttons in our blog i.e. below post titles and sidebar but  this time  we gonna make it more unique because we will put that inside an eggshell. Consequently, viewers will be amazed and at the same time they will share our posts to the different social media. So let's jump to the process.

Adding Sharing Buttons Enclosed In An Eggshell

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML button (Always back-up your template before editing)

Step 2. Look (Control F) for the code </head> and just above it paste the code below,

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Step 4. Find the tag </body> and paste the code below just above it,

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

Step 5. Click Preview first  to see the initial effect then hit the Save button. :- )

Short Customization (Optional):
1. To change the position of the "egg", replace fixed into static to make appear only at the bottom of your page.
2. Replace left to right to make visible at the right side of your blog
3. Adjust 2%  in order to adjust the vertical marginal position of the "egg". Increase value will also move the egg to the top and decrease the value will also move it to the bottom.
4.  Adjust 2% in order to  adjust the  horizontal marginal position of the "egg".  Increase value will also move the egg to the right and decrease the value will also move it to the left.

Hope that you enjoy this post and subscribe to receive our latest tutorial.
Please take of  your loved ones and Enjoy your Day Friend!!!!
Credits goes to bloggertricks with some modification from the author.

Monetize Your Blog in Infolinks

The most exciting part of being a blogger is we know how to monetize our site for us to be complemented the effort that we have made every single day of our blogging career.  There are many sites that  accept  application to publish  ads in our blogs/websites  and one of that is infolinks which is known for giving maximum revenue sharing. I'm gonna show you  the steps on how to apply infolinks 

ads publishers.

Applying Infolinks Ads Publisher

Step 1.

       1.1 Go to Infolinks or log in if you have already an account,

    1.2  Click publishers button and select among the four ads choices/styles i.e. insearch, in text,   intag and frame to  put in your site then click the Get It button,

 1.3  After clicking the Get It button, you are requested to enter your website URL, Full Name, Email                 Address and its password,

 1.4  Click Join.

 

Step 2. Adding Infolinks Widget to your Blogger Lay- out page

      2.1 After clicking the Join button, you will be asked what platform where infolinks ads will be integrated

 i.e. Wordpress, Blogger, Drupal and Joomla  or simply click Java Script and get the code inside the box ( this is applicable for any platform).

      2.2  If you one among the four platforms you will be directed choose Click Install Plug-in,

      2.3  Then  Add Widget,

      2.4  Drag the widget to the place where you want to place the plug- in.

      2.5  Finally, click Save Arrangement  and you are done.

            the screenshot below will elaborate more the above step (2).

Note: Please wait for four to seven (2-3) days depending upon the process of your application and be sure to have a quality contents for infolinks will not approve duplicated and poor quality contents.
Please enter your email address in  Receive Free Updates Widget in my sidebar  to subscribe latest tweaks.
Hope you Enjoy this article and Happy Blogging to all of us !!!

Add Facebook Like/Fan Box In Blogger Sidebar

It is very important to have a Facebook Like Box in our Blogger Sidebar for it tells how many users had liked our page and at the same time encourage them to do the same in just one click without visiting our Fan Page.

Add Facebook Like/Fan Box In Blogger Sidebar

Step 1
        1.1 Open your Facebook Fan Page Account,

      1.2  Get the URL from the browser address bar as shown in the screenshot below,

Step 2
       2.1  After getting your face book fan page url, it is now time to configure it.
       2.2  Fill up the information needed (Facebook Page URL, width, height, show faces, color schemes, stream, border color, and  header),



     2.3  Get the code, there are four options i.e. HTML5, XFBML, IFRAME and URL. Among these four options, choose the third one, the IFRAME,

     2.4  Copy the code and in your Blogger Lay-out page, click the Add Gadget Button then scroll down  and select HTML/Javascript. Paste the code  inside the empty box,

    2.5  Click Save Arrangement and you are done.
Note: According to some pro bloggers, blog with less than 100 likes should not show their Facebook  Like Box to their visitors for it discourage them to give you a "like". But anyway, the important is, we know how to install it in our blogger sidebar. Hope you find this article useful. Please take care of your love ones and happy blogging to all of us :-) 

Edit Permalink to Increase Blog Traffic

Every blogger especially newbie must have a basic  knowledge on the implementation of  Search Engine Optimazation (SEO) tips in order to  gain daily organic traffic. Although the implementation of this is not a must to some bloggers but for you as a goal- oriented type is very important one. In this article, we will show one SEO tip i.e. editing your permalink but when practice it before publishing your post, you will really gain weight little by little. Here is the logic behind that, every time you will publish post, blogger will automatically generate permalink  of your post depending upon the length of your post titles and that sounds good because you save your time doing some editing of that permalink but the problem is you can't tell if the permalink that blogger generated it is SEO friendly especially if your post titles is quite long.

Have a look at the example below:

Post title: How to add multiple social media buttons

Blogger perhaps generate permalink this way:
http://bloggingtipsandtrix.blogspot.com/2013/04/how-to-add- multiple-social.html

Please note that this is just  only an example for clarification purposes.

Sometimes blogger will generate a permalink that is not rich keyword targeted  ( social media buttons ) in the above example and therefore your post has a low ranking percentage because the permalink bears the content of the article.
Now if we will change the permalink above to be SEO friendly. It will become http://bloggingtipsandtrix.blogspot.com/2013/04/add-social-media-buttons.html
Note: In some cases "How to add multiple" is also a keyword depending on the keyword you are also targeting.

Additional Informations

• Limit your Post Title Characters including space between words not more than 66.
• Permalink should not be more than 30 characters that would summarize your  post title/article.
• Use Synonyms in editing your permalink to increase your visibility. Instead of using the word "Add", utilize the word "Put" in your next permalink.
• Avoid using Underscore (_) Instead Hyphen (-)

Edit Permalink to Increase Blog Traffic

Step 1. In yourt Unpublished post, click on the permalink button at the right side of Blogger Post Editor page.
Step 2. Click the the Custom Permalink Button and type your new permalink at the box provided.

Step 3. Hit the Done button and Publish your post.

References:
Bloggersentral, Mybloggertricks and world web surfers

Putting Star Rating Widget In Blogger

As a blogger, we need to know if our post meets or answers the problem of our readers for us to enhance further our writing and research skills. Readers, sometimes don't want to give their comments of  what is their reaction after reading the post, perhaps they are in hurry of the implementation of what they have learned or just tired of thinking of what will be their message. But don't worry because through star rating widget, in just one click the readers could give us feedback to our post. In this tutorial, we will put a Star Rating-Widget just below your article.

Putting Star Rating Widget In Blogger

Step 1. Open your Blogger Account,
Step 2. Go to (Star) Rating Widget and fill up the information needed,

Step 3. Hit the Get Widget button  then you will be asked to enter your email and click the Submit button
Step 4.  After clicking the Submit Button,  your User Key and User ID will appear, then hit the Add to Blogger Button and this bring to your Blogger Add Page Element window,



Step 5. Click the Add Widget button and you will be taken to your Blogger Lay-out page,

Step 5. And finally, drag the Star Rating Widget button below post body then click Save Arrangement button.

Have a nice Day and Enjoy!

Putting Social Media Sharing Buttons Below Every Post Title

One way pushing your initial traffic is  by knowing to the world that you have a such kind of blog that is unique from the other blog. In this tutorial, we will put Facebook, Twitter, Email, Print, G-mail, Stumble upon and Add this button. But you can also add another sharing buttons of your like. So let us go with the tutorial.

Putting Social Media Sharing Buttons Below Every Post Title

(Always back-up your template)
Step 1. Go to Blogger Dashboard >> Template >> Edit HTML

Step 2. Look for the code <data:post.body/> (choose the third occurrence of the code)
and  just above it, paste the code below,

                       

<b:if cond='data:blog.url != &quot;ITEM&quot;'>
                         <b:if cond='data:blog.url != &quot;ITEM&quot;'>
                                 <!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style addthis_32x32_styles'><table border='0'><tr>
<td><a class='addthis_button_preferred_1'/></td>
<td><a class='addthis_button_preferred_2'/></td>
<td><a class='addthis_button_preferred_3'/></td>
<td><a class='addthis_button_preferred_4'/></td>
<td><a class='addthis_button_preferred_5'/></td>
<td><a class='addthis_button_preferred_6'/></td>
<td><div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;BLOGGINGTIPSANDTRIX&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script></td> </tr> </table></div>
                                   <!-- AddThis Button END -->
                                          </b:if></b:if><br/>

                                           


Step 3. Click preview, then if it is okey, save your template and you are done.
Short customization:
 1. To add one or more  sharing buttons, put the tag below just above this line <td><div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script bla bla bla bla.......

  

<td><a class='addthis_button_preferred _#'/></td>

 Change # sign with next number of your button.
2. Replace ITEM  with the url of the page where you want to hide this particular widget.
3. Replace BLOGGINGTIPSANDTRIX  with the name of your blog.

Putting Sharing Buttons In Your Blogger Sidebar

Step 1. Go to Blogger Dashboard >> Lay- out >> Add Gadget

Step 2. In the pop-up window, scroll down and click HTML/Javascript



Step 3. Inside the blank box put the code below and then click Save Arrangement button.

<!-- AddThis Button BEGIN -->
<center><div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_preferred_5"></a>
<a class="addthis_button_preferred_6"></a>
<a class="addthis_button_compact"></a></div></center>
<script type="text/javascript" src="
http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fdb16d133fdf909"></script>
<!-- AddThis Button END-->

Happy Blogging to all of Us Bro!!!