How To Upload Files For Download in Blogger

Blogger is one of the best blogging CMS (Content Management System) which is being used all over the universe. The main feature of this platform is that it is free of hosting which means we just need to purchase domain only without hosting if domain is required otherwise we can also use free sub-domain. Well, when we create blog post, sometimes we need to upload data/files for public download or which can be downloaded into blog reader’s system. But unfortunately, there is no option to upload files that can be due to free hosting and also for avoiding people from uploading unnecessary, spam and malware data in Google servers. So, sometimes people get confused where to upload files for download now and you can be one of that confused people. Don’t worry, we’re here, below we’ll be showing you that how can we easily upload files for Download in Blogger.

How can we upload files for download in Blogger?

So, There is no option to upload files for direct download in blogger and still we're eager for it. When we don't have any needable option in Blogger, we can make use of external services. It means if we can't upload files directly from Blogger then we can upload data somewhere else and insert the direct download link in Blogger post editor. Here, we'll make use of Google Drive which is awesome cloud hosting and file sharing service. First, we'll add data into our Google Drive account after that we've to make the data public because everything that you upload in Google Drive is private means only for you but here we want to make it for public download. After storing data in Google Drive and making it public, It's time to insert the download link or download button in blogger and let your visitors download the files.

Let's Try It - Tutorial

• Go To Google Drive >> Create >> Folder
• Name It Something Such As "Downloads"
• Open That Folder >> Click "Upload Icon" and Choose "Files".
• 
  

• Now Select The Files That You Want To Upload.
• When The File is Uploaded, Right Click On That File.
• Click "Share" and Once Again "Share".
• 
  

• Now Pop Up Box Will  Appear.
• In The "Who Has Access" Section, Click "Change".
• Here Just Tick Mark "Public On The Web" and Save It.

• Now Same Box Will Appear Back and At The Top, There Will Be Link in "Link To Share" Box. Copy That Link and Paste It in Notepad.
• Copy This Green Colored Link and Also Paste It in Notepad https://docs.google.com/uc?export=download&id=FILE-ID-GOES-HERE
• Now Look In The First Link Which You Copied From Google Drive. It Will Be Having File ID Which Looks Like 0ByNodV_m9cVLN1loc2JXZGJQUjQ
• Copy Yours File ID and Replace It With FILE-ID-GOES-HERE in The Second Link Which You Copied From Here.
• Now The Second Link Will Look Like This https://docs.google.com/uc?export=download&id=0ByNodV_m9cVLYTRKbjVIYXEwVXM
• Download Link Is Ready Now! Whenever People Will Open The Link Like Above The File Will Start Downloading and Yes It is Direct Download Link.
• For Clarification, We've Prepared The Image Inserted Below.

• Go To Blogger >> Create New Post >> Link
• Paste The Prepared Link in URL Box, Write "Download" in "Texts to Display" Box.

• Click "OK"
• Prepare The Post.
• Click on "Publish" Button.
• Done!

Read More

How to Share Your Post to All Facebook Groups By A Single Click

Once you publish a post on your blog or website all you need to do is to expose it and the best way is by sharing it on social networks and other social bookmarking sites. Out of all one of the best source for getting traffic to your new blog post is ?? Is from Facebook Groups. :) 

So the question now arises. Have you joined Blogging Facebook groups or other FB groups of your Niche ? Do you share your posts on them ?  How much time does it takes to share your post on all fb groups manually ? 

I know it takes a lot of time. What if I share with you a method which I use and it takes me only 5 minutes to share my post in more than 70 groups. Yes its completely free, easy and safe. Its not like other methods where you have to login with your Facebook ID and then post, Its also not like collecting all the Facebook group ID's and then mailing on them. ( You will find this method everywhere on net ). So today I have come up with this post on my reader's request.

Steps to Follow: 

• Firstly install a social sharing widget on your blog. We use ShareThis widget for blogger. Make sure you add theFacebook SEND button on it. 

• After Installing the sharing widget open up any post of your blog and scroll down at the end of the post. It should look as shown below.

• Now you are done, just click on SEND button and a drop down lists will come showing your friend list and your groups. Just type anything relevant to your post in the message box and select all your groups in recipients as shown below. 

• 

After selecting all your groups just click the send button. It will now automatically post to all the selected groups. To confirm, just go to the activity log on your facebook profile and you can see all your posts.

Some Important Notes

• You can use any social sharing widget which allows you to put FB send button. 

• Select a max of 50 groups at a time to avoid being caught by facebook. 

This trick will surely save your time. Share this with your friends and other bloggers. If you have any problem installing the widget, feel free to comment below or contact us.

Read More

How to add Related Posts widget With Thumbnails to blogger

Now here is wonderful hack for displaying links to related posts beneath each of your blog posts. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.


How to Add Related Posts Widget to Your Blog?

1. Go to Blogger.
2. Select your blog then go to  Template > HTML.
3. Back up your existing Template before making any changes!
4. Search for the </head> tag by pressing CTRL+F.
5. Add the following code just before/above the </head> tag.

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

    6.  Now find the following Code, You may find it Twice, Stop at the second once.

<div class='post-footer'>

    7.  Just above it Copy and Paste the below Code.

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz8f2rhEE5LbT1wIaujfiV3zfexFpd_vXE8BPtnqQpFoN2qWBl2Iq-aHX8emJJC7Av2uFTg47jO6G9x_eXLUf1vthS-r2-NLdIeQ6NFiqJZEdVb_uawbDjjAjmNL3luh1Q2WYusrGxARlq/s1600/best+blogger+tips.png'/></a>
</b:if></b:if><!-- Related Posts with Thumbnails Code End-->

  8.  In order to change the number of maximum related posts being displayed for each label, search for the code below (within the code given in step 7) and change the number "5" to any desired number.

max-results=5

And you have Done it.

Thank you for visiting, plz subscribe, If you hace any questions in mind regarding this post message me on Facebook.

Read More

How To Disable Text Selection In Blogger

Hy friends, In this article I am going to show you interesting Blogger trick, by which you can disable text selection. Anybody who will vist your blog will not be able to copy your content, hence you can keep complete privacy of your text.
Without further wasting of time, let me show you how to do it.

1. Go to Blogger
2. Selet your blog.
3. In your dashboard, go to Layout and then click on Add a Gadget
4. Select HTML/JavaScript
5. Copy and paste this code below:

<script type="text/javascript">
/***********************************************
* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

6. Then save the widget and you’re done.

Go ahead and try selecting any text on your page. You’ll see that you won’t be able to highlight anything, not even the images for that matter.

Thank you for visiting, for more tricks plz subscribe and like us on Facebook.

Read More