HARDIK PATEL BLOGGER TIPS ~ EDUCATIONAL PORTAL .

BLOGGER TIPS


1 .How to Embed PDF, DOC, XLS Files Into Blogger:-

Posted by : HARDIK PATEL
Hello friends, Due to my exam i was unable to post a single post, So I'm really sorry for this. In today's post I will tell you how you can embed PDF, DOC, or XLS files intoblogger blog. This post is also described How to show PDF, DOC or XLS files onblogger without using third party or services. Blogger is a free blogging platform by Google and there are some limits, you cannot upload pdf, doc, xls files directly. So before we used third party websites or hosting services to embed these files. But now you don't need to go to third party websites, you can embed  your PDF, DOC orXLS files using Google Drive, Google drive is a free cloud storage service by Google. So, without wasting a time let's come to the tutorial.

               


·     At first, Go to the drive.google.com and login with your existing account or create a new one.
·  Now upload your PDF, DOC or XLS file, After upload completed click on the uploaded file link. It opens in new tab


·  In the new tab click on share and change the properties of sharing 'Private' to 'Public' or 'Anyone with the link'.


·  Now, go to File > Embed (this PDF file) in menu bar.


·  Now, Embed code will pops-up just copy that code and paste it on Edit HTML mode in blogger post editor.


I hope this tutorial will surely help you. If you have any questions or problem let me know.



2.How To Remove Blogger Navbar:-

BY hardik patel 
Blogger’s navbar is horizontal navigation bar located on the top of your Blogger blog, which contains some quick links. Most of Blogger users don’t wanna see the navigation bar on their blogger template due to obvious reasons. In this tutorials, I’ll show you how to remove Blogger navbar from your blog.
There are two ways to remove the navbar from your Blogger blog. You can remove it manually from the layout widgets or by adding a CSS code to your Blogger template.

From Blog Template

Go to your Dashboard > Template, click on Edit HTML button. Add following code above the ]]></b:skin> tag of your template:

From Layout Widgets

Blogger now also offers to hide the navbar right from their navbar widget in the layout section of Blogger blog’s admin panel. Go to your Dashboard > Layout, and navigate to Navbarwidget and click on Edit.
Now, a pop-up will appear with the colors schemes for your navbar, and there is an option toOff the navbar. Choose the Off option and click on Save button to remove the navbar widget from your Blogger.


3.How To Remove Attribution Widget From Blogger:-


BY hardik patel:-
By default, you can’t remove Attribution widget from Blogger, which renders Powered by Blogger text in your Blogger blog. Here’s how to remove this widget.
The Attribution widget appears in the layout section of your Blogger, but there’s no option to remove it. This trick will unlock the Attribution widget and an option to remove the widget will appear on the widget.
Go to your Dashboard > Template, click on Edit HTML, and search for this line:
Replace the word true with false to unlocked the widget, and save the template. Now, navigate to your Dashboard > Layout, click and edit the Attribution widget. Now, you can see the Remove button is there, click it.


4.ADD SOCIAL SHARING BUTTONS   WIDGET TO BLOGGER :-

Social Media has become the main source of your Blog/website traffic,there fore never underestimate the social media networks.For Boosting Blog traffic you should add Social Sharing Buttons Widget to your Blog.Which helps you and your visitors to easily share your Blog Contents with their Friends,as a result you will get the bonus of traffic to your blog.The widget we are sharing contain Google+ Share Button,Twitter Tweet Buttons,Stumble,Facebook Send and Like Button,Pinterest,and many other social network buttons.You can add it eitherabove the Blogger Post or Below the Blogger Posts,however it is very simple and clean widget which will not effect your Blog Loading Speed.

