Saturday, 26 December 2015

How to enable Google plus comments System on Blogger

In this post I am going to discuss about How to enable Google plus comments in Blogger  Since it has been quite a few time that Google introduces Google Plus, Google+ is now getting more popularity day by day specially among bloggers and internet marketers because Google is not considering Social shares and plus one’s as one of the important ranking factor in their search engine So if your blog posts get more plus one’s and more shares on Google plus then your blog post will get higher ranking in Google but for this you have to replace Blogger default comment system and install Google plus comment system on your blog
Must Read :


How to enable Google plus comments in Blogger

Step 1
  • Log in to your blogger account and go to that blog dashboard on which you install Google+ commenting system
  • Now click on Google+ then you will be landing on page similar to below screenshot simply check the checkbox which says ‘Use Google+ Comments on this blog’
Step 2
  • . First of all go to   Blogger Dashboard,
  • After that Go to Template and click on the Edit HTML button
  • Click anywhere inside the code area and press CTRL + F keys to open the editor's search box and search for the following code
  • Search for the code below in your template. <div class='post­footer'>
  • Find  and paste the following code just before it.

  • <div class='cmt_iframe_holder' data­viewtype='FILTERED_POSTMOD' expr:href='data:blog.canonicalUrl'/>

  • . Click on the Save template button to save the changes... and that's it. 
  • Now we should be able to enjoy the Google Plus comments in our Blogspot blogs.
Must Read :

if you like this post please share with your friends and Google plus lovers   And if you face any problem or have any questions regarding how to enable Google plus comments on blogger blog then let me know by dropping your comments below and most importantly don’t forget to subscribe for getting more such blogger tips and tricks! Keep Blogging

How Auto Share Blogger Post On Google Plus

Today we are share artical related to How Auto Share Blogger Post On Google Plus.you could directly publish about new posts to your Google plus profile, or to your Google plus page. You can find more information on official help page here
Must Read :





Add Auto POst Share on google plus

  • Login to your BlogSpot dashboard
  • Then click on blog for which you want to connect to Google plus account
  • Now click on Google plus on left sidebar
  • That's was it
