Monday, 24 December 2012

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.

Saturday, 22 December 2012

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!!

Friday, 21 December 2012

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.

Thursday, 20 December 2012

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.

Wednesday, 19 December 2012

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.....

Tuesday, 18 December 2012

20 CSS3 Examples And Tutorials

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..... :)

Monday, 10 December 2012

5 Amazing Search Boxes For Blogger


First of all if you want to download these search boxes for your website or if you want to see the demo then please visit this page.

Here are some fresh new search boxes for blogger and it's also easy to add these boxes.

  • Go To Blogger > Template > Edit HTML
  • Search for ]]></b:skin> and just above it paste following css:

/*-----Search One Starts-----*/
input{
font-family: cursive;
}

form.search1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivF8CSxrNrPmcKiMtVNjm8qsUWpxs4ucmqwCw9jcvsdaBu6cvbfUnxZiC2_1zVhOUlHBlRV2QVoVrsrxvbyk1W_qRpYJDetC1MW68JNlWaOqM8WysSCPiRVYjr9lVfYnJpKLRCiPBKi94/s1600/1.png);
width: 320px;
height: 38px;
}
.text1 {
background: transparent;
width: 275px;
height: 38px;
border: 0px;
outline: 0px;
padding: 5px;
font-size: 20px;
}
.submit1 {
background: transparent;
border: 0px;
height: 38px;
position: relative;
width: 41px;
top: -12;
cursor: pointer;
}
/*-----Search One Ends-----*/
/*-----Search Two Starts-----*/
form.search2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Lw5Foy_jFFJvgNgB6XmHHNSt9LKNe6otKTREqmVK88rlg_OVU24yL384kANiM5l7xlyJV_UMTvS-38GTt9MclL0cVYGkP-zfs9JI2gnxBp162lXyx1m8L5MF8PmwAkVyk_q6JSQ6aU0/s1600/2.png);
width: 320px;
height: 38px;
}
.text2 {
background: transparent;
width: 270px;
height: 38px;
border: 0px;
outline: 0px;
padding: 5px;
font-size: 20px;
}
.submit2 {
background: transparent;
border: 0px;
height: 38px;
position: relative;
width: 45px;
top: -12;
cursor: pointer;
}
/*-----Search Two Ends-----*/
/*-----Search Three Starts-----*/
form.search3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkPhpEOEI4UG63nZOsW3ZOsvCMuL0wryAyuGHluhwc1LaKbYAEhk3BOl-DSD5UmccqgkXx0f2hVLpo2W1_F1flBRJWTBagMsshPmOkEDnHm7PZuOKK-pIel2tilYTyzFmwWDaClfA0pA/s1600/3.png);
width: 320px;
height: 38px;
}
.text3 {
background: transparent;
width: 260px;
height: 38px;
border: 0px;
outline: 0px;
padding: 5px;
font-size: 20px;
}
.submit3 {
background: transparent;
border: 0px;
height: 38px;
position: relative;
width: 50px;
top: -12;
cursor: pointer;
left: 5px;
}
/*-----Search Three Ends-----*/

/*-----Search Four Starts-----*/
form.search4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFD1UNnuMZNmPLrym_DHzXbazVDBW6gFsLhkLTpJCohr9ADB27YjCsb5kwxS5OSIRoJO0aFPJ0PXze5v32G6ZmmjYlIpYy7UrKHfiFRM9NEz-iNHRmeFXdGrWBYW_8Jb8nvJvc1jzhWQ/s1600/4.png);
width: 334px;
height: 49px;
}
.text4 {
background: transparent;
width: 290px;
height: 38px;
border: 0px;
outline: 0px;
padding: 10px 0 0 10px;
font-size: 20px;
}
.submit4 {
background: transparent;
border: 0px;
height: 38px;
position: relative;
width: 40px;
top: -12;
cursor: pointer;
}
/*-----Search Four Ends-----*/

/*-----Search Five Starts-----*/
form.search5 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS7nuPxbEtbeXaBckBD8xFS-3p7mfpjAyrqcvbZRBtFqmLJfBUasLOLqq7a1nhz-yn6peeyugiXty9yWN9ajGSdS9w7NtUW_ahZr5Mv_RlfwcYAvVcWWoEJiTWvCTpvmbPW9-BDqoc_zA/s1600/5.png);
width: 320px;
height: 32px;
}
.text5 {
background: transparent;
width: 290px;
height: 32px;
border: 0px;
outline: 0px;
padding: 10px;
font-size: 15px;
border-radius: 18px 0 0 20px;
-webkit-border-radius: 18px 0 0 20px;
-moz-border-radius: 18px 0 0 20px;
-o-border-radius: 18px 0 0 20px;
}
.submit5 {
background: transparent;
border: 0px;
height: 23px;
position: relative;
width: 25px;
top: -5px;
left: -3px;
cursor: pointer;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
}

  • Go To Blogger > Layout > Add A Widget > HTML/JavaScript > And paste following code: 

<form class="search1" action="/search" style="method="get">
<input class="text1" type="text" name="q" value="Search Here" onclick="value=''" />
<input class="submit1" type="submit" value="" />
</form>

Now replace search1, text1 and submit1 one with your preferred search box. For example if you want 3rd search box then make this code like this:

<form class="search2" action="/search" style="method="get">
<input class="text2" type="text" name="q" value="Search Here" onclick="value=''" />
<input class="submit2" type="submit" value="" />
</form>
You can view all five designs and demo of this searchbox at this link.

Monday, 3 December 2012

Pledge To Support A Free And Open Internet


So today here at BWidgets.com this post is not about any Blogger widgets or tutorials but today we're requesting your support for a free and open internet.

Join Google and billions of peoples around the world and pledge your support for a free and open internet.




Here is a short quote from #freeandopen project:

The Internet has connected more than two billion people around the world. Some governments want to use a closed-door meeting in December to increase censorship and regulate the Internet. Join together to keep the Internet free and open.

You can add your voice and get more info about this at google.com/takeaction.

A free and open world depends on a free and open Internet. Governments alone, working behind closed doors, should not direct its future. The billions of people around the globe who use the Internet should have a voice. 

Popular Posts

 
Powered by Blogger.