How To Add Social Sharing Buttons Widget To Blogger

  • Go To Blogger Dashboard
  • There Click On Template 
  • Now Search for This Script/Code <data:post.body/>
  • After Finding The above Code in Template
  • Copy The Below Script and paste it above(for Showing Buttons above The Blogger Post) or below(for Showing Buttons Below Blogger Post) this Script <data:post.body/>

  <b:if cond='data:blog.pageType == &quot;item&quot;'>   <div class="sharethatsblogging"> <center><div class="headingthatsblogging">Like the Post? Do share with your Friends.</div>     <ul class='social' id='cssanimation'>     <li class='facebook'>     <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow'><strong>Facebook</strong></a>     </li>     <li class='twitter'>     <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank'><strong>Twitter</strong></a>     </li>     <li class='googleplus'> <a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank'><strong>Google+</strong></a>     </li>     <li class='pinterest'> <a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'><strong>Pinterest</strong></a>     </li>     <li class='stumbleupon'>     <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'><strong>StumbleUpon</strong></a>     </li>     <li class='delicious'>     <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'><strong>Delicious</strong></a>     </li>     <li class='linkedin'>     <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a>     </li>     <li class='reddit'>     <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow'><strong>Reddit</strong></a>     </li>     <li class='technorati'>     <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' target='_blank'><strong>Technorati</strong></a>     </li>     </ul></center></div>   <link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'/>​ <style> ul.social { list-style:none; display:inline-block; margin:15px auto; }  ul.social li { display:inline; float:left; background-repeat:no-repeat; }  ul.social li a { display:block; width:50px; height:50px; padding-right:10px; position:relative; text-decoration:none; }  ul.social li a strong { font-weight:400; position:absolute; left:20px; top:-1px; color:#fff; z-index:9999; text-shadow:1px 1px 0 rgba(0,0,0,0.75); background-color:rgba(0,0,0,0.7); -moz-border-radius:3px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-border-radius:3px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); padding:3px; }  ul.social li.facebook { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7EGTYB0g0_iUJ1jCxvQlPaLFYo0_Ejf-beMEOMeHmkPB6jZh3zfom2rsfRo_LcDYDqYcPGcZYM8-cr5yGhXwCDStDi4u2otz6ytEdlHspbMXRKd0wmEniSNKWbDaHK5fdRFsacBoTHo/s50/facebook.png); }  ul.social li.twitter { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5k8_2RhrCH4Acci8_MigauiutwhDxNEtUBUARyO1F166L9AfYIDJn7HZBLPjJmYblyxPPqb0R86mcnycZ60W43IbnaAqqCHa9tn5Bxy5QXVs0hH6AQPxmEEWer1V7Be5P_W3uAw47OlA/s50/twitter.png); }  ul.social li.googleplus { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UgiSxycexBAktuO8VNASmGkO673AklkFAGJmSv7wehqN9esEABQTluUGu6HaZmeyG5zSRW2L-XgwtymndbXsfop6PTqb4ZTdiv4-snN_KuaroM7gQwIr3IpGSnWGTbQrc4PZm784rVw/s50/google%252B.png); }  ul li.pinterest { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNO4mq1GjF8dAsxiyq_6L-7H3jePYZ-s-a4s5m1_ZKDdbXPj5mypaLcAjecP2n44OUJ32kM_j4B6YQhYuzFSHpN462iNFFhyphenhyphen2yS7WwThtCMr7hecpVxMqAxLvr0dOBMMhHdGSRaTm1v80/s50/pinterest.png); }  ul.social li.stumbleupon { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVOUjZOwJgFZuCZzlra6-xj81NclyHDkSrdzfHHEJ4FfCcky7A78PW97-hwZc8VGj0IbnqqYs0ZhKyuA1WFXcvplRojHIVKXEamgREOqTAm6r7HESOHawJI7dCE6ZjhQeBlPr_qbEHt7Y/s50/stumbleupon.png); }  ul.social li.delicious { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutXhK42rhw-LW9QaWqt89GPhWFEPk6PjVFBdLwCXOMGc0TBe5wlzFxTyoWt4tUsdu9S5-D2norrO1R87ltyPRW145srWc3xWkY-hSGcAsDjEtKv3TZf5D56dVTSnYszgTbJu05mVCJI0/s50/delicious.png); }  ul.social li.linkedin { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkuabMbBXK8LCi23PBrko3hsHTdOY84t3WJRzOe9CL4VUhdHefhuL7fWXgh_nw3oIXz3IFNxTPSvBzwXzsINc15ORkY00OsaSmXo8Zc7IJWsfC-MVq5-m4F08lFyut-eW_amFZ3S120Bw/s50/linkedin.png); }  ul.social li.reddit { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hyphenhyphen-T748COwMU2HHymA6YvPIGYErlIeIxcNd05nFs6zMXKmkHrGbzJ7JtY0bi-UQvVV98m9FiIDL00aC3wiibL9XAevNvEnyj9xI-aDsUjdw89KSCUYrJnh65i_lvHfOlkzlv_TGDA4I/s50/reddit.png); }  ul.social li.technorati { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMmOHJ4Zd5eNiMEJ6mnW2DeINKAAG0WCpstHk_b_C1RMbfN1FhQ9ntv_NPZjetl6SP-EGo2BiSKg-YNXu8MxcL7VukbxE6C7ETnQwyPFDnJy-hdb97YfBQoc_i4l0AXzVaIydyh4jsGgc/s1600/TBI-technorati.png); }  #cssanimation:hover li { opacity:0.2; }  #cssanimation li { -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; }  #cssanimation li a strong { opacity:0; -webkit-transition-property:opacity, top; -webkit-transition-duration:300ms; -moz-transition-property:opacity, top; -moz-transition-duration:300ms; }  #cssanimation li:hover { opacity:1; }  #cssanimation li:hover a strong { opacity:1; top:-10px; } .headinglordhtml{     font-size:25px;     font-family: 'Englebert', sans-serif; } .sharelordhtml{   border-top:30px solid #3873CC;      padding:16px;         -webkit-box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 7px 9px rgba(50, 50, 50, 0.75); box-shadow:         0px 7px 9px rgba(50, 50, 50, 0.75);     transition: background .777s; -webkit-transition: background .777s; -moz-transition:background .777s; -o-transition: background .777s; -ms-transition: background .777s;     background:#D9D6FF; }  .sharelordhtml:hover {         background:white;  }  ​ </style>  </b:if>

