Cari Blog Ini

Tampilkan postingan dengan label sidebar. Tampilkan semua postingan
Tampilkan postingan dengan label sidebar. Tampilkan semua postingan

Rabu, 03 Juli 2013

Best | Easy Tricks To Monetize Your Blogger Blog With Google Ads Increase CPC | CTR And Earning

In this tutorial i will show you how you can easily Monetize your Blogspot or Website with using Google Adsense Ads to Make Money with high CPC (Cost Per Click) using high CTR (Click Through Rate). These two points are very important if you want to make more money with your blog or website. Let's suppose if you get 3000 visitors daily then you can easily make 10 to 15 dollars with your blog without high CPC and if you optimize your Google Adsense Ads means your Ads Placement like Above Post Title, Below Post Title, Wrap Ads with your Text Content means Float Left or Right, Below Post or Between the Post and Sidebar Gadget also. And one most important is below Header or Blog Title/Blog Name.


Best | Easy Tricks To Monetize Your Blogger Blog With Google Ads Increase CPC | CTR  And Earning
Best | Easy Tricks To Monetize Your Blogger Blog With Google Ads Increase CPC | CTR  And Earning

In this post i discuss  7 Better Ads and Banner Placement To Increase Earning. First i give you main headings of these 7 points and then we discuss all these headings one by one.

  1. Google Adsense Ads Above Post Title.
  2. Google Adsense Ads Below Post Title.
  3. Google Adsense Ads Wrap or Cover with Post Content means floating ads.
  4. Google Adsense Ads Between Post or Text.
  5. Google Adsense Ads Below Post.
  6. Google Adsense Ads In Sidebar Gadget/Widget.
  7. Google Adsense Ads Below Blog Title/Blog Name.

Now if you have a Google Adsense Account Approved with your blog then use these tricks and increase earning by controlling the CTR and check your earning after doing these tricks. Its really work. It does not matter your account is Youtube (Hosted Google Adsense Account) or Original means (Non-Hosted Google Account) in both situation you can increase your earning. But little difference always in hosted or non-hosted account. Hosted account not give you above 10 dollar in a day. But if you have approved your account with your Custom Domain Or Website which get daily 1000 visitors then you can easily make nearly 30 dollars in a day with CPC $1. If you get 30 clicks in a day approximately then you can get 30 dollars simply. That's why first you get your custom domain removing Blogspot and you can do easily by get your domain with help of Google Blogger using setting option i also give you link if you want to transfer your blogspot to your website or custom domain. Like .COM.

Simple | Easy Tutorial For Transfer Blogspot To Website


1) Google Adsense Ads Above Post Title:


How to add or put Google Adsense Ads above the post title? and answer is.
There are two ways if you want to put or add ads on your blogspot which you approved by Google Adsense or Google Blogger then it just easy. And if you want to put ads on other blogger then i also give you the method of putting them in above your post title.

First For Those Blogger Which Is Approve Already From Blogger.
Second For Those Who Can't Approve From Blogger.

Those Blogger Which Approve:


Now if you Google Adsense Account is Approved by Google Blogger Team then you can easily Monetize it by doing below small steps or tutorial.

Go to Blogger.com.
Go to Layout.
Click on Add A Gadget.
Go to Adsense which is represent with Dollar Sign.
Click on it. If your account is approve then your ads are shown in your blogger.
After this Select or Mix up your ads with your blogger themes.
Add your ads where you want if you want to add in blog post above title then do below steps.
Go to Layout Again.
Click Edit link in Blog Post Body below Header.
And Select your place and add your ads.

How Easliy/Simple To Manage Page Layout In Blogger Blogspot
How To Easily Make Money With Affiliate Marketing Blogger

Those Blogger Who Can't Approve:


Now if your account not approve then you can also add Google Adsense to other blogspot blogger easily above post title by doing below tutorial.

  1. Go to Blogger.com.
  2. Go to Template.
  3. Click on Edit HTML.
  4. Press Ctrl+F to appear Search Box in HTML coding box.
  5. When Search box is appear then copy below code and paste in search box and press enter.
  6. When you find this below code then add your Parse/Convert Google Ads code below or above this code. For parsing Google Ads code click here.  Google Adsense Converter

<div style='float: right; margin: 10px 10px 10px 0;'>
   &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;ca-pub-xxxxxxxxxxxxx&quot;;
google_ad_host = &quot;pub-xxxxxxxxxxxxx&quot;;
/* Trick Of Blogging  */
google_ad_slot = &quot;xxxxxxxxx&quot;;
google_ad_width = 336;
google_ad_height = 280;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

    </div> 

Replace the Red Highlighted Code with your Parse Ads Code and paste above or below the below tag.


<div class='post-header'>

2) Google Adsense Ads Below Post Title:


If you want to add or put your Google Ads below title tag then same as above tutorial but just paste the code below this tag    <div class='post-header'>.

4) Google Adsense Ads Wrap or Cover with Post Content Means Floating Ads:


