Recent Posts

How to fix duplicate content issue in Blogger SSL

By Md Jillur Rahman - No Comments
Fix duplicate content in Blogger SSL
Duplicate content is very bad for blogger seo. If search engine find duplicate content, they will decrease your site ranking from search page. It can be http to https. Recently blogger release https version for their sub-domain sites and it's currently not available for custom domain blogs.

I personally recommend you to enable https version in your site. I added it to my other site and after few days my website ranking boost dramatically. Then after few days i have seen that in my html code some of link contain http link and i changed them to https. Then you can not imagine, my website ranking boost fast than before. So in this post, i will tell you how to fix http to https in your blogger template.

How to Fix Duplicate Content in Blogger:


Step 1: Login to your blogger account
Step 2: Go to Theme>Edit HTML
Step 3: Click anywhere inside the code area
Step 4: Search following text
http://
Step 5: Replace http:// text to https and that's it.

Remember: Before changing http to https, check link is it work with https version.

20+ Scam Cryptocurrency Coins

By Md Jillur Rahman - No Comments
Cryptocurrency Scam Coins List
In online, you will find a lot of cryptocurrency coins. There are some legit and some scam. New traders don't know which currency scam and which not and nobody want to invest their money to fake or scam currency. Recently i lost $100 to bittrex BTC-DRZ currency.

Check out 20+ scam cryptocurrency coins and remember don't use them to lost your money. When i will get new one, i will update this post.

Scam coins lists:


  1. PXC Phenixcoin - premined 1,000,000 coins
  2. BTB Bitbar – premined by small group of coin creators
  3. MNC Mincoin – started with no binaries and 25000% reward blocks
  4. GLD Goldcoin – 2000% superblocks at start (3.2% instamine)
  5. AMC Americancoin - premined with 6.5k-14k blocks giving zero reward
  6. LKY LuckyCoin – superblocks at start, random superblocks
  7. MEM MEMEcoin –  premined, superblocks
  8. ARG Argentum – premined
  9. StableCoin – 1,200,000 premined
  10. NUG Nuggets – premined
  11. CDC Cloudcoin- 1,000,000 premined, random blocks
  12. CENT Pennies – hidden launch
  13. SYC Skycoin – premined
  14. CL Copperlark – massively premined
  15. NAN NanoTokens – premined
  16. MST MasterCoin – premined
  17. USC UScoin – premined
  18. GIL – premined
  19. RCH RichCoin – premined
  20. XNC XenCoin – premined
  21. REC RealCoin – premined
  22. RED Recoin – 1,000,000 premined
  23. ALF Alphacoin – premined
  24. One Last Coin – premined
  25. ORB Orbitcoin – 66% premined
  26. NUC Nucoin – premined

Source: Bitcointalk forum

How to perfectly redirect non-www URLs to www

By Md Jillur Rahman - 6 Comments
Redirect Non-WWW urls to www
Non-www and www version there are two url format for your site. You need to fix it to prevent from duplicate content.

To redirect all of your yourdomain.com or yourdomain.com/sub-folder visitors to www.yourdomain.com or www.yourdomain.com/sub-folder, you should need to add following code at the beginning of your .htacess file in your public_html folder


For yourdomain.com to www.yourdomain.com
RewriteEngine On
RewriteCond %{HTTP_HOST} ^yourdomain.com [NC]
RewriteRule ^(.*)$ http://www.yourdomain.com/$1 [L,R=301]
Change yourdomain.com with your website name. After add it, when someone accesses to http://yourdomain.com he/she will be redirected to http://www.yourdomain.com


For yourdomain.com/sub-folder to www.yourdomain.com/subfolder
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteCond %{REQUEST_URI} ^/sub-folder/
RewriteRule ^(.*)$ http://www.yourdomain.com/sub-folder/$1 [R=301,L]
Change yourdomain.com with your website name and also sub-folder text with your existing sub-folder name. After add it, when someone accesses to http://yourdomain.com/sub-folder he/she will be redirected to http://www.yourdomain.com/sub-folder

That's it and it's safe method.

Advanced Tips: You can use it for your WordPress or any kind of site.

How to Eliminate render-blocking Javascript and CSS in Blogger

By Md Jillur Rahman - 10 Comments
Remove render-blocking Javascript and CSS from Blogger/Blogspot
May be recently, you checked your website by google page speed tools and seen that google tells you to eliminate render blocking javascript and css from several notice and that's can effect on your page speed. If you want to increase google pagespeed score, you need to solve this problem. So let's follow my tutorial, how to eliminate render-blocking javascript and css from blogger/blogspot.

** Backup your theme before apply this tricks**


Eliminate CSS Bundle - Blogger automatically create two css widget bundles for your website. It's looks like.
Remove Blogger CSS Bundle
To remove these bundle, follow simple steps.
Step 1: Go to Blogger>Theme
Step 2: Click on Edit HTML
Step 3: Click anywhere inside the code area
Step 4: Press CTRL+F to open a search bar
Step 5: Now search following code
<head>
Step 6: Replace <head> tags by below code
&lt;head&gt;
Step 7: Again search following code
</head>
Step 8: And replace </head> tags by below code
&lt;/head&gt;&lt;!--<head/>--&gt;
Step 9: Click on Save theme and you are done.