Note:-

- In Magazine Blogger Templates,there are more then two Scripts similar to <data:post.body/>,so do paste the above Script after each script.

  • Now when you paste the above script after <data:post.body/> ,take a Preview and Then Hit save Template.
  • That's it,now take a look on your blog post social sharing widget will dancing there :)
5.How To Receive Comment Notifications Via Email In Blogger:-

Step 1

Sign inn to your blogger dashboard. If you have multiple blogger blogs in your account select the one on you would like to enable comment notifications.

Step 2

Once you have selected blog, go to Settings >> Mobile and email. Then go to Comment Notification email text box and enter emails address on which you would like to receive comment notifications.
You can enter up to ten email address in this text-box separated by commas (,).


Step 3

After you have entered your email in this text box press save settings button to complete the process. Now any one will comment on your posts you will receive comment notifications in your entered email.

If you have set Gmail address in comment notification section, you will receive comments in the social section of your Gmail account.

I hope now through this article you have learned how to receive comment notifications via email in blogger. Check our post on disabling comment from blogger blog if you want to remove comments from your blogs. Do write to us in comments section about these articles.

6. How to Change Your Template:-

Blogger has introduced a new Design feature recently. There are many designs now available for your template. They are located in your Design tab, under "Template Designer New!" If you choose to make changes, you need to back up your current template so you don't lose it (there is a huge orange button at the top to remind you of this). You can now adjust column width, number of columns, and many other features without adjusting HTML. It will show you a preview, and then you have to click "Apply to Blog" before it's official:

You can also STILL CHOOSE from the old designs previously offered in Blogger! (Minima is the most common of these, and the easiest to adjust for widening width and adding columns if you prefer HTML hacks and tweaks.) These layouts are located in your Design tab under "Edit HTML." Scroll down until you see "Old Templates" in orange just below the HTML field. You can click the blue link that says "Select Layout Template." The Classic Template (the very original Blogger themes) are also located just below that:
7. How to Change Your Banner/Header:-

Click on your Design tab, then go under "Page Elements." You can access all of your sidebar gadgets/widgets (same thing), and your header and footer. You will see a space at the top to "Add a Header". If you click that, a window will open that allows you to configure your header. You can upload a custom or free header here, an image of your own, or just type in a name. There are options to allow your header appear instead of the text, and you can shrink it to fit a certain size. So check out all the options before you click 
Save!

8 How to Add a Button to Your Sidebar:-

• From your Design tab, under "Page Elements", Click "Add a Gadget" from your sidebar options.

• Select "HTML/JavaScript" from the menu.
• Paste your HTML code into the empty Content space, and don't forget a title if you want one.

• Click Save. View your blog and you will see the button in your sidebar! It should be a clickable graphic that links to another blog or website.



9. How to Add Facebook Like to Blogger

Edited by:- HARDIK PATEL
Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.

This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services.

