Wednesday 7 November 2012

Creating Your Own Social Networking Website


Social networking websites like Facebook, Twitter and Google + are used by billions on peoples all around the world so why don't we create own on social networking website. This is interesting, You don't need any knowledge of programming or anything like and it's totally free.

You can add a blog, forum and so many things for your users and it's so easy. We already know power of social media so it's time to know how to create our own social networking website for free.

Wall.fm is a social networking site builder and it's free and you can also use a premium wall fm account to get more features for your website. What are you waiting for??? Just go to wall.fm and get started......Don't forget to share your website link the in comment section below.....

Tuesday 6 November 2012

WordPress Style Follow Widget For Blogger


Last night, I was surfing around the internet and I found a cool following wordpress feed subscription widget. I tried to convert that widget for blogger and after few minutes, I was totally successful to convert it.

Installing:

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


<div id="bit" class="loggedout-follow-normal" style="bottom: 0px; ">
<a class="bsub open" href="javascript:void(0)"><span id="bsub-text">Follow</span></a>
<div id="bitsubscribe" class="open">
<h3><label for="loggedout-follow-field">Follow BWidgets</label></h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?WidgetCraft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" id="loggedout-follow">
<p>Get every new post delivered to your Inbox.</p>
<p><input type="email" name="email" style="width: 95%; padding: 1px 2px;outline:none" onclick="value=''" value="Enter your email address" onfocus="this.value=(this.value==&quot;Enter your email address&quot;) ? &quot;&quot; : this.value;" onblur="this.value=(this.value==&quot;&quot;) ? &quot;Enter email address&quot; : this.value;" id="loggedout-follow-field"></p>
<input name="uri" type="hidden" value="WidgetCraft" /><input name="loc" type="hidden" value="en_US" />
<p id="bsub-subscribe-button"><input type="submit" value="Subscribe"></p>
</form>
<div id="bsub-credit"><a href="http://www.bwidgets.com?ref=lof" style="text-decoration:none;color: whitesmoke;">Powered by BWidgets</a></div>
</div><!-- #bitsubscribe -->
</div>
<script type="text/javascript" src="http://widcraft.googlecode.com/svn/LoggedOutFollow.js"></script>
<style>
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
_margin-bottom:1px;
}
#bit, #bit * {
*zoom: 1;
}
#bit {
font: normal 13px "Helvetica Neue", sans-serif;
_display: none;
}
.loggedout-follow-shelf {
position: fixed;
right: 40%;
z-index: 999999;
bottom: -300px;
}
.loggedout-follow-normal {
position: fixed;
z-index: 999999;
bottom: -300px;
right: 10px;
}
.loggedout-follow-typekit {
margin-right: 4.5em;
position: fixed;
z-index: 999999;
bottom: -300px;
right: 10px;
}
#bit a.bsub {
display: block;
overflow: hidden;
padding: 0 10px 0 8px;
float: right;
text-decoration: none !important;
line-height: 28px;
font: normal 13px/28px "Helvetica Neue", sans-serif;
color: #CCC;
text-shadow: #444 0px -1px 0px;
letter-spacing: normal;
border: 0;
background-color: #464646;
background-image: -ms-linear-gradient(bottom, #464646, #3f3f3f 5px);
background-image: -moz-linear-gradient(bottom, #3f3f3f, #464646 5px);
background-image: -o-linear-gradient(bottom, #464646, #3f3f3f 5px);
background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#3f3f3f));
background-image: -webkit-linear-gradient(bottom, #3f3f3f, #464646 5px);
background-image: linear-gradient(bottom, #464646, #3f3f3f 5px);
-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
-o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
-ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
outline-style: none;
outline-width: 0;
}
#bit a.bsub {
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
border-radius: 2px 2px0 0 0;
}
#bit a.bsub span {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnDp_P2F_RTiv8YVrBo9TOmNUnOIn5XqHpqBjEkEAxIQylzKnpob5LkOjulWpMgZy9v8wxz3ALZhLi-GvF_oSRETvwQ0cD9u-8PjNXzyZmEuLxZvPZ9-a-fse9k6IEIvizWcYPKcALO6Q/s1600/wpcom-admin-bar-icons.png) 0 -77px no-repeat;
padding-left: 19px;
}
#bit a:hover span, #bit a.bsub.open span {
color: #ffffff !important;
background-position: 0 -117px;
}
#bit a.bsub.open {
background: #333;
}
#bitsubscribe {
background: #464646;
color: #fff;
padding: 15px;
width: 200px;
margin-top: 27px;
-moz-border-radius: 2px 0 0 0;
-webkit-border-radius: 2px 0 0 0;
-o-border-radius: 2px 0 0 0;
-ms-border-radius: 2px 0 0 0;
border-radius: 2px 0 0 0;
*float: right;
*margin-right: -68px;
}
div#bitsubscribe.open {
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-ms-box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
#bitsubscribe div {
overflow: hidden;
}
#bit h3, #bit #bitsubscribe h3 {
margin: 0 0 .5em 0 !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-shadow: 0 1px 0 #333;
font-size: 20px;
color: #fff;
text-align: left;
}
#bit #bitsubscribe p {
margin: 0 0 1em 0;
*margin: 0 0 0 0;
font: 15px/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-shadow: 0 1px 0 #333;
color: #fff;
}
#bitsubscribe p a {
margin: 20px 0 0;
color: #fff;
text-decoration: underline;
}
#bit #bitsubscribe p.bit-follow-count {
font-size: 13px;
}
#bitsubscribe input[type=submit] {
padding: 2px 20px;
background: #333; /* Old browsers */
background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333 0%,#111 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #333 0%,#111 100%); /* IE10+ */
background: linear-gradient(top, #333 0%,#111 100%);
color: #ccc;
text-shadow: 0 1px 0 #000;
border: 1px solid #282828;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
-moz-box-shadow: inset 0 1px 0 #444;
-webkit-box-shadow: inset 0 1px 0 #444;
box-shadow: inset 0 1px 0 #444;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
*margin: 1em 0 1em 0;
}
#bitsubscribe input[type=submit]:hover {
background: #222; /* Old browsers */
background: -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333 0%,#222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333 0%,#222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #333 0%,#222 100%); /* IE10+ */
background: linear-gradient(top, #333 0%,#222 100%);
color: #fff;
-moz-box-shadow: inset 0 1px 0 #4f4f4f;
-webkit-box-shadow: inset 0 1px 0 #4f4f4f;
box-shadow: inset 0 1px 0 #4f4f4f;
text-decoration: none;
}
#bitsubscribe input[type=submit]:active {
background: #111; /* Old browsers */
background: -moz-linear-gradient(top, #111 0%, #222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #111 0%,#222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #111 0%,#222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #111 0%,#222 100%); /* IE10+ */
background: linear-gradient(top, #111 0%,#222 100%);
color: #aaa;
-moz-box-shadow: inset 0 -1px 0 #333;
-webkit-box-shadow: inset 0 -1px 0 #333;
box-shadow: inset 0 -1px 0 #333;
text-decoration: none;
}
#bitsubscribe input[type=text] {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
}
#bitsubscribe input[type=text]:focus {
border: 1px solid #000;
}
#bitsubscribe.open {
display: block;
}
#bsub-subscribe-button {
text-align: center;
margin: 0 auto;
}
</style>


