How to Host Music/Audio Files into Blogger Blog

Leave a Comment
Have you ever wanted to add some music on your Blogger blog? Audio or music can be a great spice for your blog. Adding some audio files or music to your blog can entertain your visitors with the great compositions. So, how would you add music to your blog? Is it really possible? To answer this, yes you can add music files to your blog hosted on Blogger.
how-to-add-musing-to-blogger
However, blogger does not permit to upload MP3 or other file formats directly to your Blogger space. Google only allow to uplaod image files (in JPEG, JPG, PNG, ico etc. formats). You can not upload any MP3, MP4 files or even PDF or DOC files to your Blogger blog. Then, what is the solution? You can choose to upload a good cloud storage service and upload your files to it and later link them to your blog posts. There are many popular cloud storage solutions which offers hotlinking to your files. That means, you can give a direct link to your file from anywhere an access it using the link without visiting the website of your cloud storage. You can upload almost any type of files to your cloud storage space, then link from your blog. Hosting PDF and MP3 files to cloud storage and publishing them on Blogger is a popular practice among bloggers. In this post, I will be describing the process of uploading audio/MP3 files to cloud and linkink them to Blogger.
In the first step, choose any cloud storage service. My first choice would be Dropbox, which offers great file hosting services and customizable options. Ok, let me list down some of the most popular cloud storage services.
  1. Dropbox: Dropbox is the most popular cloud file hosting service, which offers 2GB free space for cloud storage. You can get more space upto 16 GB for free from Dropbox
    Adding-audio-to-blogger-using-dropbox
    using some of the options like Sharing on Facebook, Twitter, referring your friends etc. If you need more storage space, you can buy space from Dropbox also. You can upload files to Dropbox and keep them either private(which cannot be accessed by someone else other than you) or make them public (anyone can access them if he has the link to the file.) . After Joining Dropbox, you can install the Dropbox application to your computer and synchronize files in Dropbox folder. That means, after installing Dropbox, a folder will be created with some subfolders in it and when you move a file to this folder, it will automatically be uploaded to your Dropbox cloud. You can join Dropbox from this link>> and get 2.5GB of free space. To share a file on Blogger, you need to place the file in the Public folder. Then get the public link for that file. I will tell the process of embedding the audio file into blogger later in this post.
  2. ubuntu-one-to-host-file-for-bloggerUbuntu One: Ubuntu One is another popular cloud storage service. If you are using Ubuntu operating system, then you automatically get Ubuntu One installed on your system and can sign up for a 5GB free space. If you need more space, then you can
    buy from Ubuntu. Ubuntu one also works somewhat similar to Dropbox, it also synchronizes files in your Ubuntu One folder and the cloud storage. You can upload an audio file to Ubuntu one, then you need to share the file to public to be able to share on your blog. Ohh, don't get confused that you can use Ubuntu One from Ubuntu Linux only. You can install Ubuntu One on your Windows PC also and signup for a 5GB free space.
  3. Gdrive-to-host-audio-for-bloggerGoogle Drive: Google Drive is also an option for free cloud storage. If you have a
    Gmail or Google account, you automatically have 5GB of free cloud storage space on Google Drive. You can upload audio files to Google drive and share them as public to embed them into Blogger blog. You can also syncronize Google Drive with your computer's Drive.
  4. skydrive-to-host-audio-bloggerMicrosoft SkyDrive: Skydrive is also a good cloud storage service associated with any Outlook/Hotmail/Live account. SkyDrive offers 7GB of free storage space to its users and it can be run on Windows and Mac OS X. Now, SkyDrive comes as an app on windows 8. However, it has a file size limit of 300 MB for uploading. You can choose to use SkyDrive to share music publicly to your
    Blogger blog.
  5. Amazon Cloud Drive: Amazon Cloud Drive offers 5GB of free storage space when you sign up. You can also buy more spaces from amazon if you need more.
  6. Some other popular cloud storage services are iCloud(for Mac users), OpenDrive(offers 5GB free space with some limitations like 100MB file size limit, 1GB/day bandwidth, 200KB/s speed etc.) Box, Mediafire, Rapidshare etc. But, Box, Mediafire and Rapidshare does not provide hotlink to your files for free accounts. You need to purchase paid storage to get Hotlink to your files. So, to publish media on Blogger blog, I do not reccomend these services. You can try any of the 5 cloud storages I have mentioned earlier.