Steps

  1. Add Facebook Like to Blogger Step 1.jpg
    1
    Go to the "Facebook Developers" page:http://developers.facebook.com/docs/reference/plugins/like.
  2. Add Facebook Like to Blogger Step 2.jpg
    2
    Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections.
  3. Add Facebook Like to Blogger Step 3.jpg
    3
    Leave the "URL to Like" field blank. You will be replacing that soon.
  4. Add Facebook Like to Blogger Step 4.jpg
    4
    Click "Get Code". You will see something that looks like this:


    <iframe src="http://www.facebook.com/plugins/like.php?href=
    

    http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&
    

    show_faces=false&width=450&action=like&colorscheme=light"
    

    scrolling="no" frameborder="0" allowTransparency="true" style="border:none;
    

    overflow:hidden; width:450px; height:px"></iframe>
    
  5. Add Facebook Like to Blogger Step 5.jpg
    5
    Replace the following text:
    • src= above with:
      expr:src='
      
    • http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layoutpart with:
      " + data:post.url + "&layout
      
    • light" with:
      light"'
      
      -- notice the new trailing apostrophe
    • height:px with:
      height:35px
      
      -- otherwise, Firefox will make the iframe really big.
    • Leave a copy of the final code somewhere accessible for you to transfer to Blogger.
  6. Add Facebook Like to Blogger Step 6.jpg
    6
    Go to your Blogger Dashboard.
  7. Add Facebook Like to Blogger Step 7.jpg
    7
    Open your blog's layout and click Edit HTML.
  8. Add Facebook Like to Blogger Step 8.jpg
    8
    Find a place to put the Facebook "Like" code into your HTML layout. A good location is directly after or below:
    <div class='post-footer'>
    
    • Use the browser "Find" mechanism to help you locate it.
  9. Add Facebook Like to Blogger Step 9.jpg
    9
    Save and check that the button has appeared. Once you can see it, you're done!

10.


Edited by: HARDIK PATEL
Facebook is a social networking platform that allows you to connect and share information with your friends, family, co-workers, and other acquaintances. A blog is a form of journal on the Internet that allows you to write posts and entries about your life, hobbies, opinions, and other topics that interest you. Although

Facebook does not currently feature a blogging platform for its users, you can still share your blog entries on Facebook by posting blog links into your update status, using the Notes feature of Facebook, or using third-party applications (apps) that automatically post your blog entries to Facebook upon publication. Continue reading this article to learn how you can share your blog on Facebook using one or more of these methods.

Method 1 of 3: Update Status Method

  1. Blog on Facebook Step 1 Version 2.jpg
    1
    Access the Update Status section of your Facebook page.
    • Click on either the "Home" or "Profile" links in the upper-right corner of your open Facebook session. You will be redirected to your News Feed or Wall pages respectively, and the "Update Status" box will be located at the top of your session.
  2. Blog on Facebook Step 2 Version 2.jpg
    2
    Post a link to your blog content in your profile's Update Status.
    • Go to your blog and copy the link of the blog entry you want posted to Facebook.
    • Return to Facebook, then paste the link to your blog entry within the Update Status box. You will be presented with the option to publish a picture, or "thumbnail" for your blog entry on Facebook.
    • Click on the "Post" button. Your Facebook friends will now see your blog link within their News Feeds.

Method 2 of 3: Notes Feature

  1. Blog on Facebook Step 3 Version 2.jpg
    1
    Access the Notes feature of Facebook. The Notes feature will allow you to paste your blog content into a notepad, then format your text using bullets, numbered lists, bold and italic formats, and more.
    • Click on the "Notes" link on the left side of your Facebook session from either your "Home" or "Profile" pages.
  2. Blog on Facebook Step 4 Version 2.jpg
    2
    Publish a blog entry using the Notes feature.
    • Click on the "Write a Note" button to access a blank notepad page.
    • Write or paste your blog content onto the blank page, then format the text according to your preferences.
    • Click on the "Publish" button to publish your blog content on Facebook. Your friends can then access the blog from the Notes section when they view your profile.
  1. Blog on Facebook Step 5 Version 2.jpg
    1
    Search for Facebook apps that automatically publish your blog content.Several developers have designed apps that will allow your blog entries to post automatically to Facebook at the time of their publication.
    • Go to the search bar at the top of your open Facebook session.
    • Type in keywords such as "blog feed" or "link to blog" to locate a number of different apps related to blogging and Facebook. Examples of apps you can use are "Social RSS," "RSS Graffiti," and "NetworkedBlogs."
  2. Blog on Facebook Step 6 Version 2.jpg
    2
    Add an app to your Facebook profile. When adding a third-party app to your Facebook profile, you must review the terms and conditions set in place by the developer of that particular app.
    • Click on "Go to App" to the right of any app you want integrated with your Facebook profile.
    • Read the "About this App" or "Request for Permission" sections. In most cases, you will be presented with a list of information the app will have access to from your personal profile once the app has been officially added to your profile.
    • Click on the "Allow" button to finish adding the app to your Facebook profile.
  3. Blog on Facebook Step 7 Version 2.jpg
    3
    Use the app to publish your blog content. Depending on the app you add, you may be prompted for information about your blog so Facebook can update your friends with links to your published blog content.
    • Enter the web address for your blog and other information as requested by the app. You will then have your blog content posted to Facebook automatically whenever you write new content.