Monetize Your Blog With InfoLinks

Lots of peoples are blogging just for money, and they are not getting much success in it because Google Adsense is still not accepting their application or they banned them. If you want to earn some money with your blog with some high-quality ads (Way much better than ClickSor) then you should join InfoLinks.

InfoLinks is world's leader in Text-Links advertising. It's very easy to use, and you earn some good amount with it. It gives you four different types of advertising options (including inText, inTag, inSearch and inFrame), and you choose any of it (maybe all four).

For those of you who are wondering about payment options, you can get your payment via eCheck, Paypal, Wire Transfer and Payoneer pre-paid debit card.

Even if you're using Adsense on your blog, then InfoLinks is also a good way to get more from your blog. In my opinion Adsense + InfoLinks is best way to earn for small and medium publishers. Don't worry....It's 100% safe to use InfoLinks with your Adsense account.

Get Started By Clicking Here.

Optimize Blog Title For Search Results

Your traffic from search depends on your content and post titles. I guess now it's time to give a bit attention to your blog/post title for a better SEO. Sorry for bad editing, i recently formatted my pc, and right now i don't have Photoshop. Let's focus on topic....

It would be better if Title Starts with your Post Title and ends with your Blog Title.I do believe that it will definitely improve your Click Through Rate.

• Go To Blogger > Template > Edit HTML

• Find following code in your template:

<title><data:blog.pageTitle/></title>

• and replace it with:

<!-- Start www.BWidgets.com: Changing the Blogger Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> ~ </b:if><data:blog.title/></title>
</b:if>
<!-- End www.BWidgets.com: Changing the Blogger Title Tag –>

• Save Your Template......That' IT!!

After saving the template take a look at your blog post pages and your will notice the change in titles in your browser's title bar.

Soon Google bot will re-index your pages with new improved page titles.

Manually Adding Disqus Comment Box On Blogger

Previously we discussed about adding Disqus comment system to Blogger. Now i'll tell you how to add Disqus comment system manually on your blog.

If the Disqus gadget installer isn't working, you have the option of manually installing the gadget on your Blogger site. This will require editing your Blogger template HTML, so it won't work with Dynamic Views templates.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Enter Disqus as the title and the following code for the content:

<!-- Disqus comments gadget -->

• Click save and the window will close....

Now all done in Layout section of your blog, now it's time to move to the Template section.

• Go to your blog's Template section and then click the "Edit HTML" button > Proceed

• Click 'Expand Widget Templates' box

• Search for the widget you just created in your HTML template by pressing Ctrl-F (Command-F on OSX) then typing Disqus. You should find the following line: 

<b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>

• Below that locate and DELETE the following code right before the closing tag. The section you're deleting should look like this:

<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

• Now before the closing </b:widget> tag, add the following Disqus code

<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;EXAMPLE&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }

                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>

            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>

                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();

                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>

                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();

            </script>
</b:includable>

• Now change EXAMPLE to your site's shortname.

• Click Save template. Assuming there are no errors, Disqus should properly show up on your site now.

Blogger Add Widget Not Working

Want to add a new widget but Add Widget button is not working? Yea, you're are not the only one who is facing this problem. Blogger has a new bug, in which Add Widget button is not working. Thus, you can't add Disqus and other type of widgets on your blog.

If you're new to Blogger, then you should know that you can still add widget to your blog. Browse some widgets from our site or other sites. Click on Add to Blogger button and a pop-up will appear. In that window, Add Widget button will not work so Copy all the code from 'Edit Content' box and manually add that code to your blog:

How To Add Disqus Comment Box

Now, you can't add Disqus widget from this way....To add Disqus comment box on your blog read this article.

Floating Social Sharing Bar Widget For Blogger

This amazing sharing bar is created by W2B. It's a horizontal sharing bar with several social sharing options. Lot's of big websites are using this type of widget on their sites. It'll surely approach your readers to share your posts on their social profiles. Time to add it..

• Go To Blogger > Template > Edit HTML > Proceed > Check the 'Expand Template Widgets' checkbox.

This widget contains jquery so if your blog already has jquery script then remove it from our code.