Now if you want to add the Google Adsense ads with floating left and right then use above 1 point same as and then find below tag and paste the ads code above/before the 3rd or last tag.


<data:post.body/>

Now if you want to float your ad right then write the left/right/center its up to you just change the code with your desire.

Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin

5) Google Adsense Ads Below Post:


If you want to add or put the Google Ads below post then copy your parse ad code and replace with Red Highlighted Code adjust the alignment left right or justify it with your desire and paste the Ad code just below/before this tag.  <data:post.body/>.

Tips And Troubleshooting:

Always parse the Adsense Ads Code when you want to add in Blogger HTML Body. If you can't parse the code then it is not work and also first when you pick the ads code first add it in HTML/JavaScript just few second and then parse this code not newly code directly work in blogger HTML Body. If your account is hosted then you must do this first. And if you can't properly understand then contact us and i will definitely guide you with my best answer.

6) Google Adsense Ads In Sidebar Gadget/Widget:


Google Adsense Ads placement in Sidebar is also give you best CTR using the Ad size with 160*600.
Now make ad unit of   160*600 in your adsense account and paste it in the Gadget where you want.

7) Google Adsense Ads Below Blog Title/Blog Name:


Get the Google Adsense Ad Code and follow the below tutorial.

Go to Blogger.com.
Go to Layout.
Click on Add A Gadget.
Go to HTML/JavaScript.
Paste the code in HTML/JavaScript Box.
Pick this gadget and drag it and drop below your Blogger Title/Blog Name.

Now you have done all these steps and if you feel its not working then reply me for better answer. I will available all the daily for your help just feel free and keep comment on my post.

Related Articles:


You Put Chitika Ads to Blogger Blogspot with Simple Steps  
Affilate Banner Put Below in your Blogger Post  
The Best Placement of Adsense On Your Blogger Blogspot  
How Can I Make Earning With My Blogger Blogspot
How I Can Place Adsense Ads Between My Blog Post or Below Title Tags 
Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger  
Best Blogger Tips And Tricks For My Blog SEO Instantly  
Easy Tricks To Get Lot Of Visitors On My Blogger

    Minggu, 09 Juni 2013

    Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Sidebar

    In this tutorial i will show you how you can easily Add Stylish Subscribe Us Box widget in blog sidebar or in footer. Subscribe Box is the best way also to increase the blog traffic. Because when people Subscribe your blog then they daily visit your site for getting updated Content or Post on your blog. The heading Subscribe to Get Latest Tutorial Via Email is the one of the best heading which convince to blog reader to get daily updated content. Imagine if your blog readers means subscribe are upto 500 then you can get average daily 100 visitors from this widget by adding in your site or blog. Now i have a good and easy tutorial to explain or embed this widget on your blog in just 5 minutes.

    How I Can Boost Traffic With Targeted Country On Blogger
    How I Can Make Internal Links In The Blog Post To Increase Rank
    How I Can Use Webmaster Tools Properly For Blogger

    How And Where I Put Or Add This Gadget:


    Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Sidebar
    Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Sidebar
    This is your question may be and i have good answer for this question if you want to more subscriber then place this widget or gadget in blog sidebar in between or below where your want and if you also want to put it in the blog footer widget then you also do that its upto you. But my suggestion place this widget in blog sidebar to get better results.

    Now we are going to start this easy tutorial.
    If you want to add this widget then work according to below tutorial.

    Go to Blogger.com.
    Go to Layout.
    Click on Add A Gadget link.
    Go to HTML/JavaScript.
    Click on HTML/JavaScript.
    And Paste the below code in the HTML Box. But few customization is required which is give below.


    <style type="text/css">
    #subscribe-wrapper {
    background: url(http://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent;
    padding: 3px;
    }
    #subscribe-box {
    background: url(http://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7;
    border-radius: 15px;
    padding:5px;
    overflow: hidden;
    }
    a.linkopacity img {
    filter:alpha(opacity=75);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -ms-transition:All .5s ease;
    -o-transition:All .5s ease;
    transition:All .5s ease;
    padding: 3px;
    border: 1px solid #999;
    }
    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
    }
    #subscribe-box:hover table {
        top: 0;
    }
    #subscribe-box h1{
    margin-top: 5px;
    color: black;
    font-family: arial;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
    }
    #subscribe-box table {
    position: relative;
    top: 40px;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -ms-transition:All .5s ease;
    -o-transition:All .5s ease;
    transition:All .5s ease;
    margin-bottom: 0px;
    }
    #subscribe-box td {
    padding: 2px;
    }
    #subscribe-box input{
    background: white;
    border: medium none;
    font-size: 12px;
    padding: 10px;
    width: 150px;
    color: #666;
    font-family: arial;
    margin-bottom: 3px;
    width: 55%;
    }
    #subscribe-box input:focus{outline:none;}

    #subscribe-box .submit{
    background: #E73827;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 2px black;
    width: 90px;
    font-family: arial;
    margin-left: -3px;
    font-size: 14px;
    }
    </style>
    <div id="subscribe-wrapper">
    <div id="subscribe-box">
    <h1>Subscribe to Get Latest Tutorial via email</h1>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Put your feedburner link for verifyication', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <center>
    <input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;enter your email address...&quot;;}" onfocus="if (this.value == &quot;enter your email address...&quot;) {this.value = &quot;&quot;}" size="20" type="text" value="enter your email address..." />
    <input name="uri" type="hidden" value="Trick Of Blogging" />
    <input name="loc" type="hidden" value="en_us" />
    <input class="submit" type="submit" value="subscribe" /></center></form>
    <center>
    <table>
    <tbody><tr><td><a href="http://feeds.feedburner.com/blogspot/LPkip" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td>
    <td>
    <a href="http://www.facebook.com/pages/Trick-Of-Blogging/447187668684161" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a>
    </td>
    <td>
    <a href="https://twitter.com/trickofblogging" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a>
    </td>
    <td>
    <a href="https://plus.google.com/u/0/113224303869289827964/posts" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a>
    </td>
    </tr></tbody></table>
    </center>
    </div></div>
                          

    Customization For Subscribe Box Widget:


    Change Red Highlighted Color Text with your desire text. Subscribe to Get Latest Via Email.
    Change Orange Highlighted  Color Text with your feed burner verification link. 
    Change Sky Water Highlighted Color with your Google Feed Burner link http://feeds.feedburner.com/blogspot/LPkip
    Change Pink Highlighted Color with your Blog Facebook Page link http://www.facebook.com/pages/Trick-Of-Blogging/447187668684161
    Change Parrot Green Highlighted  Color with your Blog Twitter Page/Profile link https://twitter.com/trickofblogging
    Change Purple Highlighted Color Text with your Google+ Profile or Post page link https://plus.google.com/u/0/113224303869289827964/posts

    After Customization paste the code in HTML Box and save setting.
    Now Select the desire place where you want to add this amazing widget in sidebar.
    Again Save Setting.
    Click on View Blog.
    Now you have done correctly.

    And if you want to add this widget in Footer Column then first add the Three Footer Column and this this in the Blog Footer it also looks beautiful.

    Add Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

    When you add this widget also then just pick your Subscribe Widget and drop the added widget in the Blogger Footer or Bottom. Now view your blog its look perfect now.


    Related Articles:


    Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot
    Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot
    Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar
    Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin
    Add Manually CSS Jqeury Drop Down Menu On Blogger
    Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
    Add Flickr/Picasa Web/Photobucket/Other Albums Slideshow On Blog Easy Tricks
    How Easliy/Simple To Manage Page Layout In Blogger Blogspot

    Rabu, 05 Juni 2013

    Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot

    In this tutorial i will show you how to Add Three Column Tab Gadget in blogger sidebar with three option Followers, Popular Posts, Blog Archive. To install this widget in blogger template is so simple and easy or if you want to add this widget in blog then follow the below tutorial for doing this on your blogger. I also put/install this widget now then i want to share it with my blog readers. To add this widget in blogger is very effective for blog reader they can easily access your blog and easily find what they want on your blog. These three option is not fix you can easily change after adding this widget on blog.

    5 Ways How to Make your Blogger Blog Like WordPress Website
    How I Make My Blogger Good Looking Best Tricks
    How To Make Website Like My Blogger Tricks To Get Best Alexa Rank 

    Adding Three Tab Gadget/Widget On Blogger Blogspot:


    This widget is one of the best widget because it is not occupies too much space in this widget space is less and three option is added easily which is very best. It also make your blog looking good and your blog look like perfect blog after adding this. The three tab gadget in layout many types but i choose simple and best looking i also make this tutorial so easy and any one add this widget to their blog by using this easy tricks.
    Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot
    Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot
                                        

    Now we are going to start the simple adding Three Tab or Multi Tab Widget on Blogger Blogspot. Follow below tutorial and add easily.

    Go to Blogger.com.
    Go to Template.
    Click on Edit HTML orange button link.
    First Download your full blogger template.
    Press Ctrl+F in the HTML Body Box.
    Paste the below code/tag in the search box and press enter.

    ]]></b:skin>

    When you find this code/tag then pick or copy the below code and paste just above/before the above tag.


    /***----- TOB Multi Tabbed Widget ----***/
    .tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}
    .tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
    .tabs-widget li:first-child{margin:0}
    .tabs-widget li a{color:#4E4840;background:#EBEBE5;padding:5px 16px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
    .tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:#756857;color:#FFF;text-decoration:none}
    .tabs-widget-content{}

    .tabviewsection{margin-top:10px;margin-bottom:10px;}


    Now if you have Default Template or any types of template then find the any code which is given below one by one.


    <div class='column-right-inner'>

    <div id='sidebar-wrapper'>

    <div id='rsidebar-wrapper'>

    When you find any one of them then copy below code and paste below any of tag which you find.

    Get Google Page Rank With In 1 Month By Simple And Easy Tricks 
    Best Blogger Tips And Tricks For My Blog SEO Instantly


     

    <div class='tabviewsection'>
    <script type='text/javascript'>
                jQuery(document).ready(function($){
                    $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                    $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
                    $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
          
                    $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
                        $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
                        $(this).addClass(&quot;tabs-widget-current&quot;);
                        $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                        var activeTab = $(this).attr(&quot;href&quot;);
                        $(activeTab).fadeIn();
                        return false;
                    });
                });
            </script>
    <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Followers</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Popular</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
    </ul>
    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
    <b:section class='sidebar' id='sidebartab1' preferred='yes'>
    <b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'/>
    <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
    </b:section>                                      
    </div>                           
                                   
    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
    <b:section class='sidebar' id='sidebartab2' preferred='yes'>
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
    </b:section>                                        
    </div>                           
                                   
    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
    <b:section class='sidebar' id='sidebartab3' preferred='yes'>
    <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
    </b:section>                                    
    </div>
    </div>

    Now Save your Template.
    Click to View Blog.

    Now you have done this trick and your blog look good now if you want to replace gadget with other gadgets then delete the following and replace which you want to add.

    Related Articles:


    Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
    Add Manually CSS Jqeury Drop Down Menu On Blogger
    Add Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
    Add Facebook Like Box Widget/Gadget On Blogger
    AddAbout Us Page Widget | Gadget On Your Blog Footer Or Sidebar
    Add | Put 50 Flag Translator Widget | Gadget On Your Blogger
    Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger
    Add Recent Post Moving In Down And Upward Direction


    Sabtu, 01 Juni 2013

    Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar

    In this tutorial i will show you how you can easily make About Us Profile on blog widget or gadget in you footer of in sidebar of you blog. If you feel problem by adding about us page on your blog then forget it and now ready to add this on your blog by simple blogging tricks. About Us page is very important if you want a approval from Google Adsense or Monetize you blog with Google Adsense. Because Google want a info about the Author properly and if you can't put this on your blog i will sure you can't approve any time from Google and Google reject the application of your Google Adsense Account Immediately. I have also many trick to make money online by YouTube Or Chitika Ads.

    How I Can Get Approval From Google Adsense My Blog Or Website
    Easy | Best | Simple Tricks To Make Money From Youtube | Chitika

    If you have not get a lot of visitors on your blog then i have also best and latest tips for Blogger SEO which increase your traffic. You can also get to much traffic from Social Bookmarking Sites.

    Best Blogger Tips And Tricks For My Blog SEO Instantly
    How I Can Get More Pageviews Using Social Bookmarking.Com

    Add Make About Us Page Widget Gadget On Your Blog Footer Or Sidebar
    Add Make About Us Page Widget Gadget On Your Blog Footer Or Sidebar
          

    How You Can Easily Add This Widget On Your Blog By Simple Steps:


    I have a small and best tutorial for you if you want to add this widget on your blog like my profile widget then ready to make it. I share this post only for you .

    I have Latest Blogger Widget you can easily add on your blog to increase the Beautiful Look of your blog.

    Add Facebook Like Box Widget/Gadget On Blogger
    Add Three Or Four Column Footer Widget/Gadget In Blogger
    Add CSS Jqeury Drop Down Menu On Blogger
    Manage Page Layout In Blogger
    Live Traffic Counter Put In Your Blogger Blogspot
    Add Twitter Updates Gadget To Blogspot Blogger

    Add This Gadget With Below Code Pasting:

    Copy the below code and paste it notepad file and customize it according to below tutorial.

    <h2 class="title">About Me</h2>
    <div class="widget-content">
    <!--[if !IE]> -->
    <style>
    }
    #trickofblogging:hover
     {
    border:2px solid #ccc;
    cursor:pointer;
    }
    .opacity
    {
    opacity: 0.5;
    margin-right: 50px;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
    }
    .opacity:hover
    {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-box-shadow: 1px 1px 4px #000;
    -webkit-box-shadow: 1px 1px 4px #000;
    box-shadow: 1px 1px 4px #000;
    }

    </style>
       <!--[endif]---->


    <style>
    #trickofblogging
    {
    border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
    }
    #profileAditya:hover
     {
    border:2px solid #ccc;
    cursor:pointer;
    }

    .opacity:hover
     {
    opacity: 1;
    -moz-box-shadow: 1px 1px 4px #000;
    -webkit-box-shadow: 1px 1px 4px #000;
    box-shadow: 1px 1px 4px #000;
    }

    </style>

    <img class="opacity" id="trickofblogging" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtmsJfQeUMaaTsA1hUC5lAzVEJNQOneW51d9dJaUOxqhaFhkuDhn3p71FuXsP8x9BOx2R5mJpFGjawbJaPR5yQv4Boc_PJdJCUfFehJUoNk9HXSamatCMaVa_YvqlpUwBZsybkHqGsf4/s1600/DSC00108.JPG" width="100" />
    <div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; ">
    <b>Founder & Author:</b> Founder & Author: Hi! I am Umair Noor: Hi guys, Welcome to TrickOfBlogging and let me introduce myself to you. Like any other, I’m a normal guy who is passionate about Computing, Blogging and Internet. I’m Umair Noor student of Software Engineer by education a Blogger by profession and Blogging is my passion<a href="http://trickofblogging.blogspot.com/"> <b>Trick Of Blogging</b></a>is not start of blogging Umair launched his frist Marketing Site in 2010. He is a problogger & running a number of sites from his living room</div><a style="color:#5634;" href="http://trickofblogging.blogspot.com/p/blog-page_2741.html#.UakbF9jIfFwl" target="_blank">...Read More</a><!--![endif]---->
    </div>

    Changes Required:


    Replace the Red highlighted line with your image link which you want to add on About Us page.
    Replace the Green highlighted line with your desire Font or Size.
    Replace the Orange highlighted line with your Info Text.
    Replace the Blue highlighted line with your blog home page link.
    Replace the Brown highlighted line with your Blog About Us page link.


    When you customize all the required highlighted lines then copy your customize coding and paste this code according to below tutorial. If you want to easily add this in your blog feel free and work now.

    Go to Blogger.com.
    Go to Layout.
    Click On Add A Gadget.
    Go to HTML/JavaScript.
    Paste your Customize Code In the HTML box.
    Save it.
    View blog.

     Related Articles:


    Social Bookmarking Button Add To Blogger
    5 Ways To Make Your Blogger Blog Like WordPress Website
    How to Verify My Blogger Blogspot in Webmaster Tools
    Submitt Sitemap of Your Blogger To Google And Major Search Engines
    How I Can Optimize the Post Title Mean My Post Show First
    How I Can Use Webmaster Tools Properly For Blogger
    How I Can Boost Traffic With Targeted Country On Blogger
    How I Can Make Internal Links In The Blog Post To Increase Rank

    Minggu, 12 Mei 2013

    Add Flickr/Picasa Web/Photobucket/Other Albums Slideshow On Blog Easy Tricks

    You can easily put Slideshow of Flickr, Picasa Web Albums, Photobucket on your blogger blogspot simply by adding widget/gadget in layout to manage blog albums to make beautiful blog and show your albums to your blog visitors.

    In this beautiful and easy tutorial i will show you how to put or add Flickr Albums, Picasa Albums, Photobucket Albums slideshow on blogger blogspot these are the main Photostream Albums which i want to tell you how it is embed on blog sidebar or in footer for make blog looking better.

    How To Add A Photostream Flickr Slideshow On Blog Using Layout:

    If you want to add Flickr Slideshow on your blog sidebar then follow the below tutorial to put them on your blog with simply tricks.

    Easy Tricks To Get Lot Of Visitors On My Blogger
    Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger

    Flickr Account:


    • First make Flickr Account by signing up if you have already then go with tutorial.
    • When you make Flick account then login in to your account.
    • After login you should go to You link like which you can see in picture with black arrow.
    • When go to YOU link click to Photostream link.
    • After clicking on Photostream link you can see the link with address bar in your browser like my photostream link.
    • You can see easily in pic with arrow head in browser URL address box.
    • Copy photostream link only your photo names not a previous link i will clearly cut the the previous link with red color.

      Add Flickr/Picasa Web/Photobucket/Other Albums Slideshow On Blog Easy Tricks

      Now next step in Blogger.


      1. Go to Blogger.com.
      2. Go to Layout.
      3. Click on Add A Gadget.
      4. Go to Slideshow Link.
      5. Click on Slideshow.
      6. Give the title name of your Slideshow which you want by removing Slideshow.
      7. Choose the Source Flickr.
      8. Click on User.
      9. Give User name which you already copy from your address bar.
      10. Choose the Speed of Slideshow which type of speed you want to show.
      11. Choose Option link open image on new tab or Random Images.
      12. You can also check both of two option.
      13. Now you can see the live Preview of your Photostream Images.
      14. Click on Save with Orange Button. 

      Best Blogger Tips And Tricks For My Blog SEO Instantly
      How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger


          How To Add A Picasa Web Albums Slideshow On Blog Using Keyword or User Name:

          You can also add picasa web albums on your blog it also very easy. For this make picasa account and use the below tutorial.

          1. Go to Blogger.com.
          2. Go to Layout.
          3. Go to Add Gadget.
          4. Go to Slideshow.
          5. Select the Source Picasa Web Albums. Here you can see two option Keywords or Albums.
          6. If you want to add albums with help of keyword then just write keywords which pictures/images you want to show on your blog. Like you write the word moon you can see all pictures or images of about moon.
          7. If you want to add albums with using your user name then paste your Picasa Web Albums user name and show your own pic on blog.
          8. Now select the speed of picture slideshow which speed you want.
          9. Select also two option with open window new tab or random images.
          10. Take preview and save the setting.

          Now if you want to add also Photobucket or Other types of albums on your blog then i will definitely write post about Photobucket Slideshow. If you have any question about this tutorial then comments me and i will answer your problem as soon as possible. I have also a big collection of tutorial to make your blog good looking or perfect and you can easily put seo on your blog or monetize your blog with Chitika, Amazon and other affiliate Ads.

          Related Articles:

          Easy | Best | Simple Tricks To Make Money From Youtube | Chitika
          Make Money Form Links of Amazon Product to Blogger Posts
          Add/Put Banners Ads On Blog To Make Money Easily
          Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger
          How To Make Website Like My Blogger Tricks To Get Best Alexa Rank
          Best Blogger Tips And Tricks For My Blog SEO Instantly
          How To Make Backlinks To Other Website To Increas Page Rank
          How Manage Blogger Title Tags to Improve SEO

          Jumat, 10 Mei 2013

          Add/Put Banners Ads On Blog To Make Money Easily

          Banner Ads are also a big source of income by displaying Banners Ads on blog or website. I have many tricks to add banner ads in sidebar, blog header, above post, in between/middle post, below post, and in the footer. You can easily do also by reading my small tutorial which is given below. When you are going to advertise some links or ads on your blog or website keep in mind not add too much advertising banners or links on your blog because when you put banners in larger amount then visitors of your blog think he/she is not promoting blogging he/she just make money from your blog and visitors can't read your content and left your blog immediately it also decrease your visitors and increase your bounce rate (left blog on first page) and people who visit your blog one time like these then they can not come again to your site.

          What Is Banner Ads How We Make Money From These Banners:

          Blogging is great and blog also provide us to add advertising to your Blogger Blogspot Blog and make money from it. In this tutorial i will discuss how we make money from banner advertisements easily. Banner advertising is different from Google Adsense, Chitika, Adbrite, Amazon. Google Adsense ads are already add on 80% blog but if you have not added Google Adsense Ads on blog or website then go with this link to put it on your blog.  How I Can Place Adsense Ads Between My Blog Post or Below Title Tags . If you can't approved by Google to show ads on you blog then i have a easy tricks to get Google Account.

          How I Can Get Approval From Google Adsense My Blog Or Website


          Adding Advertising Banner Is Totally Free And Make Money:


          It is not a secret that banners make money provided you choose your merchant program carefully but you have get enough traffic means a huge traffic on your blog or site to make money. If you are pass to get 300 visitors daily on your blog or website then you can easily make money from your blog with banner ads.


          Affiliate Banner Put On Blog To Make Money:

          Affiliate Marketing Banners are easily make money for publisher like you. When you are sign up for advertising banner for your blog to make money then Affiliate Programme gives a snippet of code in HTML which you add to your blog layout Add Gadget or in the between or below post to make money online. When you paste the code in HTML code it display like a banner on your blog page. When some one click on a banner on your website or blog that click is counted as originating from your blog and you make money as a result. How you can earn per click no one tell you about this but its depend upon the merchant programme that you have signed up for you can earn a commission and a few percentage of the sale.

          Affilate Banner Put Below in your Blogger Post

          How Banner Ads Work To Make Money:

          When you put banners ad on that blog which get 300 visitors in a day then out of 300 people 10 people click on your banner ads which takes the visitor to merchant's website. From those 10 people 2  person purchase a thing nearly $200 assuming your commission is 10% of the sale then you get $20 in a day it just easy.  

          Tutorial How To Place Banner Ads On Blog:

          To place or put a banner ads on blog is very easy and anyone can do this easily you just copy the code and paste in your blog page element. If you want to add the affiliate banner below post then go with above link Add Banner Put Below Blogger Post. It is hard to get more visitors on your blog i have a very good trick which i always use to get more visitors on my website. How I Can Get More Pageviews Using Social Bookmarking.Com .


          For Make More Money Get More Visitors On Blog:

          To get more visitors on your blog is to much difficult but don't worry i have a tutorial to get more visitors on your blog its really work when i start blogging on my blog i use these tricks which gives me daily 250 visitors on my blog. I have put SEO techniques also on my blog if you want to do also then the links below explain you briefly about Search Engine Optimization.


          Related Articles:


          Hot And Latest Seo Tips For Blogger
          How To Added Meta Tag In Your Blogger For Better Optimization
          How to Verify My Blogger Blogspot in Webmaster Tools
          If You want to Increase Google Ranking Then Sitemap of Your Blogger Is Submitt to Major Search Engines
          Now Next Step To Add Webmaster Tools And Google Analytics to a Blogger Blog
          You Can Easily Manage Permalinks Which Is Search Engine Friendly
          You Should Make Internal Links And Backlinks and Increase in Blogger Blogspot
          Method of Getting Free Backlinks From Your Blogger Or Website In Simple 5 Trick or Tips

          Kamis, 09 Mei 2013

          Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger

          In this tutorial i will show you how to add or put PayPal Donate Button in blog post, sidebar, footer, above post title and below post. PayPal Button widget is manage in commonly sidebar or in footer.


                                                       

          PayPal Account Information What Is That:

          Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger
          PayPal account is use to receive or sent money and if you want to make a few cents or some bucks from all the hardworking when you are blogging on your Blogger Blog or Website then you should add a PayPal Donate Button to your blogger (Blogspot Blog) or Website. Adding donation button will encourage all those happy readers to say a big thanks you for helping them out but don't think every one donate some money to your blog or website they are few of who will willingly donate some chumps.

          Easily adding a gadget to the blogger sidebar or in the footer of your blogger template you can get some money. We will using a widget to contain our PayPal Donate Button and we have not required to changing template of our blog. If you want to add the PayPal Donate Button in between blog post then it is also very easy to do.

          The Best Placement of Adsense On Your Blogger Blogspot
          How to Verify My Blogger Blogspot in Webmaster Tools
          How Can I Make Earning With My Blogger Blogspot  

          Add A PayPal Donate Button To Blogger Sidebar Or Blogger Footer:

          Create or Make PayPal Account first if you have not already create.
          Login to your PayPal account.
          Click on the Merchant Services Tab like shown in the picture.

          Tricks To Add SimplyEasily PayPal Donate Button To Blogger 1
          Select Donation from the list of keys features displayed in the right sidebar of the PayPal Website Payments Standard Option 3 Payment Solutions. PayPal have changed its interface. You now need to select PayPal Website Payment Standard from Merchant Service drop down and then under the option 1 you will see in ting writing words I must say (There are also Buttons for Donation and Gift certificates). "Click On Donations".

                                  
          Tricks To Add SimplyEasily PayPal Donate Button To Blogger 2
          Select Donation link in PayPal from PayPal Website Payments Standard Option 1 to add a donations button to Blogger Blogspot Blog.
          From the PayPal Create a Donation Button Now link (One of Two).

                                           
          Tricks To Add SimplyEasily PayPal Donate Button To Blogger 3

          Manage the default button which you want and customize it.
          Select the Currency which is adjusting by your country or area and depending on your need location.
          Select Donors enter their own contribution amount radio button unless you want to have a set amount.

                                           
          Tricks To Add SimplyEasily PayPal Donate Button To Blogger 4

          Ensure the Secure Merchant ID radio button is selected. This will always prevent spammers getting hold of your email address.
          At Step 2 it is worth saving your button.
          At Step 3 customize your checkout page by allowing donors to write a short comment by selecting the Yes radio button to special instruction to seller.
          Select the No radio button for customer's shipping address. Select the create Button.
          When PayPal make or creates the PayPal Donation Button HTML code then copy it on your notepad file to further use. Now Sign out of your PayPal Account. Now next work in blogger.com.

          How I Can Add Recent Post Moving In Down And Upward Direction
          How to Remove 404 Errors in Blogger Blogspot
          Why I Make More Pages On My Blog To Increase Organic Traffic 
          Easy | Best | Simple Tricks To Make Money From Youtube | Chitika

          Now Working In Blogger When PayPal Donation Button Code Is Get:

          In blogger you can make more and more changes you can easily add or put your PayPal Donation Button where you want but i have best placement of paypal button which i already use on my website.


          PayPal Button Adding Tutorial In Blogger Sidebar Or Footer:


          Go to Blogger.com.
          Go to Layout.
          Click Add A Gadget.
          Select HTML/Javascript widget which is located on 11th no in the list.
          Now copy your PayPal Donate Button Code from notepad file where you can save it and paste the HTML code into the HTML coding box.
          Now Pick the gadget with mouse and place it sidebar of your template where you want left or right its depends on your choice.
          Now give the name of gadget/widget which you want. Like "Donate For My Blog".
          Click the save button.
          Visit your blog and your PayPal Donation Button is appear in your blog sidebar.
          Now for checking donate button will it work or not click your button you can see this type of page which is given below appear after your blog page then its mean your PayPal Account is working for your blog.

                         
          Tricks To Add SimplyEasily PayPal Donate Button To Blogger 5


          PayPal Button Adding Tutorial In Blogger Post Footer After Every New Post:


          In this small tutorial you can easily add the PayPal Donation Code in the footer of every post but remember your previous post can not work like future post. Before adding the PayPal Button first copy your button code in HTML form.

          Go to Blogger.com.
          Go to Setting.
          Go to Post and Comments.
          Click on Post Template Add links.
          Paste the code into the Post Template Box and save it.
          Click to Writing New Post you can see the code in Compose form if you want to see the PayPal Donation Button Code then you should go to HTML form to see the code.

          How I Can Use Crawlers And Indexing Tool In Blogger
          How I Can Get Approval From Google Adsense My Blog Or Website
          How I Can Make Internal Links In The Blog Post To Increase Rank


          PayPal Button Adding Tutorial In Anywhere In Blog Post:


          If you want to add the PayPal Donation Button in between blog post then copy your button code and go to HTML form and where you want to show your button paste this code after breaking the <br> tags and you can easily add the code in your blog post and enjoy it.


          Related Articles:

          How Easily Delete/Remove/Get Rid Blogger Blog Tricks In Blogspot
          How I Remove Or Change Blogger Post Image Border In Blogspot
          Best Blogger Tips And Tricks For My Blog SEO Instantly
          Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger
          How I Make My Blogger Good Looking Best Tricks
          Easy Tricks To Get Lot Of Visitors On My Blogger
          How I Can Get More Pageviews Using Social Bookmarking.Com
          How I Can Import And Export My Blog To Other Blogspot 

          Rabu, 16 Januari 2013

          Social Bookmarking Button Add To Blogger

          In this tutorial you will learn how to add an Add This free social Bookmarking button to your blogger blog. By adding this feature to your blog you will enable visitors to your blog to create links to popular social bookmarking sites such as Google, Technorati, Facebook, MySpace, Digg, Stumble Upon, Reddit, Delicious, Furi, Yahoo etc. Adding personal social bookmarking enable visitors to share these links with others there by helping you attract more traffic to your site.

          Add this Share Button This tutorial shows you how to place a social bookmarking button on your site by accessing a free social bookmark and feed button builder service called Add This. Add This will supply you with a simple piece of code which when placed in a widget will insert a social bookmarking button either at the end of each post or in the sidebar. If you wish you can add the social bookmarking button to both as I have done on this site. For those new to blogging don't worry if this sounds complicated as this article gives you step by step instructions suitable for any Blogger user including beginners.

                                                    
          Add This Social Bookmarking Options:
          Steps for Adding a social Bookmarking Button from Add this to Your Blogger Blog.

          1. Register for a free account with Add This 
          Add this sign up for a Free Account Page.


          2. Once you supply a username, email address, password and your website address sign up is pretty much instantaneous.

          3. After sign up is confirmed click on Get your Button. This will take you to the create you Button Page.
                                      
          Add This create a Button Page:
          4. On the create your Button page you will be asked to make some selections
          about your social bookmarking button.

          What Kind of Button? Select sharing / bookmarking Button.
          What Look? Choose any of the six button choices. For this example I am going to select the share button.
                                                         
          Select Add This Share Button:
          Where? Select on a Blog. Blogger Platfrom? Select Blogger
          At this point the information  your have entered should look like the picture below:

          Add This Create a Button Page:
          Once you have confirmed that you have entered the correct information click on the Get your Code button and you will be taken to the Get your Code page.

          5. Form the Get your Code page you will be given the option to preview you button. Do so if you wish or move on the Step 6. Having generated the code for your Add This Social Bookmarking Button you now need to decide where to position it on your Blog. You may either place your new social Bookmarking Button Beneath each post or in the sidebar.


          Instruction for placing a social Bookmarking Button beneath each post of your Blogger Blog;
          Click on Blog Post Button Option.
          Highlight the javascript code supplied by Add This.
          Copy the code to the Clipboard of your computer using Crtl + C command:
          In a new window open your Blogger Blog and sign in.

          Navigate to Layout > HTML
          As a precaution Backup your template in case you inadvertently overwrite some code.
          Once you have backup place a tick in the Expand widget Templates check box.
          Use the Ctrl + F command to open the toolbar which will appear at the bottom of your page while using Blogger. You can close this at any time using the Ctrl + F command or by clicking on the blue cross in the left hand corner. Now highlight the following line of code and using the Ctrl + C command copy and paste code into the Search Box on the toolbar at the bottom of Blogger. This action will quickly locate the code for you in your Blogger template. You will be placing the code immediately before this tag.
                                                         <div class='post-footer'>

          Return to Add This and highlight the JavaScript button code supplied. Copy the code to your clipboard using the Ctrl + C command. Reopen the Blogger window and place the cursor right before the tag that you located earlier. Paste the javascript code from Add This into the Template using the Ctrl + V command. Your Code placement should look like the picture below.

                          
          Code Placement for free social Bookmarking Button from Add This:
          Click on Save Template.
          Now click on view Blog from the top menu and navigate to the end of your first post. If all instruction have been followed you will now have a social bookmarking button at the bottom of each post.

          Instruction For Placing a Social Bookmarking Button in a Sidebar of Your Blogger Blog.
          Follow the Add This automated process by click on Add the Menu to My Blog button. This will place an Add This social bookmarking button in a widget in your sidebar as you see on this site.

          This Blogger Tutorial has covered the steps involved in adding a free Add This Social Bookmarking Button to your Blogger Blog. Grow your Blogger blog today by adding a free Add This social bookmarking button which will enable visitors to bookmark your site and share your posts with others. Add This will provide statistical tracking of social bookmarking activity on your site and help you determine your most popular posts.