Now again search your website by google pagespeed insights tools and you will see that css bundle issue is solved.


Eliminate JS Bundle - Like css blogger automatically create widgets.js bundle for javascript. To remove these bundle follow below tutorial.
Step 1: Search following code
</body>
Step 2: Replace </body> tags by below code
&lt;!--</body>--&gt;&lt;/body&gt;
Step 3: Click on Save theme
That's it. Now see page speed score and it's improve.


How to fix contact form problem after applying JS bundle eliminate tricks - If you use contact form in static page and also want to remove js bundle then you need to follow my another trick. Because after removing js bundle, your contact from will not work anymore. This trick will not work, if you use contact form in sidebar or footer.
Step 1: Search following code
</body>
Step 2: Replace </body> tags by below code
<b:if cond='data:blog.url != &quot;http://www.codiblog.com/search/label/Contact_Us&quot;'>&lt;!--</b:if></body><b:if cond='data:blog.url != &quot;http://www.codiblog.com/search/label/Contact_Us&quot;'>--&gt;&lt;/body&gt;</b:if>
Customize: Replace http://www.codiblog.com/search/label/Contact_Us with your contact us page link url.
Step 3: Click on Save theme and you are done.

In this tricks, i have used blogger conditonal tags so that default javascript widget.js file only loads when someone visits contact us page, and other page it will be ignore.

WP Tricks: How to Limit the Post Title Word Count

By Md Jillur Rahman - No Comments
WordPress Tricks
In WordPress, wp_trim_words() function that will help you to limit the word count in your post title. Just use following code where ever you want to display your title with limited word count.
<?php echo wp_trim_words( get_the_title(), 10, '...' ); ?>
Replace 10 value from above code with whatever number of words you want to display.

Support: WordPress 3.3+
Reference: https://codex.wordpress.org/Function_Reference/wp_trim_words

CSS Tricks: How to Center Text in Middle of Div both Vertical and Horizontal

By Md Jillur Rahman - No Comments
Center Text in Middle of Div by CSS on Horizontal and Vertical
In this css tricks, we will learn how to position text or content in the middle of div both vertical and horizontal. Sometimes we used line-height code and that's not good to add text in the middle of div. See following example.

HTML
<div class="middle-content">
  <div class="middle-wrapper">
     Position text in middle of div
  </div>
</div>

CSS
.middle-content {
  display: table;
}
.middle-wrapper {
  display: table-cell;
  vertical-align: middle;
}

Customize: I used display: table; in first div class "middle-content" so that all div content behave like a <table> element. display: table-cell; added in second div class "middle-wrapper" so that it behave like a <td> element and vertical-align: middle; added to reach our goal text position in middle of div.

If you also want to text in center, you can use text-align: center; in the .middle-wrapper class.

That's it. I think that you enjoyed this article to improve your webdesign knowledge.

How to Limit the number of Post in Blogger Search

By Md Jillur Rahman - 1 Comment
Blogger Search Page Limit
In this tutorial, codiblog will give you a few tips on how to limit the number of posts that appear when searching for an article in the blog page search. This trick is very easy and you can applied in on my 12 Stylish Beautiful Blogger/Blogspot Search Box post.

How to Limit the number of Post in Blogger Search


Step 1: Login to Blogger.
Step 2: Choose your blog and go to Theme.
Step 3: Click on Edit HTML.
Step 4: Click anywhere inside the code area.
Step 5: Press Ctrl+F from keyboard to open a search bar.
Step 6: Search following code.
action='/search'
Step 7: Replace above code by following code
action='/search/max-results=10'
Determine the number of 10 on how many posts you want to display in search page.
Step 8: Click on Save theme and see the result.

If you add search bar by blogger Layout>Add a Gadget, follow (Step 6 - 7).

Enjoy this simple trick and improve your blogger editor knowledge.

How to Add Adsense or Any Ads In the Middle of Blogger Posts

By Md Jillur Rahman - 7 Comments
Ads in the middle of Blogger Post
Today i will share a simple but effective tips for all of my buyers and readers on how to add Adsense or any other ads in the middle of blogger posts. There are lot of tutorial about this but my code help you to show it automatically in all of your posts. So, do you want to increase your earning revenue, want to increase your click rate, follow this tutorial.

How to Add Adsense or Any Ads In the Middle of Blogger Post


Step 1: Login to your blogger account and select the blog you want to edit.
Step 2: Go to Theme and click on Edit HTML.
Step 3: Click anywhere inside the code area.
Step 4: Press Ctrl+F from keyboard to open a search bar.
Step 5: Now search <data:post.body/> code and replace this code in your template with the below code.
Note: Inside of your template, you will find <data:post.body/> code multiple time depending on the template used, try one by one until the ad appears on the article page.
<div expr:id='"mad1" + data:post.id'/>
<div style="margin:20px auto;text-align:center;overflow:hidden;">
<!-- Add your ad code here -->
</div>
<div expr:id='"mad2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;mad1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;mad2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Customize: Replace <!-- Add your ad code here --> with your adsense or other any kind of ad code.
Step 6: Click on Save theme and see the result.

You can use my Responsive Adsense Ad Code Converter Tool to generate responsive ad and can paste, by replacing <!-- Add your ad code here --> code.

That's it. Happy Commenting!