More Books Related to Web development & Blogging

How To Add 2 Floating Skyscraper Ads on Left and Right Side?

How To Add 2 Floating Skyscraper Ads Widget on Left and Right Side?

How To Add 2 Floating Skyscraper Ads on Left and Right Side?

    How To Add Floating Rectangular Ads widget Center of Blogger Blog?

    What are Floating Skyscraper Ads?

    Floating Skyscraper Ads are the large Vertical Banner Ads Which are available in different sizes Some of the Popular Vertical Banner Sizes are:
    • Large Skyscraper : 300 x 600px
    • Portrait : 300 x 1050px
    • Wide Skyscraper : 160 x 600px
    • Skyscraper : 120 x 600px
    But here we are talking about the Floating Skyscraper Ads Floating Ads Float on the Site Even if you scroll. It will be in its fixed position. We have added a close button so that if users don't want to see the Advertisement they can close this widget by clicking on the close button on the top right section of the widget. This Widget is similar to pop-up box but it is coded using HTML And CSS. Only Little Part of Close button is coded using JavaScript So This Widget will load very fast.

    By default we have added 2 Floating Skyscraper Ads Containers so that you can add your Ads Script which will appear left and right side of the blog.

    What are the Advantages of Using Floating Skyscraper Ads  ?

    Floating Ads is a good idea When you want high Exposure to your Ads. As this widget will make your Ads appear above the fold. This ads will save the space in your sites for other important widgets. As they will appear out of the layout. This Ads Float on the Left and Right side of the Screen And it will not close till someone click on the close Advertisement button hence there is a maximum possibility of Ads not getting ignored. If you are using CPM Ads Then You will get Maximum Exposure too. 

    Why Adsense Publishers Should Stay Away From This Floating Ads ?

    But Before Adding This Floating Ads Please Contact your Ad network and ask them if they allow To Add Floating Ads on the site. But if you are Adsense Publisher then please Stay away from adding this widget as this can violate Adsense terms and conditions. So Contact Other Networks Support team if they allow using this widget.

    Let Start Adding 2 Floating Skyscraper Ads on Left and Right Side:

    Installing The Widget in the Blog:

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

    Blogger Layout

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

    Add a Gadget

    STEP 3: Click On "Add a Gadget" As highlighted in the image above.

    STEP 4:After Clicking on "Add a Gadget" Choose "HTML/JavaScript" from the list & as highlighted in the image above.

    STEP 5: Now Copy This Below Code And Paste it in The Empty Box of the "HTML/JavaScript" Section.

    <link rel="stylesheet" href="" />

    *{padding:0px; margin:0px; box-sizing: border-box}

            max-width: 300px;
    width: 160px;
    height: 650px;
            position: fixed;
            z-index: 98765;
    background: rgb(251,251,251);
            box-sizing: border-box;
            box-shadow:0 0 3px rgba(0,0,0,0.2);

            z-index: 98765;
    left: 1%;
            position: relative;
           box-sizing: border-box;
          padding: 12px 0px;
     .tw_float_ads_close #tw_close_button{
       font-size: 25px; 
        color: #000;
        position: absolute;
        top: 0px;
        right: 0px;
        display: inline-block;

        color: #000;
        position: absolute;
        bottom: 2px;
        right: 0px;
        display: inline-block;
        text-shadow:0 0 3px rgba(0,0,0,0.2);
        text-decoration: none!important;
    z-index: 99999;
    font-weight: bold;
    font-family: arial, helvtica;


    <div class='tw_float_ads_main_Wrap_Both tw_float_ads_main_Wrap_first' id='tw_float_ads_main_Wrap1' style='float: left'>
        <div class='tw_float_ads_close'>   
           <span id='tw_close_button' style='float: right' onclick='document.getElementById("tw_float_ads_main_Wrap1").style.display="none"'>
               <i id='TW_Close_Button' class="fa fa-window-close" aria-hidden="true" title='close the Advertisment'></i>
           <div class='Ad1 AdBanner' id='Ad1'> 
    <!-- Paste your Left Advertisement Code Below this Comment-->

    <!-- Your Advertisement Code Here -->

    <!--Paste your Left Advertisement Code Above this Comment -->
       <span class='TW_credits' style='float: right; font-size: 12px;'><a style='text-decoration: none!important; color: #000;' href="">Get This Widget</a></span> 
        <div style='clear:right'></div>

    <div style='clear:left'></div>

    <div class='tw_float_ads_main_Wrap_Both' id='tw_float_ads_main_Wrap' style='float: right; right:1%; z-index: 98765;' >
        <div class='tw_float_ads_close'> 
      <span id='tw_close_button' style='float: right' class='tw_close_button' onclick='document.getElementById("tw_float_ads_main_Wrap").style.display="none"'>
      <i id='TW_Close_Button' class="fa fa-window-close" aria-hidden="true" title='close the Advertisment'></i>  
    <div class='Ad2 AdBanner' id='Ad2'>
    <!-- Paste your Right Advertisement Code Below this Comment-->

    <!-- Your Advertisement Code Here -->

    <!--Paste your Right Advertisement Code Above this Comment -->

       <span class='TW_credits' style='float: right; font-size: 12px;'><a style='text-decoration: none!important; color: #000;' href="">Get This Widget</a></span>
    <div style='clear:right'></div></div>

    <div style='clear:both'></div>

    That's it Thanks For Following The Tutorial Now Its time For Customization to make it as it made for your site.


    • The <!-- Your Advertisement Code Here --> is responsible for your Your Advertisement Code. So Replace this Text in orange color with your Advertisement Script.
    • The Yellow Highlighted Text is Responsible For Width of the Ads. If you want to add the larger ads then increase the width so that the widget should not break.

      STEP 6:  All Done Save the Gadget and Check it in your site.

      Adsense Publishers Please don't add this Floating Ads. Other Users Please Contact your Ad network Before Placing this Ads.


      Now we have added this Ads But If you are still facing any difficulty in installing this widget in your Blog Please Contact-us or Comment Below. We will help you in installing this widget.

      If you want to display only Left Ad or Right Ad Then You just need to delete all the code after 

      <div style='clear:left'></div>

      You will find this code two times delete after the first one.

      That's It Thanks For Following our Tutorial '' How To Add 2 Floating Skyscraper Ads on Left and Right Side? '' 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 »

      How To Repair a Hacked Website & Recover Rankings (SEO) ?

      How To Recover Hacked Website

      How To Repair a Hacked Website & Recover Rankings (SEO) ?

      Guide to Fixing and Recovering Your Hacked Website:

      Hello Everyone today we are writing about very sensitive topic related to Websites Security. Daily hackers compromise or hack thousands of websites. Even Large Sites with good prevention measures get hacked. Security is one of the major problems in this world where Internet is like lifeline for the people from Browsing, Booking tickets, Shopping, Banking, Blogging, Education etc this everyday tasks is done online.

      If Your Site or Blog Get hacked it can get damaged in many ways:
      • Loosing all Data - This is the worse thing that can happen.
      • Infected with Harmful Code - Adding malicious Scripts in your site making it vulnerable 
      • Stealing Login Credentials and other sensitive information - If you are running a big eCommerce Store or you have a products for your users then if your site get hacked then this nightmare can be true.
      • Loosing Ranking - If you response slowly in recovering your website or blog . or got to know your site get hacked very late then you might loose all the ranking & reputation of your site.

        Here in this post we will share some important measures to bring your website back to normal after it has been hacked.

        This Below Video is From Google Webmasters Where they have explained the process for recovering a site and removing and user-facing warnings. and How much time it can take to fix the site etc.

        This are some of the recovery measures you should follow step by step to minify damage to the site.

        1. Complete Scanning of Your Site
        2. How Worst is the attack or hack?
        3. Quarantine your site (if possible)
        4. Use Google Search Console
        5. Clean up malicious scripts or Spam
        6. Update the CMS or Other Plugins
        7. Complete Scanning of Your Site Again
        8. Request a Review To Google

        Complete Scanning of Your Site:

        First of all when you come to know that your site get compromise then the first thing to do is to scan the site with reputed anti-malware or antivirus. You can ask your Host to scan your Site or root directory to know whether any of the malicious scripts were inserted.

        If your Hosting Provider Does not help you in knowing which files or directories are effected then you can hire a team of professionals or you can scan your site online too and fix it by yourself or if you don't know then you can fix it by paying few bucks. 

        1. - Free Website Malware and Security Scanner is a very good site to scan malware for free and if you don't know how to fix then they have professionals to fix your site by taking few bucks based on the severity of the issue.

        2. - Detect types of malware including viruses, worms, and trojans

        The Main feature of this site is we can upload the file or enter the URL of our site or Search through IP Address or domain. This site also detects the Harmful malicious code.

        How Worst is the attack or hack?

        After analyzing or scanning your site you will come to know that how worst is the attack. If you are still confused after Scanning your site how bad the hack is then you have to go to Google Search Console Where you will come to know in the security issues section in the left Sidebar of the console. 

        If You already Signed-up to Google Webmasters then Skip this below Paragraphs.

        If you Still has not signed-up to Google Console then you are unaware of real tools for success of your business. So Sign up to Google by clicking on the link below

        After Signing-in to Google Webmasters add your Website And verify it to get future notifications from Google. In case of any emergency Google Will contact you through Search Console and you will receive messages and notifications.

        A hacker can hack your site in many ways that are:
        1. Hacked to host spam
        2. Hacked to distribute malware
        3. Hacked for phishing or fraudulent activities
        Check Messages in the Google Search Console to know what type of hack your website hit with. The Recovery steps for each of this type of hacks are different. Check "Security Issues" Section in the Search Console you may have received a message what type of hack your website hit with some explanation to remove it.

         If you have not received any message from Google in the console for any reason then search your site on google. You will see this type of warnings in the search results of your site.

        Images Source:

        Quarantine your site (if possible):

        When your site get compromised or hacked then running the site is useless. If you have registered members or shop in the site then this might be in the risk so it is better to take your site offline and quarantine it until the problem is resolved. Till Than your site will not be able to serve content to your users. Since the site has been hacked the content is likely worthless anyway.

        To Make your users notified stop your webserver or point your website's DNS entries to a static page on a different server that uses a 503 HTTP response code.

        Check What Google Has to say about Quarantine of site:

        By taking your compromised site completely offline, you can complete administrative tasks with less interference from the hacker, and meanwhile, malicious code or spammy files won't be exposed to visitors. It's unlikely that taking your site offline intermittently/temporarily during the recovery process will affect future ranking of your site in search results.

        Please contact your Hosting provider if you don't know how to take your site offline. For instance, your hosting provider might configure at 503 response for your site from outside your infected directories (which is a fine option). Inform your hosting provider that for testing purposes you need to toggle between online and offline .

        Having your site return a 4xx or 5xx HTTP status code isn't enough to protect your users. Harmful content can still be returned to users with 404, 503, etc. The 503 status code is a useful signal that your site is down temporarily, but the response should occur from outside your compromised server/site.

        Using a robots.txt disallow is also insufficient because it only blocks search engine crawlers. Regular users can still access harmful content.

        Please read more about this 

        Watch this above video from Google Webmasters where they have very well explained about Quarantine the site.

        Use Google Search Console:

        Google Search Console Helps to find what type of hack has hit to your site and they will message you about other details also. You can change your robots.txt file before changing it you can test it on Google Search Console. After completing recovery process you can ask a review to Google to reconsider the hack labeling for your site.  

        Clean up malicious scripts or Spam:

        As we have discussed above that hackers can target your site in number of ways From taking down your website and deleting its content to simply adding backlinks secretly, as above we said scanning the site will help us to know whether they have added any malicious code to our pages. If you found any suspicious content in the site then delete those pages carefully and so that your content should not get damaged.

        Make sure you have checked your site source code & check for any malicious PHP or JavaScript code that could be creating such content. Sometimes hackers create malicious scripts which generates spammy links or pages and self duplicates them to all the pages of your site as Hackers will often insert malicious scripts into your HTML and PHP files. These could automatically be creating spammy backlinks or even new pages.

        Update the CMS or Other Plugins:

        When you are running your site under a CMS then sites mostly get hacked due to vulnerabilities in a CMS System which get fixed with a patch with the update. Often website owners shows laziness in updating and future proofing site from getting hacked. older versions are more susceptible to attack. So always update your CMS and other third party plugins.

        Complete Scanning of Your Site Again:

        After completing all the recovery process now it is time for Scanning of your Site Again. If this time your scan results are clean with no malware or spam detected then it is the time for asking a review to google to remove the hacked badge from our site. But if your scan results detect malware again then you have to ask a team of professionals to review your site and take necessary steps to remove the malware.

        Request a Review To Google:

        After Following all the above steps now you have to send a request to review the site and unflagged as dangerous or possibly deceptive to users. you have to go to security issues section in the search console to request a review from there. before sending the request make sure your site is back to online and it is crawlable to googlebot.

        Watch the above video from Google Webmasters where they have explained everything what to do before requesting and how much time it takes for google to reply to your request.

        Other Important Tips:

        When you are connecting to your site when transferring files to your servers Always Use SFTP, which will encrypt everything, including your password, as a protection against eavesdroppers examining network traffic. Avoid using FTP. FTP does not encrypt any traffic, including passwords.

        .htaccess is the most important and sensitive file. If your .htaccess file is accessible to hackers then then can add malicious code and can hack your site. So Check the permissions of .htaccess. Contact your Hosting Provider Your hosting provider may be able to assist you if you need help. The .htaccess file can be used to improve and protect your site.


        If you are still facing any difficulty in recovering your hacked site then please hire a team of of professionals. If you are a beginner and don't know HTML, php, JavaScript etc then don't try to do it by yourself. 

        When your Review Request is approved then don't think that your site is fully protect and hacker will not try to hack again so you have to assure the best security for your website.

        Purchase a SSL Certificate Hyper Text Transfer Protocol Secure (HTTPS) for your website as this will encrypt communications between users browser and the website. Google Consider SSL Encryption as one of the small factors for Search Engine Ranking. So If you add this certificate You will not only securing your Website but also improving your site ranking in Google Search.

        That's It Thanks For Following our Tutorial '' How To Add Advanced Popup "Facebook Page Plugin Pro" 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 »

        List of 30+ Ultimate Content Marketing Tools For Bloggers Updated

        List of 30+ Ultimate Content Marketing Tools For Bloggers Updated

          An Ultimate Guide for content Marketing tools:-

          As you know content makes the website worth that’s why its king. Businesses are defined today by their distinctive story. All here are ready to give better content than other but is it enough in today’s consumer based market to connect with customers, its content that helps to craft a story about your business, and provide service. 

          Today, to meet the competition which is increasing; you must also look for content marketing investment to meet this demand. Because of this, the content marketing tools universe has expanded.

          However, many of The tools are quite different from each other and serve massively different purposes within content marketing. Some can help to create content, some distribute content, and other can help in measure the effectiveness of your content marketing. Here are list of some tools that can add up good helping hand for your content marketing purpose.

          Content Discovery & Ideas related tools:

          1. Quora – It is one of the popular social network platforms for question and answer discussions,where you can find ideas for good content. Identify trends from consistently asked questions to inform your content creation efforts.

          2. SPUN for iPhone – SPUN is an app for the iPhone with a good-looking interface that brings best of the web from millions of websites, Tumblrs, YouTube channels, online magazine and blogs.

          3. Pulse – Owned by LinkedIn now, Pulse is an app serves as a RSS feed from different sources based on their interests and choice.

          4. – have great content of inbound marketing from other marketers, followed by the community.

          5. – Browse curated online newspapers based on their worth and newsletters from millions of sources from the web. 

          6. Twitter – With trending topics to see what interesting and famous topics are worldwide or in a specific region to gain insights on what content to develop. Hashtags can help to find content relevant to your expertise and industry to research what subjects of our interest to your existing audience and probable audiences.

          Tools for Marketing & Distribution

          7. Buffer – You can Use Buffer to schedule your content across different social sites and posts at the times improved for your description as your convenience. It streamlines the process of allocating content to each channel very effectively.

          8. Slideshare – It’s been not given priority even it can help a lot for increasing the views if used with care. By proper utilization it can add up lot potential for your contents.

          9. Yoast – It is one of the best search engine optimization plugin for WordPress that can boost your website to its full potential with all the major search engines. It shortens the process. making it easier for owners of site to keep their web properties inline with SEO practices.

          10. Promoted Posts on Facebook – Facebook advertising is becoming popular day by day and it can boost the prominence of your content. It can reach a wide network in the news feed than it on its own organically. Pay per post can get your content featured in front of a larger audience on Facebook with your fans and non-fans alike.

          11. Inbound Writer – This tool finds out topics of interest, and make it easier to understand to your readers and reach your readers by providing perceptions on what type of content to create that might be interest of your audience.

          13. Followgen – It is a tool that allows a business to find a meaningful audience on the social web and targets them. The targets are based on the goal of getting your content in front of the right audience.

          14. Tweriod – How about if you know better time to tweet to get more recommendations for your content. This tool helps to determine the best time to tweet your content for your business. You can reach more numbers of tweeters it creates a free simple report that outlines the finest times to tweet.

          15. Bundlr – Create topic pages with photos, videos, tweets, articles and more to distribute with everyone in your network. The “Bundle This!” plugin allows users to clip content from their browser as they browse, making it quick and easy to bundle your content with other quality sources of information.

          Tools for Content Creation

          16. Meme Generator –you can add meme to make comical spin to your content, which can magnify the post views and make it interesting. By the use of this web resource available you can do it easily.

          17. – This tool can be used to create stunning info graphics and data visualizations. With use of the and their marketplace of infographic experts and designers we can explore the Thousands of infographics that are present on website for inspiration for your content marketing.

          18. Google Keyword Tool – Using the Google keyword tool you’ll be able to search for the right pairings of keywords to use in the headlines and body of your articles that are more often searched in Google. Don’t take this data as the final say on your headline, but use this info has an approximation of the search traffic certain keywords are currently receiving.

          19. GIMP – It can be used to create visuals for your content, it is free, simplified Photoshop like software. Including images in your blog to create visual information gives more benefit with test.

          20. – It is an image resizing tool which is present online helps to bring the images you’ve created to the right dimensions for publishing. is a useful resource for non-technical users to fix their images.

          21. Thinglink – The tag images is used to make them more appealing links to music, video, Twitter, Facebook and more using Thinglink. This tool allows readers to comment on images and follow image channels of creative users. The images with this tool are shareable with many social media sites.

          22. PowToon – The quality of the content can be enhanced by using the animation videos and this tool is perfect for that to make content interactive.

          23. UberFlip – It is used to optimize your PDF’s to add social widgets, audio and video elements to make the content both cooperative and assessable.

          Tools for Organization

          24. Trello – AIt is free tools to organize your ideas in organized cards. Modernize your content ideas and collaborate with your other team members by gathering votes on particular cards to have real time feedback on the best content to pursue further.

          25. Evernote – Evernote is one of famous multi-use structural platform that’s known as a way to remember everything from business to personal. Use of Evernote can help to keep track of your contents, ideas, editorial calendar from the computer, mobiles phone on the go.

          26. Google Calendar – It is one of many helpful tools by Google it’s an effective way to organize your editorial and production calendar for your company’s content.

          27. Pinterest – Pinterest can be used to organize your resources, the content from your beloved websites for content inspiration. Use board functions and many other features preset in this app to make your site comfortable and as preferable as per choice.

          28. Pocket – It is used to save videos, articles and other helpful resources away to check out later. This app helps in keeping your favorite resources structured from apps like Twitter,  Pulse and 300+ apps.

          29. Harvest – The time management is important and crucial and this tracking tool can help to keep your content marketing efforts on schedule. It can help in making correct and smarter decisions for your business.

          30. MindNode – Brainstorm sessions and some ideas to be good in understanding what’s going on your way to create contents and what’s not working for content strategy using the MindNode app. Just try to connect the dots with this visual experience for the iPhone, iPad or Mac.

          Tools for Analytics:

          31. Google Analytics – Official Tool From Google Which Offer Accurate Website Stats, Track Conversions, Referral Traffic, Mobile Traffic, Geo Location where the traffic comes. Real-time Stats.

          32. Kissmetrics – One of the Best tool After Google Analytics We Gave this tool position after Google Analytics Because this is a paid Tool. You can have 14 Days Trial but after that if you want to continue you have to pay. But Accurate Stats, We can even come to know a journey how a visitor becomes our customer and lot of more stats.


          There are dozens of more tools if you request we will add them to this list but in starting don't get confused seeing so many tools. Follow a strict schedule and stick to some of this tools use them daily and after 1 month review the results how this brought up your site.

          Create a content marketing strategy And Follow it To Build Links, Onpage or Offpage SEO, Internal Linking, Making your Content viral, Social Media Optimization etc

          That's It Thanks For Following our Tutorial '' List of 30+ Ultimate Content Marketing Tools For Bloggers Updated '' 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 »

          Best 60+ Free Ping Submission Sites List For Super Fast Indexing

          Hello Bloggers We know How difficult is to rank a New Site or Blog. When You Write a post in a New blog and You expect that Search Engines Should Index that Post Organically then you have to wait for days or weeks for your post to get indexed. But here comes the Ping Submission Sites to Rescue.

          Ping Submission Sites Helps Your Blog posts To Index Super Fast in Search Engines. When You Write a Good Blog Post and That Blog Post is still not indexed in the Search Engines And Your Competitor Wrote Similar Post and he used the Ping Submission Site to ping the Search Engine that This site Got Updated and your Competitor post got indexed so there is very less chance that after your post indexed that it will be top in the SERP.

          Incoming Search Tags:

            What are Ping Submission Sites?

            Ping Submission Sites Allows the Users to Ping their Blog or Most Recent Post to the Search Engines. This Pinging Sites are very powerful it Informs the Search Engines that this blog has been updated and Send The Search Robot to Crawl this Blog or Article and index Pages or Posts Super Fast.

            What are the things should Know while Using this Pinging Sites?

            1. Ping Your Blog only When your Blog Get's Updated
            2. Never Try To Ping the same Url again and again. your site can be caught as spam by Search Engines.
            3. Stick to one Pinging Site only. Don't Submit your Post or Blog URL in different Sites at a same time.
            4. All Pinging Sites Ping to Major Search Engines and RSS Directories. So Use only One Pinging site From the list. 
            Check this Post:  2016 Top 348+ High PR Dofollow Blog Commenting sites list 

            How To Ping my Blog in Ping Submission Sites for Super Fast Indexing?

            Steps To Ping Blog in Ping Submission Sites:

            Step 1 Click on any of the Website from the list and Go to the site.

            Step 2 Instead of entering your top level domain (i.e. you should enter the direct link to your new post or page (i.e. in the pinger

            Step 3select the best category that describes the nature of that page or Post.

            Step 4Happy pinging.

            Best 60+ Free Ping Submission Sites List For Super Fast Indexing



            This is the Ping Submission Sites List that we have bought for you So follow the above steps carefully and submit your site only when it gets updated.

            If you Find More Sites That can be included in this list then please share with us we will check and add those sites.

            That's It Thanks For Following our Tutorial " Best 60+ Free Ping Submission Sites List For Super Fast Indexing '' 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 »

            Warning: Cannot modify header information - headers already sent by (output started at /home2/bmh009/public_html/ in /home2/bmh009/public_html/ on line 1219