How to Add a WP Style Flexible Tabbed Sidebar Widget in Blogger?

Posted On // Leave a Comment
How to Add a WP Style Flexible Tabbed Sidebar Widget in Blogger




    Hello Friends we are back with another useful widget for blog i.e. responsive tabbed content widget which consists of 3 columns and one column will show at a time. This widget will save the space of your site as you can add three widgets in this section. 

    Advantages of using tabbed content box:

    1. Using this tabbed content box will save your blog space
    2. You can add desired number of widgets based on the priority
    3. This is responsive and can fit to any website
    4. As it is responsive you can add it to sidebar, footer, above posts etc
    5. It is attractive and make your site or blog more professional.
    6. It is created in pure JavaScript no frameworks has been used so less code is used.
    7. You can add/remove the widget from the layout of the blogger.

    We have not used any JavaScript Framework in creating this Tabbed Content Widget Box. We used very less code and most of the styling is done through CSS. This widget will load very fast. We have added the hover effect and make it look very stylish.

    You can customize this widget this looks good in sidebar, above footer, below posts etc so it is your choice to place it anywhere you like but in the separate section. 

    You can use widgets like Recent Posts, Popular Posts, Blog Archive, Random Posts, Social Followers Box, Stats Widgets Like Alexa etc widgets in this Tabbed Content Box Widget

    First we will add the styling( CSS ):

    STEP 1: Log in to your Blogger account and Go to your Blogger Dashboard


    Template

    STEP 2: In The Left Side Bar You will find Template Section as highlighted in the image above Click on Template.


    STEP 3: Click On Edit HTML.

    STEP 4: After Clicking on Edit HTML Search for
    ]]></b:skin>

    Template Code

    STEP 5:  Copy This Below Code Before ]]></b:skin>

    /* Start Tabbed Content Box By http://www.allbloggertricks.com */

    .ABT_Hide{ display: none; } .ABT_Tabs_Wrap{ margin: 0px; max-width:100%; box-sizing: border-box; } .ABT_Index_Tabs_Wrap{ display:flex; max-width:100%; padding: 5px 5px; box-sizing: border-box; } .ABT_Tabs{ max-width: 30%; font-size: 18px; font-family: IMPACT; color: rgb(255,88,0); margin: 5px 8px; cursor: pointer; border-radius: 2px 10px 2px 10px; box-shadow: 0px 0px 5px 3px rgb(193,193,193); padding: 5px 5px; text-align: center; flex: 1 0 auto; display:flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; position: relative; } .Tab_content{ width:100%; box-sizing: border-box; margin-top: 10px; padding: 10px 10px; display:flex; } .ABT_active{ background: rgb(220,240,240)!important; } .ABT_Tabs:hover{ background: rgb(220,240,240)!important; } .ABT_Tabs:before{ content: ""; height: 100%; width: 5%; background: rgb(255,88,0); position: absolute; left:0px; border-radius: 2px 10px 2px 10px; }
        
    /* End Tabbed Content Box By http://www.allbloggertricks.com */

    STEP 6:  All Done Save the template.

    [II] We Will Add Markup ( HTML):

    STEP 1:  Go To Template Section As Shown in The Image Below
    Template

    STEP 2: This step is depend on your template coding as different designers used different names for the sidebar or your desired place where you want the tabbed content box appear but if you want to add it to sidebar then most common names would be sidebar, sidebar-wrapper etc so search for
    <aside class="sidebar-wrapper"> 

    or
    <aside 
    or 
    <div id='sidebar-wrapper'> 
    or 
    sidebar




    STEP 3:  Copy This Below Code And Paste it after the above found code
    <!--Start Tabbed Content Box By http://www.allbloggertricks.com-->
    <div class="ABT_Tabs_Wrap">
        <div class="ABT_Index_Tabs_Wrap">
            <div class="ABT_Tabs ABT_active" data-abt_tab="Tab1" id="ABT_Tab1">
                Popular</div>
            <div class="ABT_Tabs" data-abt_tab="Tab2" id="ABT_Tab2">
                Labels</div>
            <div class="ABT_Tabs" data-abt_tab="Tab3" id="ABT_Tab3">
                Archive</div>
        </div>
        <div id="tabsWrap">
            <div class="Tab_content" id="Tab1">

                <b:section class='ABT_Tabbed_Widget' id='ABT_Tab_1' preferred='yes'></b:section>

            </div>
            <div class="Tab_content ABT_Hide" id="Tab2">


                <b:section class='ABT_Tabbed_Widget' id='ABT_Tab_2' preferred='yes'></b:section>

            </div>
            <div class="Tab_content ABT_Hide" id="Tab3">

                <b:section class='ABT_Tabbed_Widget' id='ABT_Tab_3' preferred='yes'></b:section>

            </div>
        </div>
    </div>
    <!--Start Tabbed Content Box By http://www.allbloggertricks.com-->
    <script type="text/javascript">
         
    var ABT_Tabs = document.querySelectorAll(".ABT_Tabs"); var ABT_AllTabs = document.querySelectorAll(".Tab_content"); ABT_Tabs.forEach(function(a){ a.addEventListener("click", showTabs); }); function showTabs(){ for(var num in this.parentElement.children){ this.parentElement.children[num].className = "ABT_Tabs"; console.log(this.parentElement.children[num]); } this.classList.add("ABT_active"); for (var i in ABT_AllTabs){ ABT_AllTabs[i].className = "ABT_Hide";} var getId = this.attributes["data-ABT_Tab"].value; var TheId = document.getElementById(getId); return TheId.className === "ABT_Hide" ? TheId.className = "" :TheId.className = "ABT_Hide"; } 

    </script>
    <!--End Tabbed Content Box By http://www.allbloggertricks.com -->
    STEP 4:  All Done Save the template And Check it in your Blog Layout.


    Customization:


    • The Orange Highlighted Text Represents the Title of the Widget you want to show under this box so change the orange text in all three occurrences with your desired widget title but don't use lengthy title otherwise it will break the widget.

    Conclusion:


    Finally you have added this widget to your desired location . 
    in the blog but if you are facing any difficulty in adding this widget then please comment or contact us we will help you in adding this widget.

    And those who have added successfully without any hurdles congrats to them. and if you want any styling or improvement to this sidebar tabbed widget notify us we will add it for you.


    That's It Thanks For Following our Tutorial '' How to Add a WP Style Flexible Tabbed Sidebar Widget in Blogger? '' Along With us If you found any difficulty Please Comment and Share Your Valuable Opinion. And Stay tuned for More Tutorials Like This and Share this with your friends.

    Incoming Search Terms:



    Read More >>

    How To Add Open Graph Protocol (OGP) Meta Tags in Blogger Blog?

    Posted On // Leave a Comment

    Guide To Understand Open Graph tags and its importance

    Guide To Understand Open Graph tags and its importance


      Hello Everyone Today After a request from one of our subscriber we are writing this post on How To Add Open Graph Protocol (OGP) Meta Tags in Blogger Blog?

      Basic Questions Regarding Open Graph Meta Tags.

      What is Open Graph Protocol (OGP) Meta Tags?

      Open Graph Protocol (OGP) Meta Tags enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

      In simple words Open Graph Tags will structure your unstructured data of a page into a structured information so that the page can be defined when shared on Social Sites like Facebook etc they will fetch the featured image, description, title from the shared link. this will help visitors to see what the shared link is about and the chances of clicking on the link increases.

      Why to use Open Graph Meta tags?

      I already explained you above when you add this tags in your template in the header section then your blog will be structured in a proper way when shared on Social Sites. But if those social sites are not able to extract information (i.e., title, image, description, ) from you blog post then you will loose your potential clicks and visitors.

      I will give you an example:

      If your competitor is using Open Graph Meta Tags in his blog and assume you are not using it. and when you wrote an original post on any topic and if he copied your post and both of you share that post on Facebook groups which has a common topic. Imagine when you share the post link and nothing appears/nothing fetched by facebook bots only a plain link which looks ugly appears. 

      And Your Competitor Share his post link in the same group and nice image, title with description shows. 

      Now The Question will arose:

      Where will visitors click? on your original post or your competitor copied post

      Obviously you will say visitors will click on the nice structured post shared by your competitor. because visitors don't know who has copied. They will just see the image, title etc So To make your blog more credible on Social Sites Add this meta tags it is very important.

      Commonly Used Open Graph Properties in Blogs:


      Open Graph Meta tags properties definition
      og:url This property represents the url (link) of your homepage, posts,pages etc
      og:title This property represents the title of the Blog, Posts, Pages etc
      og:type This property represents the type of the page users visit. We use blog/website for the homepage. other that that we use article type for the posts etc
      og:image This property represents the images. For homepage we use Blog logo For other than homepage we use post featured image.
      og:description This property represents the description of your blog homepage, posts etc. this will show when you share on Facebook.
      Open Graph Protocol

      How To Add Open Graph Meta Tags in Blogger Template?

      Lets add the Open  Graph meta tags in blogger. Follow the Below steps:

      First we will add the namespace to the HTML of the template. 

      STEP 1: Log in to your Blogger account and Go to your Blogger Dashboard



      STEP 2: In The Left Side Bar You will find Template Section as highlighted in the image above Click on Template.


      STEP 3: Now Search For <html and Paste The Code inside it in the end as shown in the image below .


       Open Graph tags screenshot


      xmlns:og='http://ogp.me/ns#'

      STEP 3: Now after adding the namespace now its time to add the meta tags .

      STEP 4: Now Search For <head> and copy The Given code Fust Below/After The <head>.
      <!-- Open Graph Meta Tags Start -->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta expr:content='data:blog.pageName' property='og:title'/>
      <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
      <meta content='article' property='og:type'/>
      </b:if>
      <meta expr:content='data:blog.title' property='og:site_name'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
      <b:else/>
      <meta content='Your_Logo_Url' property='og:image'/>
      </b:if>
      <b:if cond='data:blog.metaDescription != &quot;&quot;'>
      <meta expr:content='data:blog.metaDescription' property='og:description'/>
      </b:if>
      <!--Optional Meta Tags Add if you want-->
      <meta content='App-ID' property='fb:app_id'/>
      <meta content='Facebook-Profile-ID' property='fb:admins'/>
      <!-- Open Graph Meta Tags END -->

      Customization:

      • The Yellow Highlighted text is responsible for your Blog Logo this means you have add URL of the image which you considered as logo of your blog.

      Optional Meta Tags:

      • The Light Blue Highlighted Text is Responsible App Id. Create an app using facebook developers site you just need to write the app title and click on create then you will get your app id.
      • The Orange Highlighted Text is Responsible For Your Facebook Profile Id or your username add it.
      STEP 4:  All Done Save the Template and Check it in  Facebook Debugger.

      Verifying Open Graph Meta Tags in Facebook Debugger:

      STEP 1: Go to Facebook Debugger Tool page 



      STEP 2: Enter your Blog or Post URL and click on Debug


      STEP 3: You will see all the fetch details.


       Open Graph tags screenshot 2


      STEP 4: If you have added the meta tags correctly then you will see the image with description and title as shown in the image above.

      STEP 5: If you have misplaced the tags then you will not see the image you will get warning on the debugger page the image tag is missing.

      Conclusion:

      After Following this guide you should know what Open Graph Tags are? what is its importance? how it should be implemented in the blog? So if you are feeling confused or lost somewhere then feel free to comment or contact us directly we will try to help you as fast as possible.

      Most of the blogger templates are not open graph tags ready means not optimized for open graph tags. so you should do it by yourself or if you are facing any problems in implementing it then feel free to contact us. 

      Now When you share your posts or Blog home page then you should see the beautiful snippet with the featured image and title. if you are facing the wrong image showing problem then you should add the first image before anything in the post. if the problem not solved then we will help you.


      That's It Thanks For Following our Tutorial '' How To Add Open Graph Protocol (OGP) Meta Tags in Blogger Blog? '' Along With us If you found any difficulty Please Comment and Share Your Valuable Opinion. And Stay tuned for More Tutorials Like This and Share this with your friends.


      Read More >>

      Add & Validate Dynamic Twitter Card (Meta tags) to Blogger Blogs

      Posted On // Leave a Comment

      How to Easily Add Twitter Card in Blogger Template

      How to Easily Add Twitter Card in Blogger Template


      Add & Validate Dynamic Twitter Card (Meta tags) to Blogger Blogs

        Hello Everyone today we are writing this post to clarify your doubts and we will answer few important questions i.e what actually twitter cards are? and how to add it in our blogs?

        Twitter Cards generated from meta tags only appear when a Tweet is either expanded in the timeline (on web) or viewed on the Tweet’s individual permalink page (by clicking on the date from the timeline, either on web or on mobile). 

        Twitter cards are based on the same conventions as the Open Graph protocol that Facebook Use. With Few Meta tags (HTML tags to inform Crawlers) in your template you can display twitter card.

        In Simple Language Twitter Cards works similar to Facebook Open Graph Tags. When we share the link of our post or our website in Facebook pages or profile then it fetches and display your post featured image with little summary. Here when we add twitter meta tags in our blog and then when we shared our post or blog link in a tweet then twitter bot fetches our Post Featured image if available with some summary.

        Twitter Cards supports rich photos, videos and media experiences to Tweets. 

        Types of Twitter Cards:

        Twitter has classified cards into different types:

        1. Summary Card : Title, description, and thumbnail.
        2. Summary Card with Large Image : Similar to the Summary Card, but with a prominently-featured image.
        3. App Card : A Card with a direct download to a mobile app.
        4. Player Card : A Card that can provide video/audio/media.

        Summary Card :

        The Summary Card can be used for many kinds of web content, from blog posts and news articles, to products and restaurants. It is designed to give the reader a preview of the content before clicking through to your website.

        Summary Card Will Only Display Title, Description and thumbnail if available when you shared your post or blog link in a tweet. When you shared the link in a tweet Twitter bot will recognizes your post or blog link which is included in a Tweet, and crawls your site to fetch the Card type and content.

        Summary Card with Large Image :

        The Summary Card with Large Image features a large, full-width prominent image alongside a tweet. It is designed to give the reader a rich photo experience, and clicking on the image brings the user to your website or blog.

        It works similar to the summary card the difference just it will add the large image instead of small thumbnail.

        App Card:

        The App Card is a great way to represent mobile applications on Twitter and to drive installs. the App Card is designed to allow for a name, description and icon, and also to highlight attributes such as the rating and the price.

        This Card type is currently available on the twitter.com website, as well as iOS and Android mobile clients. It is not available on mobile web.

        The name itself indicated that this card is for applications so we will not go deep into this as we are talking about blogger here. To know more about App Card just visit this link 


        Player Card :

        Video clips and audio streams have a special place on the Twitter platform thanks to the Player Card. By implementing a few HTML meta tags to your website and following the Twitter Developer Policy, you can deliver your rich media to users across the globe.

        How To Add Twitter Tags in Blogger Template?

        Now We know different cards types and why we use them. Now its time to implement it in your blog.

        STEP 1: Log in to your Blogger account and Go to your Blogger Dashboard



        STEP 2: In The Left Side Bar You will find Template Section as highlighted in the image above Click on Template.


        STEP 3: Now Search For <head> and Paste The Code Just Below/After The <head>.


        <meta content='summary' name='twitter:card'/>
        <meta content='@AllBloggerTrick' name='twitter:site'/>
        <meta content='@AllBloggerTrick' name='twitter:creator'/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <meta expr:content='data:blog.url' name='twitter:url'/>
        <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
        <b:else/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
        <meta expr:content='data:blog.pageName' name='twitter:title'/>
        </b:if>
        <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        </b:if>
        <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
        <b:else/>
        <meta content='Your -Blog-URL' name='twitter:image'/>
        </b:if>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>


        Customization:

        • The Orange Highlighted Text is responsible for the type of twitter card if you want to change the type of your twitter card to summary_large_image to have big image with summary then replace that first line with this line below.

        <meta name="twitter:card" content="summary_large_image">
        • The Light Blue Highlighted Text is Responsible For Your Twitter username the card should be attributed to. and second one for your username. Use Your Username for both.
        • The Yellow Highlighted Text is Responsible For Your Blog Logo URL So change this and add your Blog Image URL.
        STEP 4:  All Done Save the Template and Check it in your Posts.

        Time to Request Twitter for approval of the card:

        Now we have done our work by adding the meta tags in our site now we will inform and request twitter that we have added the meta tags kindly approve us and show our card in the tweet.

        If we don't follow this approval method then our adding of tags will go into vain.


        Lets start the approval process Kindly follow with us

        STEP 1: First Login to your twitter account.
        STEP 2: Go to Twitter Card validator page 


         Twitter Card validator page

        STEP 3: Enter your Blog or Post URL and click on Preview  card

        Twitter Preview  card

        STEP 4: You will see a Request Approval button as shown in the image above.


        Twitter Request Approval button

        STEP 5: After Clicking on Request approval button this type of form will appear fill it with correct details..


        Twitter Request received


        STEP 6: After Submitting you will see a message as shown in the image above.


        After submitting it will take less than a week to show your card in the twitter. but once your card get approved then you will see some like this based on your card choice.


        Twitter card created

        Conclusion:

        After Following this guide you should know what twitter cards meant? what is its importance? how it should be implemented in the blog? So if you are feeling confused or lost somewhere then feel free to comment or contact us directly we will try to help you as fast as possible.

        Hope After adding this twitter tags in your template and when someone retweeted, Like your blog post in twitter the card will appear and your traffic will surely increase because the chances of clicking your post will increase.


        That's It Thanks For Following our Tutorial '' Add & Validate Dynamic Twitter Card (Meta tags) to Blogger Blogs '' Along With us If you found any difficulty Please Comment and Share Your Valuable Opinion. And Stay tuned for More Tutorials Like This and Share this with your friends.


        Read More >>

        Starting a Blog to Earn? ABT Ultimate Guide for Beginners may help

        Posted On // Leave a Comment

        Starting a Blog to Earn? ABT Ultimate Guide for Beginners may help


        How to Start Blogging: A Definitive Guide for Authors:



          Starting a blog is the way to share your ideas, expertise, and feelings with the world. With the purpose of sharing your mind and new things you can get the chance new things to learn in digital world. What else you can even get opportunity to earn also with blogging and a lot more. If you know about it this can lead to refresh your approaches and as new learner you can learn a lot. So, let’s start it from here ahead.

          What is a Blog?

          What is a Blog?


          Terminologies:
          In simple English number of derivatives of blog is created. So let’s be aware of some of these which are used regularly regarding that.

          • Blog (noun) – It is a journal or diary that is shared on the Internet.
          • Blogger (noun) – a person who keeps a blog – Bloggers are updating the way news is shared.
          • Blog (verb) – to write a blog – I am going to blog after dinner this night.
          • Blogging (verb) – the action of writing a blog – Blogging is the way of sharing my ideas, passions with the world.


          Who Blog?


          Many Big Sites Started their journey form blog now they are big enterprises. To meet this demand some amazing tools have been created that will allow anyone, even people with very little knowledge of computers, to have their own blog. If you can find your way onto the Internet and follow some basic guidelines you can have your own blog. It’s just that easy.

          Why Do People Blog?


          So you may be asking why anyone would want to have their own blog. We believe the answer lies in the fact that every human has a voice and wishes their voice to be heard. The Internet is a medium that is unmatched in its reach. Bloggers have the opportunity to reach many people around that was never before.

          Nowadays blogs provides tips regarding many body and health problems, daily news, technical info, entertainments, political gossip, blogging Tricks, Web Developing, Designing, Tech, gadgets, gets people involved in advice on investments, official knowledge as well as there being blogs about niche topics like cookery, well-being, sport many more.


          Blogging is the way for you to attach with your audience; which is important if you want to build authority and create a successful online business. You don’t need any previous writing experience to get up and running. Follow these steps to learn how to do it in fast way.


          How to Start a Blog Step-By-Step:

          1. Pick your blog platform, domain name, and hosting provider
          2. Create the look of your blog by using a beautiful theme
          3. Tweak your blog to make sure it “fits” your desired look
          4. Install the most effective plugins
          5. Develop quality content for your blog
          6. Search Engine Optimization is must
          7. Earning From Blog

          Pick Your Blog Platform:

          Pick Your Blog Platform:

          Choose the right platform for your Blog. If you are a beginner and you don't want to invest your money on hosting Then Blogger.com will be best for you. Blogger has lot of features with dozen of templates and amazing widgets. We are also hosted on Blogger. Here you can add your custom domain and point it to blogger then you will enjoy Free Hosting From blogger.

          If you can invest some bucks on hosting then you can go for WordPress It is a treasure for success you can customize anything from your theme to URL of the posts. It has amazing themes from WordPress and third party developers too. It has plugin repository where you will get plugin for almost everything from SEO to plugins to speed up your site, Anti malware plugins etc. 

          If you don't want to invest money on your domain also then you can get sub-domain for you like if you choose blogger then you will get your example.blogspot.com.

          If you choose WordPress Then you will get example.wordpress.com.

          This both names will be free for lifetime but your blog will not get credibility and the back links or the page rank juice will not be properly distributed. This sub-domains will be hard to remember and it is hard to get backlinks from this type of subdomains. and some Ad networks are not accepting this sub domain blogs.

          So After Choosing the Right Platform For Your Blog Then You can Go to Next thing.

          How To Really Pick a Domain Name:

          How To Really Pick a Domain Name:

          The Domain Name Should Be:


          • Make it easy to write:
          • Use Relevant Keywords to your blog Topic
          • keep it short and sweet
          • Avoid Using Hyphens in Domain
          • The Domain Name Should be memorable
          • Use Right Domain Extensions


          See if you decided that you will purchase a domain name then you will get confused in picking the relevant domain name. So calmly think that what you are writing in the blog? what niche it is ? so whether your blog is about particular topic? or your blog is about multi niche. If your blog is about particular topic then include that topic name for example you are writing about games then include games in your domain name this will surely help you in ranking quickly.

          Choosing a domain name, it is surprising how many people think that you need to be witty. Instead, you must view your domain name as having a very specific reason for existing and you need to think about it like it is a tool.

          So what is its purpose?

          Your domain name must permit your visitors to answer just one single query that is in their mind. “Is this website relevant for investing their time?”

          There really is nothing else to it. They look at your domain name to help them initially work out if they are indeed on the correct website. There are benefits of having correct domain names.

          1. More traffic
          2. More subscribers
          3. More backlinks and shares on social media
          4. Clear brand messaging
          5. More successful blog
          After choosing the domain name now its time for:

          Registering your domain:

          Many enterprises are available that enable users to register the target domain name for your website. Even though there are varying prices, along with the quality of service offered, they all deal with establishing the details of the required domain name. With the quick growth of the internet, domain names are becoming a rarity with the need more unique names arising out of necessity.

          The difference between .com, .net, .org, and more

          The last three letters of a domain name are specific to the type of website it is representing. .com is used for businesses, .org is used for non-profit organizations and, .net is used for technology or IT based companies. .co: an abbreviation for company, commerce, and community. .info : informational sites, .biz : business or commercial use, like e-commerce sites, .me : blogs, resumes or personal sites.

          Create a beautiful theme for your blog:

          Create a beautiful theme for your blog

          After creating the blog the most important thing is having a eye popping simple yet best theme. Always choose responsive themes which can work same on your mobile and desktop as well. If you are a beginner and you don't know how to code then there are thousands of third party themes free and paid to choose from. if you choose wordpress then you can get very high quality custom themes from.


          Or if you are a blogger user then you can get free and paid high quality templates from this site


          Or if you want a custom template then hire us we will design a very good template for you  :)

          Install the most effective plugins or widgets:

          Always install necessary widgets or plugins don't install useless outdated or third party widgets unless they are trusted. try to be updated means always update your themes and plugins with latest coding like HTML5, PHP Latest version in your server, CMS latest version like WordPress up to date. 

          If you use excessive plugins or widgets then it can effect on your blog loading speed. and your potential visitors might close your site and might switch to your competitor site.

          A Blog Is Really About Communication:

          Blogging is all about conveying your thoughts in words, let’s face it when you set up a website you are trying to communicate with the of web users which are in number of millions or billion all over the world.  You are hopeful that number of them would come and visit, interact, take action or buy from you.


          A blog, with a lot of effort, is a very active way of attainment out and communicate with a sizable audience from these billions.  You may want them to just to come and read thoughts of yours. you may want to inform persons; you may want to tell them about your goals or campaigns; you may want to appeal possible customers to your services or business; you may want to sell them something.

          In all these cases you are interactive and in most cases you are annoying to get the visitor to take some form of action, even if it is only to click a link to read additional post on your site.

          Develop Quality content for your blog:

          Always Update your blog regularly make a schedule and write a post according to the schedule this will help to get high ranking on search engines you might asking how? See if you write regularly then search crawlers will crawl your blog daily and in this way your blog post will get higher rank if search crawler crawl your post early and index it.

          See quality content here means Unique Content The content created by you. if your site has Unique content then you might get natural backlinks as many blogs will refer your content in their post in this way your blog will get quality and organic backlinks and referall traffic too.

          Check your content quality before publishing in this site.


          Search Engine Optimization is must:

          Search Engine Optimization is must

          Search Engine Optimization (SEO) The Hottest topic on the web Big Companies are created for SEO. But see there are two SEO Methods Onpage and Offpage

          On-page means Your Title describes your post use simple but attractive title. Don't use too many keywords in the title. Write attractive and don't use more than 60 characters otherwiese it will be truncated. You should use Proper Meta Tags like Description, Keywords, Image Alt, Title tags Using proper keywords when necessary this are the things you should remember while writing blog post.

          Off-page here refers to practicing proper white hat techniques to create backlinks, Marketing, Building  Credibility, Social Media Presence etc Always Share your post or Site to relevant niche site, don't comment on other sites like a spammer, don't leaver your site link every where you visit.

          Earning From Blog:

          Some blogger Make Blogging the Full time Job because of the potential earnings. So if you also want to be like them then work hard. After everything now its time for earning from your blog. After hardwork it time now to earn. So Choosing Right Advertising Network for your blog.

          Google Adsense is the best choice for any blog but your blog should be in stable position before applying to Adsense. Your blog should be at least 6 months old before you apply for Adsense and you should have good number of articles.

          If you follow Google Adsense Guidelines Then your blog will be accepted easily.
          • Don't copy paste articles in your blog,
          • Articles should be written for knowledge not for earning
          • Don't add Copyrights Software or Cracked Software in your blog.
          • Don't Click on your own Ads

          The Components of a Blog:

          You have a gone through the whole post so you would have a complete understanding of what a blog is and that folks from all walks of life have their own blogs.

          Now, we will look over the collective components of the regular blog.

          Apart from the background of the blogging arena, mainly there are four important parts to all blogs:

          1. The header
          2. The content area
          3. The footer
          4. The sidebar

          The points discussed ahead from that, first three areas are found on approximately many blogs and are labeled in this article. The fourth section, the sidebar its widgets, can be very valuable to progress site direction finding and add improvements to the blog.

          Conclusion:

          After Following this guide you should be able to start your own blog. If you are facing problem in anywhere while starting blog then contact us we will try to help you. 

          See Don't Start Blog to earn blog for passion then earnings will be automatically in your account.


          That's It Thanks For Following our Tutorial '' Starting a Blog to Earn? ABT Ultimate Guide for Beginners may help '' Along With us If you found any difficulty Please Comment and Share Your Valuable Opinion. And Stay tuned for More Tutorials Like This and Share this with your friends.


          Read More >>