After uploading your files to the Cloud storage, the next thing is to share them embedding into your Blog. I am now going to tell you how to embed audio files in Blogger blog.
HTML5 supports embedding audio or music files to HTML doccument using the <audio> tag without using any third party plugin. The <audio> tag is a new feature of HTML5 which you can use to natively embed audio playback in any HTML document. It is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari, and can be set to play the linked audio file automatically (autoplay) or loop if required.

Here's a basic example using the <audio> element: 

The player is generated using the following code:


<audio controls="">
<source src="audio-file-url">
<b><span colour="red">
<b>
If you don't see the audio your browser does not support the audio element.
</b>
</span>
 </b>
</audio>
Now, in the above example, you can set the control to 'autoplay' or 'loop' if you want your audio file autoplayed or looped when the page loads. To add an audio file in your blog post, first get the full URL of your file that you have hosted to Dropbox or any other cloud storage(Remeber, if you are using Dropbox, you need to put the file in Public folder), then Go to HTML editor in your post editor and insert this code:


<audio controls="">
<source src="audio-file-url-copied-from-storage"></source>
<b><span colour="red">
<b>
</b>
</span>
</b>If you don't see the audio controls, your browser does not support the audio element.
</audio>
Before publishing, ensure that you have the right to publish the music to public and you do not infringe the copyright for the item.

That's it. You are good to go. If you liked the tutorial, please share it to Facebook, Google+ etc. Thanks.
Read More...

How to Add Go to Top and Bottom Navigation Button using jQuery

Leave a Comment
Navigation buttons help your blog visitors to navigate easily among contents of your blog. When you have a long blog post which spans below the usually visible viewport of the browser, the reader must have to scroll below to find what is below the viewport. So, scrolling to bottom he reads your blog post, and if he want to come back to Top he again needs to scroll up. What if there is a shortcut at the bottom of your page which directs the readers to Top of the page when clicked? this should be nice right? You can use HTML tag to add a button at bottom or top of your page to use as a top and bottom navigator. But using jQuery, you can stylify the buttons and your readers will also be impressed with a fancy look of your blog. This buttons also helps your visitors to navigate when a main page has lots of contents or posts displayed in it. Here, I am going to tell you how you can add a ‘Go to Bottom’ and ‘Go to Top’ navigator button to your blogger blog. I am going to describe the whole thing step by step.
Step I: You obviously need to log into your Blogger account and select the appropriate Dashboard of the blog where you want to make the changes.
Step II: Go to Template and Click on Edit HTML. Click ‘Proceed’ if required.
Step III: Press CTRL+F and find ]]>

Step IV: Just above this, copy and paste the following code snippet:


/* Go to Top and Bottom Buttons with jQuery by TechBhuvan*/
.button_up{
padding:7px; 
/* Distance between the border and the
icon. you may change according to your choice  */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white 
url
(http://4.bp.blogspot.com/-UnMFYoCWxx4/Uqw4nN8VyzI/AAAAAAAABYY/
rALbiar5mNY/s1600/scroll-to-top.png) 
no-repeat top left;
background-position:50% 50%;
width:20px; /* Button’s width */
height:20px; /* Button’s height */
bottom:280px; /* Distance from the bottom */
right:5px; /* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.button_down{
padding:7px; /* Distance between the border and the icon */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white 
url
(http://3.bp.blogspot.com/-lCFVt3QT1XQ/Uqw4nObSTEI
/AAAAAAAABYU/GZwEaQ3AoQg/s1600/gotobottom.png) 
no-repeat top left;
background-position:50% 50%;
width:20px; /* Button’s width */
height:20px; /* Button’s height */
bottom:242px; /* Distance from the bottom */
right:5px; 
/* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
You can change the credentials according to your choice, just go through the comments and you will understand which one is used for what. You can replace the arrows with your own arrow image, Just replace the links in the url([http://url]).
Step V: Now press CTRL+F again and search for
</body>
Step VI: Just above the closing body tag, copy and paste the following code snippet:
<script 
src=’http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’
 type=’text/javascript’/>
 
<div class=’button_up’ id=’button_up’ style=’display:none;’/>
<div class=’button_down’ id=’button_down’ style=’display:none;’/>
 
<script>
//<![CDATA[
(function()
{var special=jQuery.event.special,uid1='D'+(+new Date()),
uid2='D'+(+new Date()+1);
special.scrollstart={setup:function()
{var timer,handler=function(evt)
{var _self=this,_args=arguments;if(timer)
{clearTimeout(timer)}
else{evt.type='scrollstart';jQuery.event.handle.apply(_self,_args)}
timer=setTimeout(function(){timer=null},
special.scrollstop.latency)};
jQuery(this).bind('scroll',handler).data(uid1,handler)},
teardown:function(){jQuery(this).unbind('scroll',
jQuery(this).data(uid1))}};
special.scrollstop={latency:300,
setup:function()
{var timer,handler=
function(evt){var _self=this,_args=arguments;
if(timer){clearTimeout(timer)}
timer=setTimeout(function(){timer=null;
evt.type='scrollstop';
jQuery.event.handle.apply(_self,_args)},
special.scrollstop.latency)};
jQuery(this).bind('scroll',handler).data(uid2,handler)},
teardown:function()
{jQuery(this).unbind('scroll',jQuery(this).data(uid2))}}})();
 
$(function() {
var $elem = $('body');
$('#button_up').fadeIn('slow');
$('#button_down').fadeIn('slow');
$(window).bind('scrollstart', function(){
$('#button_up,#button_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#button_up,#button_down').stop().animate({'opacity':'1'});
});
$('#button_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
} );
$('#button_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
} );});
//]]>
</script>
Step VII: Save your Template. You are done. To see the code is working or not, open your blog in the browser and see yourself.

There is another method to insert the Scroll to top button. Here it goes.
Step I: Log in to Blogger Dashboard, Go to Layout and Add an HTML/Javascrpt Gadget.
Step II: Copy and paste the following code to the HTML/Javascript gadget.
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script> 
<script type="text/javascript" > 
var scrolltotop={ //startline: Integer. Number of pixels 
//from top of doc scrollbar is scrolled before showing control 
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). 
How far to scroll document up when control is clicked on (0=top). 
setting: {startline:100, scrollto: 0, scrollduration:1000, 
fadeduration:[500, 100]}, 
controlHTML: '<
img src=
"https://lh4.googleusercontent.com/-6Y8MPUpGYpU/USzs5rEhNsI/AAAAAAAADvk/
iXzptu4bODg/h120/scroll-to-top.png" />', 
//HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
 controlattrs: {offsetx:5, offsety:5},
 //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', 
//Enter href value of HTML anchors on the page that should also act as "Scroll Up"
 links state: {isvisible:false, shouldvisible:false}, 
scrollup:function(){ if (!this.cssfixedsupport)
 //if control is positioned using JavaScript
// this.$control.css({opacity:0})
 //hide control immediately after clicking it 
var dest=isNaN(this.setting.scrollto)? 
this.setting.scrollto : parseInt(this.setting.scrollto)
 if (typeof dest=="string" && 
jQuery('#'+dest).length==1)
 //check element set by string exists dest=jQuery('#'+dest).offset().top 
else dest=0 this.$body.animate({scrollTop: dest},
 this.setting.scrollduration); },
 keepfixed:function()
{ var $window=jQuery(window) var controlx=$window.scrollLeft() 
+ $window.width() - this.$control.width()
 - this.controlattrs.offsetx
 var controly=$window.scrollTop() + $window.height() - this.$control.height()
 - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) },
 togglecontrol:function()
{ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) 
this.keepfixed()
 this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
 if (this.state.shouldvisible && !this.state.isvisible)
{ this.$control.stop().animate({opacity:1},
 this.setting.fadeduration[0]) this.state.isvisible=true }
 else if (this.state.shouldvisible==false && this.state.isvisible)
{ this.$control.stop().animate({opacity:0}, 
this.setting.fadeduration[1]) this.state.isvisible=false } },
 init:function(){ jQuery(document).ready(function($)
{ var mainobj=scrolltotop
 var iebrws=document.all mainobj.cssfixedsupport=!iebrws
 || iebrws && 
document.compatMode=="CSS1Compat"
 && window.XMLHttpRequest
 //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? 
(document.compatMode=="CSS1Compat"? $('html')
 : $('body')) : $('html,body') 
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', 
bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, 
cursor:'pointer'}) .attr({title:'Scroll Back to Top'})
 .click(function(){mainobj.scrollup(); return false}) .appendTo('body') 
if (document.all && !window.XMLHttpRequest && 
mainobj.$control.text()!='')
 //loose check for IE6 and below, plus whether control contains any text
 mainobj.$control.css({width:mainobj.$control.width()}) 
//IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() 
$('a[href="' + mainobj.anchorkeyword +'"]').
click(function(){ mainobj.scrollup() return false }) 
$(window).bind('scroll resize', 
function(e){ mainobj.togglecontrol() }) }) } }
 scrolltotop.init() </script>

Read More...

How to add a Random Post Widget to Blogger blog

Leave a Comment

For bloggers, traffic is the ultimate goal. Getting more traffic is always important for bloggers. If your blog has a high ranking in search engines, you will get good traffic from Search engines. But what about bounce rates? Bounce rates are those who comes from search engienes to your specific blog post,
Add-Random-posts-widget-to-blogger
 consumes your content and leave; not bothering about what else are there in the blog.
 If you are using a simple design in your blog and have very less links visible to contents 
 of your blog, then you have a high chance of loosing your readers so early. If you can showcase your blog contents wisely and properly, then you can reduce the bounce rate of your blog to a great extent. To showcase your blog posts, you can use various techniques like placing link on the navigation bar, in the sidebar, placing tag list or tag cloud etc.
 A very interesting and useful way is to place a 'Random Posts' widget to your blog. You may place the widget into sidebar or any place of your convenience and showcase the
 Random Posts you have made on your blog. 'Random Post widget will show the posts titles with a brief summary of the post in the widget. This particular widget will show 5 Random Posts on your blog. You can customize the number of posts and may increase the number or reduce according to your choice. When your visitor see the Random Posts and if he/she finds something interesting, then he/she will not leave you blog without clicking on that item and having a look into it. So, you are keeping your visitors engaged to your blog as much time you can.
Ok, no more boring descriptions. Let me proceed with the steps to add a Random Posts widget to your blog.
Step I: You already know that you have to log into your blogger account and go to the particular
 blog Dashboard where you want to add the widget.
Step II: Now, click on Layout. Add an HTML/Javascript gadget. It is advisable to add the gadget to the
 sidebar if you are using a layout which have a sidebar. Else you can add anywhere you find convenient.
Step III: Copy and Paste the following code in the code snippet to the HTML/Javascript widget.
Step IV: Save Your Gadget. Arrange you gadget to the place where you want to display the Random Posts.
 Click on 'Save arrangements'.
You are done. Now open your blog in a browser to check if it is working or not. If you have any query or 
advice, please feel free to comment below. Share us if you are benifitted. Thanks.


<style type='text/css'>
#tb-random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;
width:36px;height:36px;padding:3px}
</style>
 
<ul id='tb-random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Turn off comments';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=
new Array(rdp_numposts);function totalposts(json)
{rdp_total_posts=json.feed.openSearch$totalResults.$t}
document.write('<script type="text/javascript" 
src=
"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"></script>');
function getvalue(){for(var i=0;i<rdp_numposts;i++)
{var found=false;var rndValue=get_random();
for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue)
{found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};
function get_random()
{var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json)
{a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++)
{var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;
if('content'in entry){var rdp_get_snippet=entry.content.$t}
else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}
else{var rdp_get_snippet="";}};
rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");
if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}
else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);
var space=rdp_get_snippet.lastIndexOf(" ");
rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};
for(var j=0;j<entry.link.length;j++)
{if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}
else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate')
{var rdp_posturl=entry.link[j].href;if(y!=-1)
{rdp_posturl=rdp_posturl+'?m=0'}
var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry)
{var rdp_thumb=entry.media$thumbnail.url}
else{rdp_thumb=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgybA-eXGcg73LsUUmcNrz_BJsDbLuwfUZtgnYyA6DjXVMrz4Qku1K5bIAWCjraGQqB7QERTMbOEjgWonGTF81H4AQLOD3rqWQSDw8jeyeVT0vP1aL_S0Hwft43GfrNQNmn0OdnpiluKOpd/s1600/no-image.PNG"}}};
document.write('<li>');
document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');
document.write
('<div><a href="'+rdp_posturl+'" rel="nofollow" 
title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');
if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring
(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)
+'</span>'}
document.write('<div style="clear:both"></div></li>')}};
getvalue();for(var i=0;i<rdp_numposts;i++)
{document.write
('<script type="text/javascript" src="/feeds/posts/default?
alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1
&callback=random_posts"></script>')};
</script>
</ul> 
Read More...

Facebook Awarded 'Criminal Case' as the Game of the Year 2013

Leave a Comment
Gaming in social media is becoming more fun day by day. Gammers can find many interesting games to play on social networking websites like facebook in online mode. Developers also making good profit from online games on social media. Game development companies like Zinga has already been valued million dollar company which entirely depends on revenues from online gamming. Few of the most popular games are like FarmVille, Bubble blast, Pool Live Tour, Angry Birds etc. have already make their mark on the online world. Currently one of the game Criminal Case has become very popular among facebook users. And it has been officially awarded as the 'Game of the Year' by Facebook.
Criminal-Case-Game-of-the-year-2013


What is Criminal Case?
Criminal Case is a fun game on Facebook where you play as a detective. There is a virtual city where crimes happen and you are given the charge to investigate the crime and put the criminal into jail. You are given a case(mostly murder cases) and you have to solve it in some steps. You can have some help like a 'hint' or some powers. You go to the area where a crime has been committed, collect evidences and interrogate suspects. Also you send suspected articles to laboratory for analyzing and you review the results to solve the case. If you add your facebook friends as your game partner in Criminal Case, you can have some energy from them also. To add your friend, he/she needs to play criminal case also. In many steps, you finally complete a case sending the original criminal behind bars and move to the next case. Criminal Case is fun to play because of its elegant design and intelligent procedure of gameplay. Players move to newer instance of cases and places which are exciting to explore and they contain many fun things which makes the game more interesting. You get Daily bonus in terms of energy, coins, orange juice or burgers(a kind of gift which gives you more energy) etc. Players can earn as many gifts they can from palying the game in many terms.

Players:
There are more than 38 million people who likes Criminal Case official page on Facebook. Many of them are active players of Criminal Case which makes the game a most engaged game on facebook. It is also increasing its popularity day by day by giving free gifts and offers to its players in special occasions. Their gifts are like free coins which are used to enhance the look and capability of the character you are playing, free energy points to enhance your playing and 'orange juices', 'burgers', 'meals' etc which can be used to boost the energy point of a player.

Gameplay:
I have already told you that it is a game where you act as a detective adn investigate crimes that happen in a city. Various crime scenes are created according to the level you are in and you are able to investigate them if you have enough energy to investigate one. A player may collect energy points whe n one of his co-player or partner gets promoted or solves a case. The player can share energy points and his friends can claim to collect them. The player is promoted in his role when he moves ahead in the game.
criminalCase-game-of-the-year


Facebook Game of the Year 2013:
Facebook recently announced the names of 23 games in various categories those were recognized as facebook game of the year. Among those 23 games, Criminal Case won the award of Game of the year. It is expected that this  
honour for Crimnal Case will definitely increase its popularity among facebook gammers.
Full List of Games mentioned by Facebook is given below(along with their development studio names).

2013 Hall of Fame:
Candy Crush Saga (King)
DoubleDown Casino (DoubleDown Interactive/IGT)
FarmVille 2 (Zynga)
Slotomania (Playtika/Caersar’s Interactive)

Staff Favorites
DoubleU Casino(AFewGoodSoft)
Game of Thrones Ascent (Disruptor Beam)
King’s Bounty: Legions (Nival)
Panda Jam (SGN)
Wartune (Road7/Proficient City)
War Commander (Kixeye)

Best New Games of 2013
Bake Shop Drop (Broken Bulb Studios)
Farm Heroes Saga (King)
Heart of Vegas (Product Madness/Aristocrat)
Hit it Rich Casino Slots (Zynga)
Jelly Splash (Wooga)
Kitchen Scramble (Disney Interactive)
Monster Legends (Social Point)
The Smurfs & Co: Spellbound (Ubisoft)
Soldiers Inc. (Plarium)
Solitaire Tales (Qublix)
Thunder Run War of Clans (SpinPunch Games)
Vikings Gone Wild (EveryDayiPlay)

Game of the Year 2013
Criminal Case (Pretty Simple) 
facebook-game-of-the-year-2013

Read More...

How to Earn Money by writtings Sponsored Reviews on Your blog

Leave a Comment
earn money from sponsored blogYou may already know that bloggers make money not only by placing ads in their blogs, but from various sources. One of the prime source is Sponsored blog post. Many companies pay bloggers to write blogs about their products in their personal blog. Bloggers those who have vast audience gets easily such sponsored posts or sponsored reviews about some product someone wants to be endorsed. Sponsored Reviews and Sponsored posts are popular way of money making among the bloggers. You can also earn some money writting sponsored reviews and endorsing some product in your blog posts. In this post I am going to tell you some good websites where you can search and get sponsored post for your blog.
  1. SponsoredReviews : SponsoredReviews.com is a most prefered option for bloggers to get sponsored posts and reviews for a blog. It is one of the old but popular website of its kind. You can sign up for SponsoredReviews and give a try. But there are some shortcomings in using Sponsored Reviews. One, Sponsored Reviews keep 50% commission you generate from every sponsored post as they were acting as a mediator between you and the advertiser. And two, To get qualified and approved for SponsoredReviews, your blog must have a goog Google page rank and Alexa rank. Sponsored Reviews has some strict rules when they consider blogs. Some of the regulations they have mentioned in their FAQ page are:
  • Your blog must be at least 3 months old and be cached/indexed in the major search engines, including Google.
  • Your blog must have a minimum of 10 backlinks. Backlink analysis is verified through Majestic SEO.
  • Your blog must be submitted to a category that is the most relevant for your site.
  • Your blog must contain at least 10 archived posts with a minimum of 3000 combined word count.
  • Your blog must not contain duplicate content scraped from other sites.
  • Your blog must have a professional appearance.
  • Sponsored Reviews reserve the right to reject blogs that contain too much visual clutter. You are free to use ads, banners and badges, but if they overwhelm the content itself they may reject the blog.
  1. ReviewMe: Reviewme.com is yet another website of its kind which brings you sponsored product reviews. You just need to write good reviews about a product they will give you to write. You can find a very good number of advertisers in this website for your need. They may higher you to write reviews if your blog is having good trafic and potential to market their product.
  2. PostJoint: Postjoint.com can also be another option for sponsored posts. It is a quite new network, but it has a very good number of advertisers so, you have a good chance of getting some sponsored reviews in this website. You just need to sign up on PostJoint, get approval for sponsored posts and then you may be getting sponsored reviews from advertisers for your blog. You have to ask for a price for your post or review and if the advertiser finds it comfortable, then they will place an order for you.
There are some other options to get sponsored reviews for your blog. You may ask advertisers to contact you directly by placing a banner on your blog or you may practice similar tactics. If you have other mind blowing ideas, please share in below comment box.

Read More...

How to Make money using Twitter

Leave a Comment
Yes, This is not a myth. Although, making money online is not an easy task. But you can really earn some extra money with Twitter. Yes, you read it correctly. You can earn money from your twits. I will tell you how. There is huge competition in the online market and most people trying to earn some quick bucks in the Internet fails to earn any money because of their impatience and urge for easy money.make-money-with-twitter You should always remember that easy money is a myth other than if you are not gambling or selling drugs. A person needs to work hard to earn money online. However, there are many real and legitimate ways to earn money online. Today, we spend hours on social media Twitting, Facebook sharing and in other social networking sites. However, few people know that they can earn money using the power of social media. Social media marketing is growing extensively and gaining popularity. Most business organizations are trying to expanding their market and gain profit with the help of social media marketing. But how one simple user of social media can earn money? Yes, this is possible. But you need patience and some work to earn money. You can earn money with Twitter using some tricks. Games and apps on Facebook has become a popular option to make money online. But everyone cannot afford to create a game on Facebook or not able to create an app which will make revenue. But in twitter, you do not need to program any app or game. You can earn money just for twitting. I am going to tell you how. There are numerous ways to earn money from your tweets. But I will discuss only the best options.


What you need to make money using Twitter?


To make money from Twitter, you will need-
A Twitter account (obviously). If you don’t have one, then create one. Twitter does not distinguish between person, company or any other thing. So, you can create a Twitter account for your personal name, your company or your website or blog. 
Get some decent amount of followers. Twitter followers are those, who follows you and gets any tweet you post on your twitter account. To make money, get as many follower as you can. Your earning will be somewhat directly proportional to number of your followers. 
Tweet regularly and have at least 50 twits on your account. Tweet about interesting things, so that people get encouraged to follow you and click on your twits.
Always maintain a basic standards for your tweets so that people do not feel compelled to unfollow you.
Share links and images in your tweets. You can share any interesting link you have read on a blog, on a news portal etc.


How to start making money with Twitter?


The following options will help you making money with Twitter.
1. Sponsored tweets: Sponsored Tweets is the most popular option to earn money with Twitter. sponsored tweetsSponsored tweet is a well known service with a large number of users. This service uses a Pay-Per-Click(PPC) option for your tweets. You can also set the amount you want to charge for each click. You can choose the ads you tweet from a list of ads which is updated regularly. To get started with Sponsored Tweets you should have at least 50 followers , 100 tweets in your profile and an account which is 60 days older for signing up and get qualified to sponsored tweets. Sponsored Tweets has a referral program too. You can place referral link on other social media platforms or you can place referral banner ad on your blog or website to earn profit from referral.
2. Rev Twt: Rev Twt is another popular advertising platform based on Twitter tweets. Rev Twt has a simple formula, as much follower you have you have the probability of earning that much. Because this platform uses a Pay-Per-Click(PPC) option, as many clicks your tweet generates, that many amount you earn. revtwtRev Twt works on the basis of two methods, CPC (Cost per Click) or CPT (Cost per Thousand Followers). You have the option add multiple twitter accounts in Rev Twt to make more money. Payments are made via paypal when you reach a minimum of $ 20 in your account.
3. MyLikes: MyLikes is another popular option to earn money on Twitter. You can use MyLikes on other platforms too like your blog, tumbler and YouTube.mylikelogo You can choose from thousands of advertisers and you can also schedule the time when the advertisement will be tweeted from your twitter account. You can earn around $ 0.50 per click on your tweets and you can get a payout per week. MyLike can be a good option if you want to use it on multiple platforms and have a large number of followers.
4. BIT.LY: BIT.LY can be another option to earn money on tweets. You can easily monetize valuable contents you are sharing to social media with BIT.LY. However you would not be getting paid per click, PPC method is not followed by BIT.LY. Instead of PPC, you will need to create a profile based on your interests then advertisers can choose your account to publicize a campaign. You need to agree to send some tweets at specific schedule and you will get paid.
Read More...

How to add Facebook Pop up Like box into blog using HTML/Javascript Gadget

Leave a Comment
You must have seen my previous blog post on this same topic, How to add a pop up like box for Facebook into your blogger blog or any website. Here is the link to the previous post. But
i think that post was a bit complicated for beginner bloggers and for those who does not have
much knowledge of javascript and web designing. There is a simpler way to achieve the same task. You can easily add a pop-up Facebook Like box in a lightbox style which will link to your blogs official Facebook page and will show up some of the faces who have already liked your page. The pop-up Like box appears in a lightbox style, i.e you see when you click on a photo in Facebook, The image opens up in zooming itself and the background content remains static. The pop-up Likebox appears the same way. The viewer can either hit 'Like' or close the window to browse further. This can be done using an HTML/Javascript gadget and without going to edit your blogs template. I will now show you step by step how to add the pop-up Like box for Facebook into your blogger blog.
Step I: Log in to your Blogger Dashboard and go to the blog where you want to add the Facebook pop-up likebox.
Step II: Click on Layout and then Add a Gadget. Select an HTML/Javascript gadget to add.
Step III: On the newly opened window for HTML/JavaScript gadget, copy and paste the following code.
  
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' 
type='text/javascript'></script>
<style>
#techBhuvanFBlike {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#techBhuvanexit{
width:100%;
height:100%;
}
#techBhuvanfanbox{
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#techBhuvanfanclose {
float:right;
cursor:pointer;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMTCGa87SuHCAzFC6-gvYefvhh6Kc35GqUcWxXf7POYaM5mlgoD1QWMFW90gKjaouaMOCEae6erkUCuioTMN281Xyc2Lx-T2B6WuFRZq0VWJd6pl3TMVdpKgg2pB8lOIFf-hl0OuJ4Db4/
h120/fblikeclose.png)
 repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.removefbborder {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = 
new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)')
.exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='techBhuvanFBlike'>
<div id='BMSboxexit'></div><div id='BMSfanbox'>
<div id='techBhuvanfanclose'></div><div class='removefbborder'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' 
src='//www.facebook.com/plugins/likebox.php?href=<span style="color: #ff0000;">
http://www.facebook.com/TechBhuvan
</span>
&width=402&
height=255&colorscheme=light&show_faces=true&
border_color=%23E2E2E2&stream=false&header=false' 
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; 
height: 230px;'></iframe>
</div></div>
Step IV: Save your gadget. Then Save your template. You are done. Now test your blog opening it in browser whether it is working properly or not.
If you have liked this post, please share among your friends. If you have any query, please comment below. Thanks.  
Read More...

How to Access Linux Partition from Windows

Leave a Comment
Linux is the most preferred option for programmers, hackers and pen testers. But, for common people who does not have or have little programming knowledge prefer to use Windows because of its easy to use graphical design and interface. I am personally a Linux lover but have Windows also installed on my computer in another partition. If you are like me, you may be also using a dual boot computer which boots both Linux and Windows.
If you have both Linux and Windows installed on your computer and you use both operating systems in different occasions, then you may have noticed that, you can access your Windows partition when you are working on Linux, but you cannot access your Linux partition when operating from Windows. So, if you have stored some important document on your Linux partition and you need it to use when you are working on Windows, then you have no option other than rebooting to Linux and copying your files to Windows partition then again come back to Windows. However, this will take a lot of time of yours. So, if there is a way to access Linux partition directly from Windows, then is not that great? Yes, that is indeed possible to access Linux partition from Windows. I am going to tell you how to do that.
To access Linux partition from Windows, you need an application called Diskinternals Linux Reader. I will now tell you the process step by step.

Download Diskinternals Linux Reader windows application from below link.
Download

click to download

4.3 MB .exe


After downloading is completed, open the setup file to install the application. If you have low privilege, run the installer as Administrator. During installation, apply option to create a shortcut in Desktop.  
After installation is done, open the application by double clicking on the icon on your Desktop.
Now you can see all the disk partitions on your computer whether it is NTFS or FAT or ext3. You will also see the Linux Swap partitions.
Click on your Linux installed partition and open it. You will now see all files and folders present in your Linux drive. Locate your required files and copy it to your Windows drive partition.
DiskinternalsThat is it. You can now explore files on Linux partitions directly from Windows without switching into Linux. If you are helped, then please share this article. Thanks.Thumbs up
Read More...