Customization:

Now replace BWidgets with your blog's title and also replace WidgetCraft with your feed id.

Saturday 3 November 2012

Amazing Facebook Like Slide Out Widget For Blogger


So last night while searching for some games i found this amazing jquery widget so i tried to copy the code (it was a Google friend connect widget) of that widget, it was a huge fail but i created a widget just like that but it's a facebook like widget.

It really looks great and when you'll click on that facebook like image a slide will appear with facebook like box so i can approve that it's very good way to attract your visitors. I'am looking forward to create several more widgets like this.

Now most important this is installing this widget so i created a widget generator to make it easy. Just enter your facebook page username below to add this:

Friday 2 November 2012

Get Free Twitter Followers


Twitter is a really powerful tool for online social networking, promoting your online work and getting to know people in the web world around you. To maximize your use of Twitter, you want to gain followers on the site. The more people that you have following you there, the more likely it is that they will see what you're doing and be interested in your work around the web.

Well we're sharing several website where you can get free twitter followers everyday and it's totally easy and free to use. All website works in the same way and you can use all of them everyday to get more followers. Visit all of websites which are listed follow and choose Free Plan and get gain followers in several minutes. Don't forget that you can use every website everyday. Here is the list:

  1. newfollow.info
  2. letgetmorefollowers.info
  3. hitfollow.info
  4. followback.info
  5. plusfollower.info
  6. followmania.co (Thanks to Anna)

Thursday 1 November 2012

Display Your Profile Picture In Google Search Results