• Now search for </head> and just above it paste the following script.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
    #w2bSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}
    #w2bSocialFloat td{padding:4px;margin:0;border:none;}
    #w2bSocialFloat td iframe{max-width:82px;width:82px !important;}
    #w2bSocialFloat.w2bFloatSocial{position: fixed;top:0;z-index:9999999;border-bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0;

jQuery(document).ready(function(b){var a=b("#w2bSocialFloat");a.wrap('<div id="w2bSocialPlaceholder"></div>').closest("#w2bSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#w2bSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("w2bFloatSocial"):a.removeClass("w2bFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});
/*]]>*/
</script>
<script type="text/javascript" src="https://widcraft.googlecode.com/svn/w2b-blogger-pinit.js"></script>
<script type="text/javascript" src="https://widcraft.googlecode.com/svn/jquery.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
    // Twitter
    (function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");
    // Google + (plus)
    (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
    // Stumbleupon
    (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
    // Digg
    (function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();
/*]]>*/
</script>
</b:if>

• Let’s add the final Social horizontal bar widget code. Add this code before <data:post.body/> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="w2bSocialFloat" class="w2bSocialFloat">
<table  width="100%" class="w2bSocialFloat">
    <tr>
        <td>
            <a href="https://twitter.com/share" class="twitter-share-button" expr:data-url="data:post.url" expr:data-text="data:post.title">Tweet</a>
        </td>
        <td>
            <iframe expr:src="&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
        </td>
        <td>
            <div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton">
                <data:post.body/>
                <script type="text/javascript">
                    w2bPinItButton({
                        url:"<data:post.url/>",
                        thumb: "<data:post.thumbnailUrl/>",
                        id: "<data:post.id/>",
                        defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFeTajLrpW3Ob3OROSkVTJHcqjYWgEQYiB7xij6-xhs-MlLu4luvA8RGzk2ZUHD_jhY0AaCJ5oPUTCHy4fj7rUwE2Y3yIyczyOFnNJwfdOEDTloXopSafrvBATwoIgLl6cLhTOi0iMN8/s1600/bigthumbnail.png",
                        pincount: "horizontal"
                    });
                </script>
            </div>
        </td>
        <td>
            <div class="g-plusone" data-size="medium" expr:data-href="data:post.url"></div>
        </td>
        <td>
            <su:badge layout="1" expr:location="data:post.url"></su:badge>
        </td>
        <td>
            <a class="DiggThisButton DiggCompact"></a>
        </td>
    </tr>
</table>
</div>
</b:if>

Save Template....That's It....

If you found the <data:post.body/> three times, then search for two lines below:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

Place the Widget code in between the two tags.

Adding Disqus Popular Threads Widget To Blogger

Previously i shared two Disqus widgets. Now it's time to share third widget, which is a way to show some recent popular posts/threads of your blog. I don't have much to say about it right now so let's just get started.You can also use below code on your html document or wordpress.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="popularthreads" class="dsq-widget"><h2 class="dsq-widget-title">Popular Threads</h2><script type="text/javascript" src="http://wwefansnation.disqus.com/popular_threads_widget.js?num_items=5"></script></div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of threads your want to display.

Now save and you're done.!!!

Disqus Popular Threads Widget For WordPress:

You can download add Disqus Popular Threads Widget to WordPress with this plugin.

Optimizing Your Blog's Load Time

Your site's loading time is a vital factor in its ability to engage its readers. Our users don't like a site, which takes way to much time to load. Even we like Google Search because it takes very little time to load. Optimizing your blog/site's loading time is a must, and today we'll learn about it. Here comes the Service called PageSpeed Insights.

What is PageSpeed Insights?

PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster. Reducing page load times can reduce bounce rates and increase conversion rates.

Test Your Blog's Score

Go to PageSpeed Insights and Enter the URL and Press Analyze.After a bit of loading you will get a detailed deport discussing your site's loading time. You'll get a lot of reports on where your site's loading time is good or bad. You'll get your report in five parts:

• High priority. These suggestions represent the largest potential performance wins for the least development effort.

• Medium priority. These suggestions may represent smaller wins or much more work to implement.

• Low priority. These suggestions represent the smallest wins. You should only be concerned with these items after you've handled the higher-priority ones.

• Experimental rules. These suggestions are experimental, but do not affect the overall PageSpeed score.

• Already done!. There are no suggestions for these rules, since this page already follows these best practices. Good job!

Now some very important things to consider while optimizing your Score

• Combine images into CSS sprites: This becomes very important if you're using lots of icons on your site.

• Optimize images: Properly formatting and compressing images can save many bytes of data.

• Minify JavaScript: Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.

• Place CSS in Head: Any external CSS file should be placed in the <head> tag as it helps in fast rendering of the Page

• Specify image dimensions: Specifying a width and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints.

• Remove Unused CSS and JavaScript: If you're not using a css or javascript then don't forget to remove it.

Here are several reasons of your blog's low speed

• Leverage browser caching: Blogger doesn't give you access to the .htaccess file where you have to set the expiry date for your resources, making them cacheable.

• Default CSS File: Blogger loads a CSS file namely bundle.css ,over which you have no control. This file contains default styling of Blogger widgets.

• Slow Widgets: Remove Gadgets like Facebook Like Box and Followers Gadget, as the images of members that are loaded ,very badly effect Load Times and Page Size.

Every blog has their own different problems and some of them are their publisher networks like Clicksor. Don't forget to leave a comment with your score...!!!

Adding Threaded Commenting System To Blogger

Most bloggers are already using this system on their blog, but i never used it because i'am using Disqus commenting system, which is better than Blogger commenting system. My brother created a blog call My Droid Arena, and he is using this threaded system in his blog.

After using this trick your Blogger comments will have a reply option. Now let's get started:

• Go To Blogger > Template > Edit HTML > Proceed.

• Select (Tick) the "Expand the Widget" Box.

• Search for the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</b:if> 

• Once you find the above code, replace it with the following.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
         <b:if cond='data:post.showThreadedComments'>
           <b:include data='post' name='threaded_comments'/>
         <b:else/>
           <b:include data='post' name='comments'/>
         </b:if>
       </b:if>
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
         <b:if cond='data:post.showThreadedComments'>
           <b:include data='post' name='threaded_comments'/>
         <b:else/>
           <b:include data='post' name='comments'/>
         </b:if>
       </b:if>

Now go ahead and save the template. That's it for this time. You can also customize this system with some css.

Adding Disqus Top Commenters Widget To Blogger

Previously i shared Disqus Recent Comments Widget, which was an awesome way to show some recent comments and this time i'am going to share Top Commenters widget with you guys. It's a great way to show your site's most active commenters. You can also use below code on your html document or wordpress.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="topcommenters" class="dsq-widget"><h2 class="dsq-widget-title">Top Commenters</h2><script type="text/javascript" src="http://wwefansnation.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script></div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of commenters your want to display.
• Replace hide_mods=0 with hide_mods=1 if you want to hide moderator's name from this widget.

Now save and you're done.!!!

Disqus Top Commenters Widget For WordPress:

You can download add Disqus Top Commenters Widget to WordPress with this plugin.

GoDaddy Promo Codes : .COM Domain For 0.99$ (Rs. 54)

GoDaddy is back with a superb discount on .COM domains. Get a .COM for just $0.99 (Rs 54). So don't waste your time and score a .COM. You can get a .COM For Rs 54 by clicking here. Happy New Year!!!

Why Choose GoDaddy? :

Go Daddy offers everything you need to make a name for yourself on the Web, from domain names and website builders to complete eCommerce solutions. GoDaddy earned their place as the world's #1 ICANN-accredited domain registrar by delivering world-class products at competitive prices and supporting them with industry-best service, delivered 24/7/365. GoDaddy is proud to serve our customers from locations around the world, including Arizona, Iowa, California, Colorado, Washington, D.C., India, Singapore, and The Netherlands.

So go and get a .COM for $0.99 only by clicking here.

Using Google Web Fonts In Blogger

Every blog needs some perfect fonts to match their content. There are lots of websites where you can get some free and paid fonts, but Google Web Fonts are totally free to use and it's hosted in Google's Server. From this tutorial you'll learn how to use these fonts on your blog, website or anywhere.

Here We Go

First go to Google Web Fonts and select your favorite style by clicking 'Quick Use.'

Now scroll down a bit and you will see a link tag code , copy this code and also copy #2 text (Web Font Family Name) as shown in image below:

Now Go To Blogger > Template > Edit HTML and paste Font Style Sheet just below <head>:

Now search and add the CSS to use this font, just before the ]]></b:skin> tag :

h1 {
font-family: WEB-FONT-NAME ;
}

Replace WEB-FONT-NAME with your web font name which we copied earlier. In this font our web font name is 'Freckle Face', cursive. So make this code like:

h1 {
font-family: 'Freckle Face', cursive;
}

GoDaddy Promo Codes : 76% Off On .COM

GoDaddy is back with a superb discount on .COM domains. Get 76% Off on .COM Domains which means you get a .COM for just $2.95 (Rs 162.99). So don't waste your time and score a .COM. You can get a .COM For Rs 162.99 by clicking here. Merry Christmas!!!

Why Choose GoDaddy? :

Go Daddy offers everything you need to make a name for yourself on the Web, from domain names and website builders to complete eCommerce solutions. GoDaddy earned their place as the world's #1 ICANN-accredited domain registrar by delivering world-class products at competitive prices and supporting them with industry-best service, delivered 24/7/365. GoDaddy is proud to serve our customers from locations around the world, including Arizona, Iowa, California, Colorado, Washington, D.C., India, Singapore, and The Netherlands.

So go and get a .COM for $2.95 only by clicking here.

3 In 1 Like Box Widget For Blogger - Version 5.0

Previous Versions : Version 1.0 | Version 2.0 | Version 3.0 | Version 4.0


So here is last pop-up social subscribing widget of the year. It's awesome and better than all previous widgets and you can also set appear time and other features of this widget. Happy Holidays.

You can generate this widget using our widget generator :

BigRock Promo Codes : .ASIA Domain @ Rs 99

BigRock is back with another superb discount on .ASIA domains. Get a Free Website with every .ASIA domain. Includes Web and Email Hosting for 6 months @ Rs. 99 only!!! So don't waste your time and score a .ASIA. You can get a .ASIA For Rs 99 by clicking here.

Why Choose BigRock? :

BigRock is an ICANN-Accredited Domain Name Registrar that sells Domain names at the most competitive rates in the industry. BigRock's platform powers over 6 million domains. At BigRock they have a seamless domain search process and our cheap domain registration prices are upto 80% lesser than other Registrars. Bigrock is India #1 domain registration and web hosting provider. On BigRock you can register domain names in many different name spaces including .com, .net, .org, .biz, .info, .mobi, .in, .co.in, .co.uk, .asia and many other spaces. Additionally they offer 24X7 support for all your domain registration and web hosting services. So if you are looking for Domain Registration in India look no further. BigRock is the destination for you!.

So go and get a .ASIA for Rs 99 only by clicking here.

Note : This is a limited time offer only but if this offers expires then you can always get 10% discount on domains by clicking here.

Top 10 Google Search Trends Of 2012

It's December and 2012 has come to an end. So i wanted to post top 10 Google Search Trends/Terms. You can get all latest Google Trends of 2012 on Zeitgeist 2012.

Here are top ten terms of 2012 in all categories:

Searches

1. Whitney Houston
2. Gangnam Style
3. Hurricane Sandy
4. iPad 3
5. Diablo 3
6. Kate Middleton
7. Olympics 2012
8. Amanda Todd
9. Michael Clarke Duncan
10. BBB12

Images

1. One Direction
2. Selena Gomez
3. iPhone 5
4. Megan Fox
5. Rihanna
6. Justin Bieber
7. Harry Styles
8. Minecraft
9. Nicki Minaj
10. Katy Perry

Athletes

1. Jeremy Lin
2. Michael Phelps
3. Peyton Manning
4. McKayla Maroney
5. Junior Seau
6. Sarah Burke
7. Tom Daley
8. Lance Armstrong
9. Mario Balotelli
10. Ryan Lochte

Events

1. Hurricane Sandy
2. Kate Middleton Pictures Released
3. Olympics 2012
4. SOPA Debate
5. Costa Concordia crash
6. Presidential Debate
7. Stratosphere Jump
8. Penn State Scandal
9. Trayvon Martin shooting
10. Pussy Riots

People

1. Whitney Houston
2. Kate Middleton
3. Amanda Todd
4. Michael Clarke Duncan
5. One Direction
6. Felix Baumgartner
7. Jeremy Lin
8. Morgan Freeman
9. Joseph Kony
10. Donna Summer

Feature Films

1. The Hunger Games
2. Skyfall
3. Prometheus
4. The Avengers
5. Magic Mike
6. John Carter
7. Ek Tha Tiger
8. Paranormal Activity 4
9. Taken 2
10. Dark Shadows

TV Shows

1. BBB12
2. Avenida Brasil
3. Here Comes Honey Boo Boo
4. The Voice
5. American Idol
6. Game of Thrones
7. Homeland
8. Revenge
9. Cheias de Charme
10. Carrossel

Performing Artists

1. Whitney Houston
2. Michael Clarke Duncan
3. One Direction
4. Donna Summer
5. Lana Del Rey
6. Carolina Dieckmann
7. Dirk Bach
8. Carly Rae Jepsen
9. Michel Telo
10. LMFAO

Consumer Electronics

1. iPad 3
2. Samsung Galaxy S3
3. iPad Mini
4. Nexus 7
5. Galaxy Note 2
6. Play Station
7. iPad 4
8. Microsoft Surface
9. Kindle Fire
10. Nokia Lumia 920

Airlines

1. Southwest Airlines
2. United Airlines
3. American Airlines
4. Delta Airlines
5. Air France
6. Lufthansa
7. British Airways
8. JetBlue
9. Air Canada
10. US Airways

Google+ Hashtags

1. #SOPA
2. #Awesome
3. #Sandy
4. #IO12
5. #Curiosity
6. #Olympics
7. #SXSW
8. #Debate
9. #BlastFromThePast
10. #Eastwooding

Videos

1. Gangnam Style
2. Somebody That I Used to Know by Walk off the Earth
3. KONY 2012
4. Call Me Maybe featuring Justin Bieber
5. Obama vs. Romney Epic Rap Battles of History
6. A Dramatic Suprise on a Quiet Square
7. Why You Asking All Them Questions?
8. Crystallize by Lindsey Stirling
9. Facebook Parenting: For the Troubled Teen
10. Felix Baumgartner's Supersonic Free

Facebook Introduces Two New Features

Facebook has announced two new features and in my opinion these are one of the best features of the year. It's Christmas time and i guess this is a Christmas gift for us. Now let's talk above these two new features.

Multiple Photos On Status

Now you can upload more than one pic on your Facebook status. If you want  to post your tour, favorite celebs and more than now you can upload them on one single status instead of creating an album.

As you can see in above picture that i have uploaded two pictures in one status (And also that I'am a WWE Fan) and you can upload more photos in it. Just click on that + sign and upload more. After posting your status your pictures will look something like:

Now as you can see in above picture my profile pic is a Black Dot and let me tell you why. In Delhi last Sunday a girl was rapped and all Indians are demanding justice and security for her and for other girls by changing their profile pic to a Black Dot.

Privacy Shortcuts

Also Facebook has a new privacy shortcut option in it's menu. Where you can control "Who can see my stuff?" , "Who can contact me?" and "How do i stop someone from bothering me?" . You can control all your privacy under this option.

That's it for now and hopefully i except that Facebook will launch more new features in 2013 and also i wish you a very Happy Holidays!!

Facebook Events Widget For Blogger

Facebook event is a really good way to remind your fans and friends of some important events of your life and Facebook has bunch of useful plugins/widgets for websites and blog but still there is no events widget yet. Thanks to BandRx now you can also embed your upcoming events on your blog or website. It's simple you can generate your widget code at BandRx or you can also use by our tutorial.

<iframe src="http://www.bandrx.com/facebook/events.php?theme=zuck&page=PAGEUSERNAME&bgcolor=ffffff&textcolor=000000&linkcolor=555555&max=5" width="320" height="520" frameborder="no" scrolling="auto"></iframe>

Just replace red text in above code with your Facebook page username and it's done...now i hope you guys know how to add this widget to your blogger. You can also use this plugin on wordpress and all html sites.

Styling Blogger Static Pages

In some points Static pages should look different than all other posts of our blog. We all use static pages for our forms, forums and all other stuff. They all need a big space and in this tutorial i'll tell you how to apply custom style on your blogger static pages. First make sure you have some basic css and html knowledge:

• Go To Blogger > Template > Edit HTML 

• Search for <body>

• Copy the code below and paste it right after <body>:

<!-- Static page styling Start-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.blog-pager, .footer, .post-footer, .feed-links, .sidebar, #rsidebar { display:none !important;}
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;}
</style>
</b:if>
<!-- http://www.bwidgets.com -->
<!-- Static page styling End -->

Now between <style> ... < /style> add id or class of thing that you want to hide on your static pages.

You can also add background color, and so many things to style your static pages....If you're having any problems then please leave a comment.

How To Customize Google Drive Form

First of all this article is from Immersion Media. It's a very useful article and don't forget to visit their site. Before trying this you need some basic html and css knowledge so first get some lessons then come here.

If you're wondering how to create forms using Google Drive/Docs then you can learn it by clicking here.

Now let's get to our topic. It's very useful and i hope you'll use it in good way.

After creating your form visit your form and Right click on page and select view source from menu. Copy form code by selecting everything between the <form>…</form>tags. See example below. You can also include the JavaScript at the end. This will be the form field validation.

Paste code in a new page/document.

This step is optional, but since you’ve taken the time to stylizing your form, you might as well create a nice confirmation page. After creating a confirmation page, replace the <form> tag of your form page and replace it with the JavaScript listed below.

Find and Replace this:

<form action="YOUR-GOOGLE-SPREADSHEET-LINK" method="POST">

With this:

<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe"
style="display:none;" onload="if(submitted)
{window.location='http://CONFIRMATION-PAGE.html';}"></iframe>
<form action="YOUR-GOOGLE-SPREADSHEET-LINK" method="post"
target="hidden_iframe" onsubmit="submitted=true;">

Even though the form is no longer hosted on Google, form submissions will continue to be posted to your Google Drive/Docs account.  Hope this will help you.....

20 CSS3 Examples And Tutorials

So i recently created a new blog with lots of CSS3 demos and projects and to promote that i'am posting this post with twenty awesome CSS3 posts from my blog.

1. CSS ToDo List

2. Pure CSS Product Colorizer

3. CSS3 Facebook Buttons

4. Pure CSS Lightbox

5. Stylish CSS3 Progress Bars

6. CSS3 Minimalistic Navigation Menu

7. Apple Style Breadcrumb

8. Windows 8 Metro Tiles With CSS3

9. 10 Crazy Effects With CSS3 Border Transitions

10. CSS3 Animated Bubble Buttons

11. Facebook Timeline With CSS

12. Easy CSS3 Checkboxes And Radio Buttons

13. Pure CSS Folded Corners

14. CSS3 Webkit Scrollbars

15. Pure CSS List Boxes

16. Sexy Bookmarks Effect Using CSS

17. CSS3 Image Gallery

18. Notebook Paper Style CSS Form

19. CSS Bubble Tooltips

20. Disable Text Selecting Using CSS

Showing Only Post Titles On Blogger

If you own a news website or a website where you post so many times in a day with lots of text and sometimes short posts then you probably need to show only post tiles on your homepage instead of whole content or some thumbnails.

This trick is very useful because sometimes you may post very little posts like "Someone Returns Tonight" and instead of checking the post your viewers can know who returned in the short version in homepage like "Vampire returned at last night's Halloween party....Read More."

You don't wanna spoil that i mean you ruined Vampire's return because of your creepy blog. So now it's time to go practical...

• Go To Blogger > Template > Mark 'Expand Widgets Templates'

• Now find:

<b:include data='post' name='post'/>

• Now replace above code with following:

 <!--Post Titles Only Trick-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--www.BWidgets.com-->

OK so after this your blog's post widget will look something like this:

Well you saved Vampire's return but your blog's post widget will look a bit ugly after this so now it's time to add some css.

• Go To Blogger > Template

• Search for ]]></b:skin> and just above it post following css:

/* -- Homepage Title Styling -- */
.title-only{
background: whiteSmoke;
padding: 10px;
color: black;
margin: 0;
border-bottom: dotted 2px;
}
.title-only:hover {
background: white;
}

Save your template and after doing all this your blog's post widget will look something like this:

That's It...For any help or if you want to nominate me for president then leave your responses in the comment section below..... :)