Check your website speed

Hi, buddy.
I just tested http://ftwebbd.blogspot.com with the Full
Page Test in Pingdom Tools.
This specific test was done on October 7 at 12:18:45 from Dallas, Texas, USA. The web page took 449 mili second to
load, used 46 requests, and weighed in at 738.9 kB.
The Google Page Speed performance grade for this web page is 89/100 (excellent).
There’s a ton of more information you can check out here: http://fpt.pingdom.com#!/cqg2Nl/http://
ftwebbd.blogspot.com
I think it shows that the web page is fast as lightning. Cheers!
I think you will not believe this messege so I added the screenshot. I have checked this from my mobile phone.
This is my website's (Ft Web BD) page speed checker email. There are too many tools in internet to check your website speed. We know that, website speed is a good factor for google ranks and any other rank. So check your website speed everyday and work to increase speed if it's slow. Check this tutorial to increase your website speed.

8 Tips for Improving Your Site Speed

 Today I am going to share you a tools that is the best tool for speed check. This is Pingdom. It's very simple to use.  Go to pingdom and paste your website link in the box and hit Test. Now you you see your website speed. You can share it to your Twitter, Facebook and Email. Now enjoy.

Some tips of youtube

I have decided to make a short
post about Some tips to youtube. If you have any tips that should be added to the list, leave in the comment box. These tips are based on my personal experience after over doing YouTube every day for over one years.


  • Don’t let anyone tell you, you are too late to the game. It’s not true.



  • Watch Tutorial by other YouTubers and read up on the topic. Learn how to edit your videos.



  • Always try to improve your commentary.



  • Play what you enjoy; switch it up with smaller, less popular games.



  • Don’t spam your link in comments (or anywhere).



  • Don’t do a sub for sub or anything similarly stupid.



  • Don’t obsess so much over sound insulation and hardware before you got your commentary down.



  • Treat every other YouTuber with respect. Treat your viewers with respect. A happy viewer is worth those few seconds you spend replying to him.



  • Try something different – don’t always do what everyone else is doing.



  • Don’t take mean comments to heart.



  • Don’t ignore constructive criticism, you will need it to grow.



  • Don’t take it personal if a YouTuber does not want to collab with you. We are busy people and less social than you might think.



  • Don’t get into fights in the comments, be the bigger person. Delete insulting comments and ignore.



  • Remember: People subscribe for you. If they sub for a game, they are not here to stay anyway.



  • Help other people that want to start YouTube or anything in life.



  • Don’t expect the same enthusiasm from your friends that don’t do YouTube – they will probably not get it.



  • Find a group online to have other YouTubers to chat with and grow.


  • Watch your video after recording and ask yourself “What can I do better next time?”.


  • Learn how to make engaging thumbnails.


  • Don’t be lazy: Write your descriptions and tags.


  • Be consistent and upload on a schedule. If you can’t keep to the schedule, do less – but stay consistent.


  • Don’t expect anyone to give you shout outs, they won’t help anyway if your content isn’t good.


  • Use Social Media to your advantage. Don’t just auto-post your videos there – engage with your audience.


  • Expect to spend a LOT of time on your new hobby.


  • Unless you are very, very good or have a very unique idea, don’t try to do a Mine craft-focused channel.


  • Growth in the beginning is slow, don’t get discouraged. It can take years, but you can do it!


  • Never buy subscribers, Twitter followers or any of that. It will just hurt you.


  • Don’t overexert yourself too often – it will burn you out. Get some sleep instead.


  • You should not expect any money from YouTube in the beginning. It takes time.


  • Don’t even think about going full-time unless you already make money.


  • That's all I know. If you know anything out of this tips, then you can drop it in comments. Thanks for reading.

    10 special use and tricks of .htaccess

    .htccess or hyper-text access to the configuration file is a powerful tool. It's specialty is anybody can edit it easily and use. Today we will see the use of this powerful tool.

    Stop Hotlink

    Is there anybody who consume your bandwidth by using your uploaded image? Then you can add this code to
    .htaccess file.

    Options +FollowSymlinks
    #Protect against hotlinking
    RewriteEngine On
    RewriteCond %{HTTP_REFERER} !^$
    RewriteCond %{HTTP_REFERER} !^http://(www.)?domainname.com/ [nc]
    RewriteRule .*.(gif|jpg|png)$ http://yourdomainname.com/img/stop_stealing_bandwidth.gif[nc]

    Protect your site from bad bot
    some hacking tools when use bot to crowling, scaning your site then you can stop them by adding this code to your .htaccess file.

    #Block bad bots
    SetEnvIfNoCase user-Agent ^FrontPage [NC,OR]
    SetEnvIfNoCase user-Agent ^Java.* [NC,OR]
    SetEnvIfNoCase user-Agent ^Microsoft.URL
    [NC,OR]
    SetEnvIfNoCase user-Agent ^MSFrontPage
    [NC,OR]
    SetEnvIfNoCase user-Agent ^Offline.Explorer
    [NC,OR]
    SetEnvIfNoCase user-Agent ^[Ww]eb[Bb]andit
    [NC,OR]
    SetEnvIfNoCase user-Agent ^Zeus [NC]
    Order Allow,Deny
    Allow from all
    Deny from env=bad_bot

    Block specific IP
    when you see that a specific ip used to hack or spaming to your website then you can block that ip by add this code to .htaccess file.

    allow from all
    deny from 145.186.14.102
    deny from 124.15

    here replace your targeted ip by 145.186.14.102 and then it will be blocked.

    Redirect to 401, 403, 404, 503 etc error page.
    You can redirect your visitor to this error page when they input the url which doesn't exist in your website.

    ErrorDocument 401 /error/401.php
    ErrorDocument 403 /error/403.php
    ErrorDocument 404 /error/404.php
    ErrorDocument 500 /error/500.php

    Here we store our error page in the error directory. you should replace this with your own directory.

    Protect any specific file
    you need to protect your configuration file for your security.

    #Protect the your-file-name-with-extension File
    order allow,deny
    deny from all

    Here replace your file name with your-file-name-with-extension.(must include extension)

    Protect any file or directory with password.
    To protect file with password you can use this code

    password-protect a file
    AuthType Basic
    AuthName "Prompt"
    AuthUserFile /home/path/.htpasswd
    Require valid-user
    # password-protect a directory
    resides
    AuthType basic
    AuthName "This directory is protected"
    AuthUserFile /home/path/.htpasswd
    AuthGroupFile /dev/null
    Require valid-user

    Make your site super fast by compressing content to gzip.

    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css
    application/x-javascript
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4.0[678] no-gzip
    BrowserMatch bMSIE !no-gzip !gzip-only-text/html

    Remove extension from link

    If your site have a page named page.php
    and it will load by http://yoursite.com/page.php. but you can remove this .php
    extension by adding this code to your .htaccess and then it will http://yoursite.com/page

    RewriteRule ^(([^/]+/)*[^.]+)$ /$1.php [L]

    You can also remove .html by this code. simply remove .php and add .html

    Remove category from url
    Say, your site have a category called downloads. Then you can access this directory by /category/downloads. But now, you want to remove this category tag from url. You can do it by adding this code to .htaccess file.

    RewriteRule ^category/(.+)$ http://www.YourSite.com/$1 [R=301,L]

    Change wordpress default feeds to feedburner.

    #Redirect wordpress content feeds to
    feedburner
    RewriteEngine on
    RewriteCond %{HTTP_USER_AGENT} !
    FeedBurner    [NC]
    RewriteCond %{HTTP_USER_AGENT} !
    FeedValidator [NC]
    RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/yourfeedhere [R=302,NC,L]


    Fun of twin Baby

    My sweet twin Nephew have fun with each other. One is Shafin and another is Sabit.


    Sometimes they quarrel with each other. I have recorded a video which
    will show you how they fun with each other. I also uploaded this video to youtube and to show you the video I have added it here. You can view it now or any time.

    Highlight admin comment in blogspot differently.

    Hey guys, how are you? Hope you are fine and pray to God to stay fine whole life. Today I have come to share a blogspot tricks that will help you to highlight admin comment differently. This will help your user to find admin comment easily.



    How can you add this to your blog?

    First login your blogger account and switch your blog from blog list. Now go to Template and backup your template for security. Now click EDIT HTML.

    In a word follow this Blogger → Template → EDIT HTML.



    Now search </body> by Ctrl+F from your keyboard and paste bellow code before of </body>  tag.



    Now save your template and view your blog's admin comment or your comment(as you are the admin). If face any problem then drop them in comment box.

    Make HTML CSS photo gallery

    Css and HTML is very important if you want to make photo gallery. Today, I will show you how you can make a photo gallery using html and css.
    First, make style(css) for our photo gallery.



    Now it's time to use html to create gallery using html.



    You can add javascript to welcome user. Now our full photo gallery code is


    Then your photo gallery will look like this

    How to create a tooltip using CSS without jQuery.

    Tooltip is a great way to show your user more information by simply hovering over an image or text. They can be used, for example, to provide captions for images, or longer descriptions for links, or any useful information which would improve the user experience of your site.


    Today I’m going to show you how to create a simple tooltip using HTML and CSS to display the title tag of your hyperlinks.

    Let’s start creating some simple markup for the link. We need to give it a title which will be the tooltip content, and assign it a class.


    The next step is to create some styles for
    our tooltip class.


    We are now displaying our tooltip inline with our link using relative position. Next we want to create a rounded box to form the body of the tooltip, and position it so that it floats above the link:


    We are using the :hover selector which selects an element, in this case our link, on mouseover and the :after selector, which inserts content after the selected element. We have specified a black background with 80% opacity and for browsers that do not support RGBA colors we have provided a dark grey background. Slightly rounded corners are created by using the border-radius attribute and we have set the text color to white.

    Lastly, we have positioned the tooltip box from the left of the link and added a little padding. As well as the styling and positioning, we have set the content property:


    This property allows us to insert the content we want which can be a string, a media file or an attribute of the element. In this case we are using the title attribute of
    the link. Now when you hover over your link a tooltip should be appear above it with the text you set as your link title. We have one problem though, the title information is being shown twice: once in the tooltip and once by the browser. To fix this we need to make a slight change to our HTML:


    What we’ve done here is wrap the link text in a span tag with its own title attribute. Now the browser will display the title set in the span tag when the link is hovered over.

    To finish we will add an arrow to the bottom of the tooltip, to give it that little extra touch of style. We do this by using the :before selector and some border styles:


    We are using a few border hacks here to create the effect of an arrow. setting the border colors on the left and right to transparent and controlling the border widths. We’ve also positioned the arrow so it sits on the bottom of the tooltip box. And there you have it, a simple tooltip with the title tag of the element hovered over. You could also use this for image alt tags, or even just put your own text into the CSS to pop up where you want.

    Popular Posts

    Post Category

    Blog Statistics

    Now online

    Page views
    Powered by Blogger.