I wanted to post this article from a long time but never got a chance. So it's cool that you see my image with my site's name in search results which is a really good way to promote yourself with your blog but lots of guys don't have any idea how to do this. It's pretty simple just follow these simple steps below. First of all you should be using your Google + profile instead of your Blogger profile. You can use your Google + profile by clicking here.

  • Go To Blogger > Template > Edit HTML > Post following code just above <head> :

<link href='https://plus.google.com/123456789012345678901' rel='author'/>

  • In above code replace 123456789012345678901 with your Google + profile ID.

Now visit Google Rich Snippet Tool and test your blog's URL and see the magic!!!

BigRock Promo Codes : November 2012


Here are this month's BigRock promo codes .If any of following code is not working or you got one than please comment.

Offer Promo Code
Up to 25% Off wwefansnation.com
Up to 25% Off bwidgets.com
28% on hosting and 18% on domains NOVAFF
20% on hosting and 10% on domains BRWFN
20% on hosting and 5% on domains BRSWAG
15% on hosting and 10% on domains BRNXT
15% on hosting and 10% on domains BRBWCOM
20% on hosting and 10% on domains BRBWID

Wednesday 31 October 2012

Run Android Apps On PC


BlueStacks App Player lets you run apps from your phone fast and full screen on Windows and Mac.

Over 5 million people around the world use top apps like Angry Birds Space, Kik Messenger, Where’s My Water and more on their laptops with BlueStacks. It took 10 engineers two years to build the complex "LayerCake" technology that enable this to happen – but you get to experience it free while in beta.

Just download this software and start using your favorite app on your pc. Choose your operating system below to download:

Windows
Mac

Monday 29 October 2012

Removing Facebook Timeline


Half of users of facebook really hates new facebook timeline and they are tired of finding a way to remove it. Well earlier today i was searching Google Chrome Web Store and i found a really good tool for every browser to remove new facebook timeline.

First of all you can's disable timeline forever, you can just disable it on your own browser not publicly. After downloading this extension your timeline will be remove only on your own browser not publicly.

So time to get on work.....to download this extension on your favorite browser (Chrome/Firefox/Safari/IE) just visit timelineremove.com and choose your browser.

You can also download extension below:

Google Chrome:  https://chrome.google.com/webstore/detail/timelineremove/dnedfaenfnkikficknkklbdedlecmpgc

Mozilla Firefox: http://www.timelineremove.com/download/TimeLineRemoveFF.xpi

Safari: http://www.timelineremove.com/download/TimelineRemove.safariextz

Internet Explorer: https://www.timelineremove.com/download/TimeLineRemove.zip

Setting Up robots.txt On Blogger


Months ago Blogger introduced custom robots.txt feature. This feature improve your blog's SEO but newbies really afraid to use this feature because it says :

Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.

But don't worry guys today we'll learn about this feature here on this article.

By default, every blog that uses the Blogger platform will have a robots.txt as follows:

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://www.yourblog.com/feeds/posts/default?orderby=updated

As you can see in above robots.txt there are three parts of code and let me explain them to you.

Mediapartners-Google is a robot from Google Adsense, leave it because if you changed this then ads will not served will not fit with your content.

The next line is for all the robots and marked with an asterisk (*). On the default configuration, it is clear that the label of our blog is not indexed Disallow: /search.

Keep in mind that a slash (/) is as your homepage, so for example if you want the label to get indexed, do not just fill up with a slash like this Disallow: / because that would be you do not allow the robot tracing your blog.

For example if you want to block a robot for particular page ( for example contact page) you can simply write as follows:


User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /p/contact.html
Allow: /

Sitemap: http://www.yourblog.com/feeds/posts/default?orderby=updated

Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.

Saturday 27 October 2012

Using Custom Short Domain With dlvr.it


As i promised in this article i'll teach you how to use your own short domain with dlvr.it. So we have to do two things. One in your CNAME Records and second in your dlvr.it account so let's start with CNAME:


  • Visit you domain provider (for example BigRock or GoDaddy).
  • Click on your DNS Manager and Add A CNAME
  • In Host Name type your SubDomain (for example: dlvr.example.com) and in Value put dlvr.it just like below pic:

Well after updating CNAME records you have to wait for several hours because it takes a bit time to update CNAME and all DNS records. After one or two hours you can do for second step:

  • Click on Settings tab in top menu > Click on Short Links

  • In Short Links tab click on Add Custom Domain and a pop-up will appear their you can put your domain name and it's done.

You can post your questions in the comment section below.....

Popular Posts

 
Powered by Blogger.