Recent Posts

Plugin block autoplay videos and audios on Facebook and other Sites

By Md Jillur Rahman - No Comments
May be you have seen that whenever a video appear on your facebook news feed, the media will automatically start with the audio enabled. It can happen both desktop and mobile. However, there is an extension that block this autoplay videos on facebook and also on other sites that are accessed from desktop browser. The Disable HTML5 Autoplay plugin is available for chrome and opera browser.
Extension for disable html5 autoplay videos
After activated, then extension prevent any videos, audios and also ads to start automatically. The user also can know how many videos were blocked by the extension icon, which is located in the upper right corner of the window.

The plugin also has an area for configuration, which can be used to include site exception. That means, the user can list the sites where the plugin should not act.

References:

How to Disable Comments with Photo on Facebook Page Posts

By Md Jillur Rahman - No Comments
Disable comments with Photo and videos in Facebook
Disable comments with image and video publication can help the user to avoid unwanted comments on your facebook page. By doing this, people can not send image in comments on posts. Don't worry, people can comment by text and figures and there is no way to disable them. Let's see how you can do this.

Step 1: Login to facebook and go to your facebook page. To do this, click the button located at the end of the top blue bar and from the menu that appear, click on the name of your page.
Login in to Facebook for Page

Step 2: From the upper right corner of the screen click on the "Settings". Then, the right of "Visitor Posts" click on "Edit".
Facebook Page Visitor Posts

Step 3: Now, uncheck the "Allow photo and video posts" and click "Save Changes".

Amazing ha! By this simple tip, you can prevent your facebook page visitor to comment using photo and videos.

Read also: How to Unblock Yourself from WhatsApp

10+ Best Responsive Free AMP Blogger Templates

By Md Jillur Rahman - No Comments
AMP(Accelerated Mobile Pages) is a free open source project to render web page fast on mobile device. For many reason, may be your blogger/blogspot mobile web page is slow and frustrating experience. Then don't worry, these amp blogger templates help you to improve your web page speed. We have checked them and Google AMP Cached perfectly cache them to serve the content on google web search. If you face any problem, you can tell me anytime.

Choose one of any amp template from following list. When i will get new one, i will update this post. Besides i will also write step by tutorial, how a developer can implement AMP on their project.

AMPNews

AMPNews Amp free responsive blogger template
AMPNews is a responsive free cool blogger template and it's perfect for magazine, news, blog websites. It has many features like popular post, label, drop down menu, header, footer and footer.
Live Demo Download

Vletters

Vletters Free Responsive AMP Blogger Template
Vletters blogger templates is another fully ready amp blogger template. It's seo ready and fully responsive with all kind of devices. It's colour combination design make your user eyes looking gorgeous.

Kompi

Kompi Responsive Free Blogger Template
Kompi is a bootstrap and responsive AMP ready blogger template. It has many attractive features that you will not see on other template like slider, image rotator, ads set up etc.

BlanterdeAMP

Blanterdeamp amp blogger template free download
This is a another blogger fast loading amp template with simple and cool design. It's fully perfect for your blogging site. It has 970x90 ads set up, sidebar and footer.

MDCamp

MDCamp Blogger Template
MDCamp is a simple template that has a look of a super modern design. It's also fully friendly with google. Disqus integrated with this template by default, if you want, you can use or remove it easily.

AMP HTML

AMP HTML Free Blogger Template
AMP HTML is an validator amp ready grid style looking free blogger template. It's simple 2 column layout, toggle menu make your site to look clean on your readers.

Resource:

- AMP Main Site: https://www.ampproject.org/

20+ Best Responsive SEO Ready Free Blogger Templates

By Md Jillur Rahman - No Comments
At this moment, Blogger is the most popular free blogging platform in all over the internet. Day by day google improving it's features so that a blogger author can improve their website by own mind. Blogger already allow their users to choose various template from their dashboard but that design is not enough to make your site looking cool.

Read also: 30+ Best Responsive Free Video Blogger Templates

In this tutorial, i will bring 20+ best responsive seo ready free blogger templates. All  of the templates are custom and designed by various professional blogger developer. Choose one and upload on your magazine, personal, blog and newspaper site. I will update this post time to time.

Hot Magazine