Must Read :



    How to connect BlogSpot blog to Google plus

    When you share Blogger posts/pages to Google+, an entirely new group of people will be able to find and follow you. Right now, if you access your Blogger dashboard, you'll notice that there's a Google+ tab which can be used to connect your blogs with your Google+ profile or page. If your Blogger blogs haven't already been integrated with a Google+ profile.you could directly publish about new posts to your Google plus profile, or to your Google plus page. You can find more information on official help page here
    Must Read :




    How to connect BlogSpot blog to Google plus:

    How To Create Facebook Fan Page

    Creating a Facebook fan page is an amazing way to promote your business, build awareness for a cause, gather support for your band, or to advertise in a number of other ways. If you'd like to create a Facebook fan page, follow these easy steps and you'll be building a following in no time at all.
    Must Read : How To Add FB or Facebook Fan OR like Box on Blogger blog

    How To Create Facebook Fan Page


    • First Of all  Log in to your Facebook account
    • Go to the Create Fan Page  on Facebook
    • There are six categories.Click on thecategorie of page you'd like to create. 

    • Local business or place: If you choose this option, you need to select the category of your business or place and to type in the address of your business.
    • Company, organization or institution: If you choose this option, you'll need to select the category of your company, organization, or institution, and to type in the name of your company.
    • Brand or product: For this option, you'll need to select the category of product and to type in the name of the product.
    • Artist, band, or public figure: For this option, you'll need to select the category for the type of artist, musician, or public figure you'll be promoting as well as his or her name.
    • Entertainment: For this category, you'll need to type in the type of entertainment as well as the name.
    • Cause or community name: For this option, you'll have to type in the name of the cause or community.

    Must Read : How To Add FB or Facebook Fan OR like Box on Blogger blog

    • Suppose that choose Brand and Proudct And Search for "Website" in the drop down list and provide the Page name (e.g., name of your blog) in the next box. Check the "I agree to Facebook Pages Terms" box, then click on the "Get Started" button. 
    • Enter your site/blog description and the url address. These informations will appear on your Facebook page. After you have finished, click "Save info".
    • You will be transferred to the next page ­ here you can "Upload an Image" for your Fan Page or Skip to upload it later. Browse for your image clicking on the "Upload from computer" link
    • Now You will be transferred to the next page ­ here you can Add favorites person and save 
    • Then Go go next page Preferred Page Audience fill all diteails and save it
    Now you have facebook fan page .Enjoy it

    How To Add FB or Facebook Fan OR like Box on Blogger blog

    A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog


    How To Add FB or Facebook like Box on Blogger blog

    Then follow these steps 
    • First of Find your fb page Id By Use findmyfbid
    • After that Go to Facebook Devloper
    • Then Paste your URL into the Facebook Page URL field &   Set Width and height
    •  Once you are satisfied with the looks of the Like Box, click on the "Get Code" button 
    • Copy the Second no. code generated in this box, as it is shown in the example below:
    Step 2
    • Log in to Blogger, then go to Layout > click on "Add a Gadget" link
    • From the pop­up window, scroll down and click on the "HTML/JavaScript" gadget:    
    •  Paste the The copy fb code inside the empty box
    • Now Save Template

      Hope this post helped in your quest of doing SEO for your blogger blog. Have question or suggestion; please do comment and don’t forget to share this information

      Add Instagram Widget for Blogger With Two Steps

      Today we  explain how to add an Instagram widget to your site with step by step instructions. The design of your new Instagram widget is entirely customizable and will allow you to modify the background color, font, and how the widget is actually displayed on the site. When you're finished, you'll find that the Instagram widget will blend together effortlessly with your current theme and make your Blogger site truly stand out from the rest.

       Add Instagram Widget for Blogger

      Step 1

      •  First of all Go  To Intagme to get the Instagram widget 
      • After that  Type in your username > select Grid or Slideshow
             
      •  Select the Thumbnail size of your images (100px is the default) and choose if you want a border around your Photos or not
                   
      • To change the Background Color, simply click on the empty box and pick your favorite color

      • If you want to show the Sharing buttons on your widget, select 'Yes', otherwise, click 'No'.
      • Once you're satisfied with the widget, press the "Get Code" button and copy your code.
                                        

      Step 2


      • Log into your Blogger account and select your blog > navigate to Layout and click on the "Add a Gadget" link on the right side
      • In the popup window, scroll down and click on the "HTML/JavaScript" gadget
      • Paste the code that you got from the Instagme website into the content section and press the 'Save' button to save the widget
      • Click and drag your widget if you want to change its position and press the "Save Arrangement" button on the upper right side.


      And that's it! Now you have your very own Instagram widget on your Blogger blog to share new photos with visitors, and provide just a glimpse of your life when you're away from the computer. To change or add any of the photos that are displayed in the widget, you'll have to go directly through the app itself, or log on to your account via Instagram's website.

      How To Share Live Photos on Facebook with iphone 6s

      Do you want to post live photos on your Facebook wall? If you do then you can easily post them using your iPhone 6s and most important thing that Facebook now supports Live photos.Live photos really put life inside your photos and this feature of iPhone 6s users are simply loving it. However, you will be able to see live photos on Facebook running on iOS 9 devices. On web browsers, you will be able to see the still photos.So here I am writing a complete tutorial to post live photos on Facebook from your iPhone 6s. Don’t worry it is a simple guide which you need to follow and get your solution.

      How To Share Live Photos on Facebook with iphone 6s

      Here are the steps to How To Share Live Photos on Facebook with iphone 6s. Now without taking your more time let me take you to the steps;
      Here are the steps;
      • First of all, launch Facebook on your iPhone 6s.
      • Then tap on Photo.
      • Now select the Live photo which you want to post on Facebook.
      • Then tap on Done.
      • After that, tap on Live from top right corner.
      • Add the relative description and caption and ones you are done with it, tap on Post.
      • This was it!
      This was our tutorial which has made you learn to post live photos on Facebook from your iPhone 6s. If you have any queries or confusion left related to this article then lend them in comment box. I shall get back to you as soon as possible.
      Was it helpful? If it was then don’t forget to share this with your other friends and circle too. You may never know that your share may be proven helpful for many of the users out there. So keep sharing and liking our content over social media.

      Wednesday, 23 December 2015

      How To Add Auto Page Refresh on Blogger blog

      Hello Reader Are searching about How To Add Auto Page Refresh on Blogger blogt  Are you getting high volume traffic but less page views? If yes then today we're having an awesome trick by which you can increase your page views. Their can be several reasons for less page views such that user might not be getting desired stuff on your blog, low number of connected pages, blog design issue (not allowing user to see the content properly thus decreasing average time on blog). If your content is not engaging and relevant then there will be surely less page views

      How To Add Auto Page Refresh on Blogger blog

      Then follow these steps 
      • First of Go to Blogsger Dashboard
      • After that Go to Template>click ‘Edit Template’.
      • Click anywhere inside the code area, then press the CTRL + F keys and search for this code
      • Search for the code below in your template. <head>
      • Find  and paste the following code just before it.
      • <meta content='120' http-equiv='refresh'/>
      The 120 number represents the number of seconds; you may change it according to your need. In my code the page will auto refreshed after 120 seconds means after 2 minutes.
      • Click ‘Save template’.
      Hope this post helped in your quest of doing SEO for your blogger blog. Have question or suggestion; please do comment and don’t forget to share this information

      How To Add Chat Emoticons in Comments on Blogger Blog

      As you all know that everyone is using social networking sites and their is a huge craze of smileys.In this post i'm going to show you that How To Add chat Emoticons in Comments on Blogger Blog.Chat emoticons basically is a mood of a person which they expressed using chat emoticons.Now chat emoticons become the habit of every person that's why we are discussing in this post that how to add emoticons in blogger comments.All the emoticons are animated emoticons which makes our heart to feel happy by seeing this small cute emoticons.

      How To Add chat Emoticons in Comments on Blogger Blog

      • First of Go to Blogsger Dashboard
      • After that Go to Template>click ‘Edit Template’.
      • Click anywhere inside the code area, then press the CTRL + F keys and search for this code
      • Then search for </body> tag using that search bar.  Ones you found the </body> tag, then paste the following code above it.
      • <script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><script type='text/javascript'>//bloggersmileys.init();</script>
      •  Again in the Template, search for <div class='post-footer-line post-footer-line-3'> then look for </b:includable> tag and just above it paste the following script.
      • <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'>
        <img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div></div><div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Emoticions</div>
         </b:if>
      • Then search for ]]></b:skin> tag and paste the following code above it.
        • .post-body img.noops-smly {   padding: 0 !important;   margin-top: -2px !important; }
      •  Click ‘Save template’.
      Hope this post helped in your quest of doing SEO for your blogger blog. Have question or suggestion; please do comment and don’t forget to share this information

      Add Music Player With PlayList in Blogger Blog By Simple Steps

      Hello Royal Reader Do you want to start a music blog on Blogger? If you do, then today this article is going to be helpful for you. Since today you guys are going to learn that how to add professional music player to your blogger blog.Blogger is one of the famous blogging platform, but it is always demotivated because of less features as compared to WordPress. Moreover, if you don’t have much budget to start it with then going for Blogger is a smarter choice.And,If you have dream of starting a music site on Blogger then follow this guide to take a first step;

      Add Music Player With PlayList in Blogger Blog By Simple Steps

      So here are the steps which you need to follow in order to Add Music Player With PlayList in Blogger Blog By Simple Steps. Now without taking your more time let me take you to the steps;
      • First of all, Go to Cincopa and click on Get Started Now.
      • After that, it will ask you to select the skin of your player, you need to click on Music & Podcast from left-bar to get the music player skins. You can further modify the search by selecting relevant categories.
      • Now it will give you some customization settings like; to give name, description, change colors, add buttons etc. Add Settings as per your requirement. You can also see that how your player look on different devices by clicking on device from top-bar. Then click on Use These Settings from right corner.
      • Afterwards, it will give you a sign up form, fill the form as asked or sign up using; Facebook, Google, Yahoo or AOL.
      • After sign up, it will take you to the upload section where you need to upload your music files or add playlist. You will have different upload options, choose as per your requirement. You can upload music file up to 2 GB. Upload will take few minutes of yours.
      • Ones upload is done then you may give a caption and description to the file and then click on Next from top-right corner.
      • Now you will have the embed code, copy the HTML code and paste it where you want the music player. If you want it in your post then paste the code in the HTML section of your post. And if you want it to your sidebar then add a HTML/JavaScript gadget and paste it in that gadget and place where ever you want the music player.
      • This was it!
      This was our article which has made you learn to add professional music player to your blogger blog. If you have any queries or confusion left related to this article then do lend your confusion in comment box. I shall get back to you as soon as possible.
      Was it helpful? If it was then do share it with others too. Your shares may be proven helpful for many of the users out there. So keep sharing and liking our content over social media.

      How to Add Blogger Featured Post in Sidebar.

      Blogger’s new Featured Post widget makes it easier to showcase any posts that you want your users to see. You can choose any of your previous publish posts and can highlight it anywhere on your blog. Today in this article, we will show you How to Add Blogger Featured Post in Sidebar.

      How to Add Blogger Featured Post in Sidebar


      • First of all go to your blogger
      • Now Layout and click on Add a Gadget and select “Featured Post”.
      You can either search the title of the post or you can browse through different labels (categories) to find a post that matters the most.
      The gadget also offers a small preview of how the post will appear on your blog. You can choose to hide the image or title of the post or even both.

      • Now save it

      How To Automatically Publish Blogger Posts On Facebook,Twitter and LinkedIn

      Social media plays an important role in improving any blog's SEO.That's why you may watch social media gadgets almost on every blog/website.If you have enough number of subscribers on social sites then just automatically publish your posts on social sites and get the traffic.Today I am giving a tutorial about automatically posting on facebook,twitter and some other social sites with using dlvr.it service which is free of cost.I am also using this service to publish my blogger posts facebook and twitter.The reason behind to choose dlvr.it is it is very easy to use and install.You can on-off auto publishing anytime and very easily.Lets see how to use it.

      How To Automatically Publish Blogger Posts On Facebook,Twitter and LinkedIn

      • First go to dlvr.it
      • Signup with giving your email address and choosing password.
      • Now go to your inbox and confirm your email address first
      • You will redirect to another page here you have to provide your feeds address in below format
      • Click on twitter icon and you will redirect to twitter
      • Give your twitter's profile's username and password and hit "Authorize App" button.Now your posts will automatically publish on twitter.


      • Now click on facebook icon.

      • You will redirect to facebook page.Log in to your facebook account from which you are managing your fanpage and select your fanpage.
      • Customize your services as you wish and save your changes.
      That's all about auto posting on social networking.If you know more services then share it using contact form below..

      Sunday, 20 December 2015

      Add text slider with speed control

      Making your blog or Website attractive is a very tough and complicated task. Most developers uses JavaScript and CSS to design more relevant webpages. Instead of JavaScript there are some predefined tags in HTML to provide best User Interface in your website. In this series, I will tell you how to make webpages more interactive using light and predefined HTML  tags.
      In the first part of this i am telling how to use the most popular HTML tag Marquee in your website to make it more User friendly. The main use of marquee tag is to provide sliding effect, dynamically. You can make text/image scroll from left to right, top to bottom and vice versa respectively. So Let`s start with <Marquee> tag.
      There are various flow of marquee like scroll, up, down, slide. I will explain one by one.The simplest form to write Marquee tag is
      <marquee> your text </marquee>

      Instead of it, there are various attribute of marquee tags are
      • Behavior (Slide, Scroll, alternate)
      • Direction (Up,Down , Left, Right)
      • scrollamount (time in seconds)
      • scrolldelay (time in seconds)

      1.Marquee Scrolling Text


      Your ScrollingText
      <marquee behavior="scroll" direction="left">Your ScrollingText</marquee>
      nge the direction properties to right for scrolling it to right. 
      2.Marquee Sliding Text
      Your Sliding Text
      <marquee behavior="slide" direction="left">Your sliding text</marquee>
      Change the direction attribute for sliding direction. 
      3.Marquee Bouncing Text
      Your Bouncing Text
      <marquee behavior="alternate" direction="left">Your Bouncing Text</marquee>
       4.Marquee in Up and Down direction 
      Your ScrollingText
      <marquee behavior="scroll" direction="up">Your ScrollingText</marquee>

       5.Marquee Scrolling Speed
      Your Slow Speed Text
      Your Medium Speed Text
      Your Fast Speed Text

      <marquee behavior="scroll" direction="left" scrollamount="1">Your Slow Speed Text</marquee> <br />


      <marquee behavior="scroll" direction="left" scrollamount="10">Your Medium Speed Text</marquee><br />


      <marquee behavior="scroll" direction="left" scrollamount="20">Your Fast Speed Text</marquee>

       6.Marquee Scrolldelay attribute
      scrolldelay attribute is used to scroll the text or image after some delay. It take time in second to pause the scrolling of the marquee.
      Your Slow Speed Text
      <marquee behavior="scroll" direction="left" scrollamount="50" scrolldelay='500'>Your Slow Speed Text</marquee> 
       7.Marquee in Images
      You can use any Image tag in between <marquee> </marquee> tags to scroll images. All the other properties are same. See this example.
       
      <marquee behavior="scroll" direction="left"> <img src="http://2.bp.blogspot.com/-p-dbWUgh9hE/T96dA5c8OGI/AAAAAAAABWU/K_V8qSZODck/s72/icon1.png" />&nbsp;</marquee>

      I hope with the help of this tutorials, you can create cool and awesome sliding text for your blog. In next tutorials, i will explain  how to use stop and start in marquee tags. 

      Blogger


      More »

      Android


      More »