Hot Magazine Free Blogger Template
Hot magazine is a minimalist, clean, magazine free blogger template. It has many different affect and layout design mode which make your site looking good in your reader eys.
Live Demo Download

Glamour

Free Glamour Blogger Template
Are you looking a bold and clean blogger template then glamour is one of the best for this. It has cool featured post section. You can also include your instagram photos, sidebar advertisement, author bio box. Overall this design is perfect for your website.
Live Demo Download

Sorbet

Sorbet Blogger Template
Sorbet template first created by WordPress then it was converted for blogger. This template is perfect for blogging site for it's eye catching features such as seo friendly, social icon, threaded comment etc.

AndroidMag

Free AndroidMag Blogger Template
Now at this moment android is the most usable platform. May be you have a blog on android tips and tricks or game. You can use this template for your android or other blogging site.

RealMag

RealMag Free Blogger Template
RealMag is an another modern, clean and professional looking free blogger template. It has several handy types of widget for your magazine, news and newspaper website.
Live Demo Download

Fast Mag

Fast Mag Blogger Template
First Mag is a lighter looking blogger template and it's perfect for writer, journalist and photographer. It has well-designed layout such as featured post layout, post layout and sidebar, footer.


NewCon

NewCon Blogger Template
NewCon is a nice and highly professional looking blogger template. It has perfect magazine, newspaper layout for your website. It's lot of feature help you to make your website looking perfect as your readers eyes.

iSimple Classic

iSimple Classic Blogger Template
iSimple classic is a beautiful color combination blogger template. You can download it free to make your site looking such as Flat UI design.

Tech News

Free Tech News Blogger Template
Tech News is a premium looking flat, modern blogger template. It has lot of features and improvement such as seo ready, speed and ads optimization. You can customize it's color as your wish.

Florence

Florence Responsive Free Blogger Template
Florence is a minimal, simple, elegant and fast loading blogger template. It's perfect for travel, lifestyle, fashion, food, photography and female bloggers.

Adsense: How to Add Sticky and Full Screen Ads in Blogger

By Md Jillur Rahman - No Comments
Google always trying to improve their adsense service by adding more of interesting features. Newly google added page-level ads section which help you to set up Mobile sticky and Full screen ads on your website. This ads only design for mobile device that wide between 320-420 pixel. So it's best time for blogger/blogspot users to attach this features in their blogger templates for boosting their earning.

Read also: How to Add Responsive Popup Splash Ads to Blogger

According to Adsense page-level ads policy, currently support two ads format.

  • Anchor/Overlay Ads: Mobile ads that stick to the edge of the user’s screen and are easily dismissable.
  • Vignette ads: Mobile full-screen ads that appear between page loads on your site and can be easily dismissed by your users.


How to Add Sticky and Full Screen Ads in Blogger


  1. Login to your Adsense account
  2. Go to My Ads>Page-level Ads and set up everything like below of image then click on Get Code
  3. Adsense Page-level-ads set up to blogger
  4. After click on Get code, you will see a pop up where you will find page-level ads code. Copy the code from textarea box.
  5. Now login to your blogger account.
  6. Go to Template>Edit html
  7. Click anywhere inside the code area.
  8. Press Ctrl+F
  9. At the top of code editor box, you will see a search box. Now search following code
  10. <head>
  11. Now paste page-level ads code below of <head> section.

That's it. After few minutes, see your website by mobile device and you will see page-level ads.

11 Google Adsense Rules (Every Publisher Must See)

By Md Jillur Rahman - No Comments
Everybody we know that google adsense is the best monetization platform for it's tools, content related ads and highly revenue share. May be, One day your living adsense account can be blocked if you don't follow their adsense rules.

Readers Like: Responsive Adsense Ad Code Converter

As my research, most of the newly adsense publisher don't follow this. So, their adsense account blocked after approving few days. Every publisher must need to follow all of adsense rules to save their account. I have collected 11 google adsense rules and when i will find more, i will update this post.

Google Adsense Rules


  1. Keep one of Privacy Policy page in your website. If you have no idea, how to create a privacy policy page, you can see my Privacy Policy page.
  2. Don't ever click on ads by you, automated software, bots, friends, online group or any other artificial click.
  3. Many newly publishers encourages their visitors to click on the advertisement like "Pls click my banner advertisements on sidebar". Don't do this. Google adsense robot all time crawl your site. If they find any misleading text, they will block your account.
  4. Don't set up your adsense ad in bad place such as below of title. Their visitor hesitate where need to click. Here are two foolish example.

  5. It's trying to mislead readers to click on post title

    It's trying to mix content with advertisement
  6. Some people hide "Ads by Google" text by css or html code so that people think they aren't ads. Don't do this, it's violation of google adsense policies.
  7. According to Google adsense policies, you can not add adsense ads in Popups, live chat, instant messaging, or auto-refreshing.
  8. If your site drive traffic to online gambling site, such as through organic link. Don't do it, it's now violate with google adsense policies.
  9. If you website generate traffic from paid-to-click, paid-to-surf, autosurf and click-exchange programs, you adsense account will be blocked.
  10. If you put your adsense ad with little or no original content, your adsense account will be blocked.
  11. Don't put adsense in unsupported language. See Adsense Supported Language
  12. Don't put your adsense ads on 404 error page, unsubscribe page or welcome page.

That's it for now.

How to Add Responsive Popup Splash Ads to Blogger

By Md Jillur Rahman - 4 Comments
Popup Splash Ads Responsive
Most of my blogger templates buyers requested me how they can add splash ads or popup ads in their website. Splash ads is a full page ad that is displayed immediately after the page loads. It actually designed for mobile but my splash ads is responsive that means it will support both desktop and mobile.

View Demo 1 View Demo 2

How to Add Splash Ads to Blogger


  1. Login to your blogger account
  2. Go to Template
  3. Click on Edit HTML
  4. Click anywhere inside the code area
  5. Press Ctrl+F
  6. Search following code
  7. </body>
  8. Paste following javascript code before </body> tags
  9. <script>
        $(document).ready(function($) {
            $('.cb_splash_ads .close').click(function(event) {
                event.preventDefault();
                $('.cb_splash_ads').slideUp('slow');
            });
        });
    
        $(window).load(function(){
            setTimeout(function(){
                $('.cb_splash_ads').slideUp('slow');
            },3000);
        });
    </script>
  10. Again search following code
  11. <body>
  12. Now paste following code after <body> tags
  13. <!--Splash Popup Ads Start-->
    <style>
    /*********************************
    ** Name: Blogger Popup Splash Ads
    ** Created By: www.codiblog.com
    *********************************/
    .cb_splash_ads {
        background-color: rgba(0,0,0,0.8);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
    }
    .cb_splash_ads .pop {
        background-color: #fff;
        margin: 10% auto 0;
        padding: 5px;
        position: relative;
        max-width: 300px;
    }
    .cb_splash_ads .pop img {
        width: 100%;
     vertical-align: middle;
    }
    .cb_splash_ads .close {
        opacity: 1;
        position: absolute;
        right: -9px;
        top: -9px;
    }
    .cb_splash_ads .close img {
        height: 32px;
        width: 32px;
    }
    @media only screen and (max-width:768px){
        .cb_splash_ads .pop {margin-top:25%;}
      }
    @media only screen and (max-width:320px){
        .cb_splash_ads .pop {margin: 25% 3% 0;}
      }
    </style>
    
    <div class='cb_splash_ads'>
      <div class='pop'>
     <a class='close' href='#'><img alt='' src='https://4.bp.blogspot.com/-gqmCHgeS4yI/WJAeuIucjdI/AAAAAAAAEmU/xdFdp6UkMGkP5YQKfPIA6FVkr8rhjh0KQCLcB/s1600/close.gif'/></a>
     Here paste your 300x250 banner ad code
      </div>
    </div>
    <!--Splash Popup Ads End-->
    Replace Here paste your 300x250 banner ad code with your adsense or other platform 300x250 banner ad code.
  14. Click on Save template and you are done

Read also: Adsense: How to Add Sticky and Full Screen Ads in Blogger

Customize

- If you want to change automatic closing time limit, you can do it by changing 3000 value from above javascript code.
- If you want your visitors manually close popup ads by clicking on close icon, remove following code from above javascript code.
    $(window).load(function(){
        setTimeout(function(){
            $('.cb_splash_ads').slideUp('slow');
        },3000);
    });
That's it. I think that you enjoyed my tutorial. Happy Commenting!