Formatting output in Browser Console

Did you ever open developer tools on Facebook page? Did you see some warning message in Browser console that is formatted using custom styles and wondered how it's done?

One day I was also browsing internet and opened dev tools on Facebook and found a beautiful message not to open dev tools. That made me curious to look how such formatting work's. The messages in the Developer console are usually printed using the Console.log() function. But the interesting thing in Facebook message was the styled font and also hyper link of Facebooks selfxss.
Facebooks warning in developer tools Console

I never knew before that console API supports such functions. By going through the Chrome Dev tools API documentation, I found some formatters that support styling the console messages.

To apply CSS styles to text in Console, We use  – "%c". There are more format specifiers which you can find here

All other formatters are pretty common and you might have seen them before. So, in this post we will be seeing just the style formatter.

How to Apply CSS Styles to the Text in Console

To apply styles for the text in console, we use the format specifier "%c". Example is as follows

console.log("%cHello World!","font-variant: small-caps;color:blue; font-size:30px;font-weight:Bold;")


All the text after %c will be formatted with the format arguments.
You can your own CSS styles to format your text. You can also use multiple format strings like the below example

var border= "border: 5px solid black;"
var style = "font-variant: small-caps;color:blue; font-size: 40px;font-weight:Bold;"
console.log("%cHello, World!", style + border)


Multiple styles can be applied at the same time. You just need to take care of the arguments order.

console.log("%cHello, %cWorld!", style, border)


Displaying a Hyperlink in Console

You can directly embed a link in the message of console. It will be shown as a hyperlink by the console. Here is an example

That's all for today. Find more awesome stuff in the related posts below.

Quick fix to solve slow loading of Downloads folder in Windows OS

Windows is a pretty good operating system that's user friendly and you don't need to be a geek to use it. But when you mess up with the default settings, it becomes a hell. I faced a similar issue with the properties of the Downloads folder in Windows that's created by default when you install the Windows OS on you hard drive.

I  have also seen a lot of users facing the issue. The Downloads folder seems to load for ever in the explorer even though it has very less number of items. Usually it's common that explorer takes some time if a folder has lot of items in it.


How did I mess up with the Downloads folder

Actually, when I encountered some lags with the Explorer, I decided to Refresh the PC that re-installs the operating system. As a backup, I moved my downloads folder to another drive in my PC. After refreshing the PC, obviously a new Downloads folder was created in the C drive. As there was already Downloads folder in other drive, might be the properties of Downloads in C drive were changed. So, I was facing a very great lag in loading the contents of Downloads folder in C drive. I did a search and found what was messed up.

Fix for Slow Loading of Downloads Folder

The reason for lag in loading the contents of Downloads Folder in C drive is it has been optimized to view pictures or other content rather than general Items. Usually this is not the default case where it is optimized to show general contents.

If we change the optimization to view general items, we will definitely increase the loading speed of the folder contents.

Changing the properties of windows folder

To optimize the Downloads folder to general items follow these steps.
  1. You can locate the downloads folder in quick access if you are using a Windows 10 OS. In case you are using others versions such ans Win7/8, go to the below path to locate your downloads folder.
  2. Right click on Downloads folder and go to properties.
  3. Under Customize tab, select optimize this folder for "General items" and click "ok".
Subscribe us for more tips and tweaks.

Here's How Hackers bypass the Google's 2 Factor Authentication

Google's 2 factor authentication is probably the best security measure to make your gmail account secure. The 2FA-protected gmail account requires both your personal phone and also your gmail account password to get through the double-layered security barriers. Also google has made the 2 factor authentication secure enough, unhackable. Even if someone has guessed your account password or got it through some other means, it's technically impossible to login to your account from some other device that you have not saved in your account bypassing the 2-step verification code.


But the latest news claim that hackers have bypassed the most secure Two Factor Authentication of Google. Reports are flying in the socials media sites like Facebook and Reddit that their accounts were compromised even after enabling the 2 Factor Authentication for their google accounts.

Even co-founder Alex MacCaw tweeted that hackers tried to compromise his Gmail account that obviously has a 2-Factor Authentication. Though he did not fall prey to this attack he warned users through his tweet.

The Message that MacCaw received on his mobile is a follows,
(Google™ Notification) We recently noticed a suspicious sign-in attempt to from IP address (Vacaville, CA). If you did not sign-in from this location and would like to lock your account temporarily, please reply to this alert with the 6-digit verification code you will receive momentarily. If you did authorize this sign-in attempt, please ignore this alert.

Let's dig a little to see what went wrong actually and what the message in his screenshot says.

How Two-factor Authentication of Gmail Works?

When a user logs into a 2FA enabled account Gmail account using the credentials, the user is stuck at 2-step verification screen until he enters the Verification Code that has been sent via SMS to the registered mobile number. Unless the user enter the Verification Code, he will not be able to access the account. Until now there is no detected flaw in Googles system that lets users bypass the 2 Factor Authentication. But this means that the user reports are false.

Well that's also not completely true. Hackers seem to have used a special technique called Social Engineering to get the Verification Code sent to the users. Social Engineering is a method of intelligently fooling the users to fall into the trap.

How was the 2-Factor Authentication Attack carried out?

Here is what they've done.
  • The hacker initially enters the credentials of the account that has the 2FA enabled.
  • The Company then sends Verification through SMS to the registered mobile number.
  • Then the hacker sends the target account holder a text message, pretending to be the very company that the person has an account with. In the above case the message seems to be coming from Gmail.
  • The text message sent from the hacker says that they've detected "suspicious" activity to the target’s account and so is sending the 6-digit code to them, which the target user should then text back to them to avoid having their account locked.
  • The users, worrying that their account is being hacked and not wishing to lose access to their data, sends back the code, believing that they have prevented the attack. But by doing so, they've actually provide the hacker with a security code to break into the user's account.
  • Subsequently, the hacker would enter the 2FA Verification code, and access the account without the user’s knowledge.

How to Prevent Social Engineering Attacks on Two Factor Enabled Accounts

  • Remember that if you have enabled Two factor authentication, google or any other company in which you are holding an account will never ask you to text back the code of call to any phone number and share the verification code.
  • Verification Codes must not be shared to anyone.
  • Make sure that you check the logged in devices and the devices that you've authenticated not to ask for verification codes. You can check your logged in devices going to this link
  • Try to use a private phone number to register with the accounts so that hackers cannot spoof such messages or emails to you as they will not have access to your number.
  • And the last one, Never give an unknown person to get physical access to your phone.

Enabling 2 Factor Authentication for Gmail is very simple. Do it now and make your account Hack Secure. Numerous Online companies support the double-layered protection to accounts including like gaints like Microsoft, Dropbox and even some government agencies.

How to add Floating Header Bar, Social sharing, Pop up widgets for Blogger

Blogger and Wordpress are two most widely used blogging platforms that have various open source scripts and plugins to add widgets like Floating header Bar, Social sharing widgets, Promo boxes etc. There are a lot more plugins available out there to add these functionality to your blog. For example HelloBar ;offers  you the floating header bar and popup widgets, ShareThis offers the social sharing widgets. They are designed to be specific for offering only a particular function to your blog. Using these widgets  has the following disadvantages
  • These scripts often overload the page and increase the time for rendering the page as they must be obtained from various sources.
  • Most of them don't have built-in analytics and option for testing the widgets. Even though some allows to track the user interaction, it again increases the overhead.
  • They lack the functionality to target the widgets and control the behaviour of widgets. Like you can't target the popup box to specific users.
GetSiteControl - Single solution for all blog widgets

When I was searching a solution for these problems, I found the best available solution.GetSiteControl and thought to share it with you. In this post I'd be explaining the features offered by this site and various kinds of widgets you can create, How to create, customise and target the widgets using GetSiteControl.

Features of GetSiteControl :

Must-have widgets for any Blog :

GetSiteControl offers all the widgets that are definitely needed for any blog to improve the user interaction and retain the user for a long time on the site. Using GetSiteControl, you can manage contact forms, create surveys, show popup messages, Live chat with users, add follow and share widgets, create a custom header with animation effects.

Easy Installation :

To include all these widgets, all you have to do is signup for a Free account and install the script on your blogger or wordpress template. Here is a detailed guide on installing the widgets on Blogger and on Wordpress.

Works on any Website :

GetSiteControl allows you to place your custom built widgets such as header bar, social sharing widgets, etc. on websites that use WordPress, Blogger, Shopify, Tumblr, Squarespace, Joomla, Weebly, Bigcommerce.

Looks Great on any Site :

These widgets created using GetSiteControl looks awesome on any site and you also have the option to customise the look and feel of the widgets easily through your dashboard. Even you can change the behaviour of the widgets and has targeting options. You can also integrate it with your Google analytics account.

Creating a Floating Header Bar and Pop up box for Blogger

Before proceeding to create a widget, you need to signup for the site and install the script. Once you have installed the code, you are ready to proceed and create the widget that you wish.

To create a Header Bar,
  1. Open the Site Dashboard and click on "Create widget" button.
  2. From the drop down, select "Promo" widget.
  3. You will be taken to the widget customising page. There, in the Appearance tab choose where you want to position your widget (there are 9 different positions to choose from). Make sure that you choose the top header bar i.e the 4th one from left.
  4. Change the color, font, animation settings as you wish and in the content section, place that content that you want to display in the Header bar.
  5. Then click on Ok button and your widget settings are done.
  6. You need to activate the widget to display the Header Bar to visitors of your website.
To create a Popup box,
  1. Follow the first 2 steps that we have used in creating the Header Bar.
  2. In the promo widget customization page, choose the position of the promo widget in the middle of the page i.e, first one from left.
  3. Apply customization necessary and save the widget. And finally don't forget to activate it.

Check out the below images to create a widget in detail.
Click on "create widget" and choose "promo" widget

Choose to position to make it either popup box or floating header

Click on ok and then Activate the widget

Conclusion on Adding custom widgets to blogger 

The above mentioned procedure is a hassle free procedure to maintain and change the behaviour of the blogger widgets easily. As all the widgets can be seen at one place, you can remove the useless widgets and improve the site performance.

GetSiteControl also has some awesome widgets like social sharing buttons, surveys, contact forms, Chat boxes, follow widgets, subscribe boxes. Do try all of these blogger widgets and don't forget to leave a comment.

8 Blogger Page Types,Description,Code Snippets to Identify Pages - Designing Blogger Templates from Scratch Part Two

Designing Blogger Templates from Scratch Part Two 

This is the second part of series of tutorials on how to create a blog template on your own. In the previous tutorial, an overview on working of the blogger system was explained and also the role of the blogger template in generating the HTML pages was dealt. We ended up with coding a basic blogger template on our own and it's explanation. If you did not read it, I recommend you to go through it first. Here is the link.
In the second tutorial, I'm going to cover the types of pages in Blogger along with a detailed description of every page and how it can be identified using the blogger tags. The code snippets in this tutorial might be little technical, I've tried my best to include the comments and make it as clear as possible. Please comment if you feel anything is not clear and needs further explanation.

Why should you know about Blogger Page Types?

Identifying Blogger page types is very useful when dealing with the meta tags and placing page specific widgets in blogger. Page types also allow us to design different layouts for different types of pages. For example for a post page, we must display the post completely but in a home page, the posts must me displayed with an image and a small description about the post. pageType tag allows us to recognize the Type of the current page pointed by a specific URL.

What's in tutorial of Creating blogger templates on your own!
  1. pageType tag description
  2. Item Page
  3. Static Page
  4. Archive page
  5. Home Page
  6. Search Page
  7. Label Page
  8. Index Page
  9. Error Page
  10. Summary & Quick Reference

PageType Tag in Blogger :

The pageType tag in blogger contains the type of the page currently pointed by the URL. Please note that the pageType tag doesn't contain any spaces and the 'T' in pageType is capital. XML namespaces are case sensitive, so please note the cases of the tags also. Using a tag with wrong case will throw an error.
pageType tag returns the 4 basic values namely item, static_page, archive, index. But there are actually 7 types of pages in blogger. As we proceed, I'll explain how to identify the 7 page types in blogger using these four values and some extra tags.

Note: I recommend you to try the tag with a wrong case and see what will be the error. Observe that blogger doesn't throw an error when saving the template. but when you try to access a particular page, the template will not be parsed and returns you an error message. You'll get the following error message.
Error:Error in parsing the template.

Item page type in Blogger

Here Item page means the page value returned by the pageType tag is item. The pages that return value item are the "post pages" in blogger. The post pages are called the item pages. These post pages have a unique URL for each post.
We generally use 5 kind of tags to identify the page: blog.pageType, blog.title,blog.pageTitle, blog.pageName, blog.pageUrl.

Here is the table of contents of the item page for every tag. Left side consists of the tag used and the right side is the value contained for in item pages.
Tag : Value
blog.pageType : item
blog.title : (blog title)
blog.pageTitle : (blog title : blog post title)
blog.pageName : (post title)
blog.pageUrl : (home page URL)/YYYY/DD/MM/(post page url)

Code snippet to identify item pages:

<b:if cond='data:blog.pageType == "item"'>
<!--Item Page-->

Don't get panic by seeing the syntax. I'll be explaining about the conditional tags in future tutorials, for now, remember that
<b:if cond="YOUR_CONDITION"></b:if> is like an if block in programming. If the your condition is satisfied then the statements followed by b:if will be executed.
There is also an else case. Take a look at the syntax

<!-- start of if block -->
<b:if cond="Your_Condition">
  <h1>Condition matched</h1> <!-- I will get executed if condition matched-->
  <h1>Condition Failed</h1>
<!-- I will be executed if condition is not matched -->
<!-- if block ends-->

Static page in Blogger :

A static page is a page that you create through the pages section in blogger. The pageType tag returns value static_page for this kind of pages. Examples of these pages are contact page, privacy policy page etc. Here are the attributes of different tags for a static page.
Tag : Value
blog.pageType : static_page
blog.title : (blog title)
blog.pageTitle : (blog title : static page title)
blog.pageName : (static page title)
blog.pageUrl : (home page URL)/p/(post page url)
Url of an static page looks like

Code snippet to identify Static pages:

<b:if cond='data:blog.pageType=="static"'>
<!-- static page type-->

Archive page in Blogger :

An archive page  usually contains the collection of posts written in a particular time. The archive pages are usually generated by the archive widget. The pageType tag returns the value of archive for those URLs that end with archive.html. Below mentioned are the values of different tags for archive page type
Tag : Value
blog.pageType : archive
blog.title : (blog title)
blog.pageTitle : (blog title : date)
blog.pageName : (date)
blog.pageUrl : (home page URL)/(date)_archive.html
Url of an archive page will be like this

Code snippet to identify Archive pages:

<b:if cond='data:blog.pageType=="archive"'>
<!-- archive page type-->

Index page type in Blogger :

An index page type can be a search page, home page, label page and an index page. The home page URL is the web address of your blog and doesn't contain anything at the end. The pageType tag returns the value of index for a home page. As all the other index page type also returns the same value, we need to use something else to identify the home page. That is the blog.homePgeUrl tag.
Tag : Value
blog.pageType : index
blog.title : (blog title)
blog.pageTitle : (blog title)
blog.pageName :
blog.pageUrl : (home page URL)
blog.homepageUrl tag returns the home page url for any page type. So we can use this tag and compare it with the blog.url tag and identify the home page.

Code snippet to identify home page:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--Home page-->

Search page in Blogger :

When you enter a search query in the bloggers built in search form, you'll be directed to a search page containing the search results. The type of pages that are generated using the most frequently used search keywords is called the search page. The pageType tag returns indexblog.searchQuery
to identify the search page. The bloggers built in search from is outdated as it uses only the latest posts to search from a limited set of keywords.
The search form has been replaced by the Search box gadget that creates a custom search engine for your blog and lets you to customize where to search updates as your blog updates.
Tag : Value
blog.pageType : index
blog.title : (blog title)
blog.pageTitle : (blog title) : Search results for (search query)
blog.pageName : search results for (search query)
blog.pageUrl : (home page url)/search?q=(search query)?(other attributes like max-results=...)
blog.searchQuery : (search query)
blog.searchQuery tag returns the search query entered. if it returns nothing then the page is not a search page. So we can use this tag and check whether it is empty and identify the search page.

Code snippet to identify search page:

<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.SearchQuery != ""'>
   <!--search page->

Label page in Blogger :

Label page in blogger is similar to search page and is of pageType index that displays the post related to a particular label specified in the URL. To get the label specified , we use a special tag. blog.searchLabel tag returns the label of the current page. To distinguish the label pages from other index pages, we first check if it is of type index and then check for the label.
Tag : Value
blog.pageType : index
blog.title : (blog title)
blog.pageTitle : (blog title) : (label_name)
blog.pageName : (label_name)
blog.pageUrl : (home page url)/search/label/(label_name)
blog.searchLabel : (label_name)
blog.searchQuery tag returns the label specified in the url. if it returns nothing then the page is not a label page.

Code snippet to identify label page:

<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.SearchLabel != ""'>
   <!--search page->

Index page in Blogger :

A page that returns type of index and that is not a home page or search page or label page is the index page. The index pages are generated by the navigation widgets. The page number navigation buttons contain the indexed page that order the posts chronologically.
An example of index page is
Tag : Value
blog.pageType : index
blog.title : (blog title)
blog.pageTitle : (blog title)
blog.pageName :
blog.pageUrl : (home page url)/search?updated-max=YYYY-MM-DD....

Code snippet to identify Index page:

<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery == ""'>
    <b:if cond='data:blog.searchLabel == ""'>
     <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <!--Index Page-->

Error page in Blogger :

An error page is used to identify 404 error pages in blogger. the pageType tag returns error_page for 404 error pages.
Tag : Value
blog.pageType : error_page
blog.title : (blog title)
blog.pageTitle : (blog title)
blog.pageName : (blog title) : error

Code snippet to identify Error page:

<b:if cond='data:blog.pageType == "error_page"'>
<!-- error page-->

Summary of page Types in Blogger

The below tables acts as a quick reference for all the page types in and the tag values returned and how to identify them.
Blogger page types quick reference
Identifying search and label pages of index pageType

Conditional tags for all page types

<!--Item pages-->
<b:if cond='data:blog.pageType == "item"'>
  <!-- all item pages -->

<!--static pages-->
<b:if cond='data:blog.pageType == "static_page"'>
  <!-- all static pages -->

<!--archive pages-->
<b:if cond='data:blog.pageType == "archive"'>
  <!-- all archive pages -->

<!--home page-->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
  <!-- only homepage -->

<!--search pages-->
<b:if cond='data:blog.searchQuery'>
    <!-- all search pages -->

<!--label pages-->
<b:if cond='data:blog.searchLabel'>
  <!-- all label pages -->

<!--index pages-->
<b:if cond='data:blog.pageType== "index"'>
    <!-- all index pages -->

<!--error pages-->
<b:if cond='data:blog.pageType== "error_page"'>
    <!-- all error pages -->

How to Adjust Quality of Flash Videos to Low/High by Default

Tweaks for Chrome and Firefox to change the quality of flash videos to high/low

Many web pages use flash plugin to embed videos, web page animations and interactive content. due to the fact that it is available for different operating systems and browsers, sites can customize the play controls, its relatively small, and doesn't interfere with system file associations. Flash player handles Flash Videos.

By default the flash plugins renders high quality content. Some of the flash allow to change the quality of content through the context menu of the video.If you watch videos online frequently, r-clicking and changing the quality of the video rendered is a very annoying method. Also if you are on a limited internet plan or using a slow data connection, you need to care about the data usage. Rendering high quality content may consume a lot of data.

In all the above cases, you must be looking for an option to change the quality of flash videos to low by default. Unfortunately there is no direct method to do this. As the flash video is embed in the webpage, the webpage owners have control over the content and use different options. So, Browsers also doesn't have options to customize the quality of content to render.

Advantages of Changing the Quality of Flash Videos

  • You save a lot of bandwidth
  • Speeds up the loading of videos and animations
In this post I'll be sharing tweaks for Chrome and Firefox to change the quality of flash videos to low/high.

Tweak for Chrome to Change the Quality of Flash videos

Flash Render Quality changer is an extension used to change the rendering quality to default high or low. It's a minimalist easily usable extension that can control the video quality.

To install the extension go to this LINK and click on Add to chrome. It might take a minute to download and install the plugin. After the installation is done, you'll get an icon beside the URL bar. Click on the icon and check the quality of the content that you want to render.

Quality can be changed when you move to a webpage or you can set a global default. It also provides "auto high" and "auto low" options that act as global default quality for every flash object that you load.
Here is a video from the developer to check the flash quality content.

Tweak for Firefox to Change the Quality of Flash Videos

Tweak for Firefox involves installing the Grease monkey extension and the placing a custom script to change the quality of the flash videos when the webpage loads. Follow the below procedure to install and tweak in Firefox
  1. Open this Link in Firefox Browser and install Greasemonkey extension.
  2. Now we need to install the custom script in Greasemonkey. To do that,
  3. Copy the below mentioned code in a notepad file and name it as "Flash_Quality_Changer.user.js" any where on your PC.
  4. Now right click on the file and from the context menu, choose "open file with" and select Firefox.
  5. Firefox will recognize it as a user script and ask you whether to install the script. Choose install.
Here is the script.

// ==UserScript==
// @name           Force Low Quality Flash
// @namespace
// @include *
// ==/UserScript==

for (var objs = document.embeds, i = objs.length - 1; i >= 0; i--) {
 objs[i].setAttribute('quality', 'low');
 with (objs[i].parentNode) appendChild(removeChild(objs[i]));

for (objs = document.getElementsByTagName('object'), i = objs.length - 1; i >= 0; i--) {
 for (var c = objs[i].childNodes, j = c.length - 1, set = false; j >= 0; j--) {
  if ((c[j].tagName == 'PARAM') && (c[j].getAttribute('name') == 'quality')) { c[j].setAttribute('value', 'low'); set = true; break; }
 if (!set) with (objs[i].appendChild(document.createElement('param'))) setAttribute('name', 'quality'), setAttribute('value', 'low');
 with (objs[i].parentNode) appendChild(removeChild(objs[i]));

Now your flash videos will be rendered in low quality by default. you can change 'low' in setAttribute('value', 'low'); to 'high' to render high quality content by default.

Drop a comment and let me know if you have some other methods.

4 Common Workarounds to Hide Last Active on Facebook

4-ways to hide last active on facebook messenger

The Facebook last seen/last active stamp is really annoying as you may not like people to know that you have logged into your account and still not replied to their message. I also see many users coming to my blog to seek help to hide the last active option on Facebook.

Info on workarounds of last active stamp First thing to note before going through this workarounds is Facebook officially doesn't provide any option to remove your last activity next to your profile name in the chat box. The below mentioned methods to hide the last active stamp are collected from various blog users, so they may or may not work for you. Please try all the methods to check if you can hide it.
Also make sure that the extensions provided here doesn't effect your account security.

I've already written a post previously on this topic but it just covered a limited number of ways. So, I thought Why not cover more extensive ways?

If you have tried all these methods, it is more likely that you will be able to hide the last seen option for any one. Some of the methods also hide last seen option for your messages, whenever somebody messages you and you have read it, the person from whom you have received the message will not be notified. It’ll look like a message has not yet been opened.

1. Hide Last Active on Facebook Messenger for iOS

If you are using Facebook messenger app on you iPhone, follow the below steps to disable the last active time stamp.

  1. Open up the Facebook Messenger App, go to the "People" tab.
  2. Tap "Active" menu at the top beside messenger tab. This shown up the list of all of your active Facebook friends.
  3. Disable the toggle button next to your profile name.

Disabling the toggle button turns off your chat and also disable last active time. No one will be able to see your last active time and also you will not be able to see if anyone is online.
See the screenshot to have a clear idea on the steps mentioned to disable the active button.

Source: iphone-tricks

2. Workaround from Desktop to disable "Last active"

Facebook by defaults gives access of your basic info to the apps that your friends use. As the last active stamp is linked with messenger app, we may try to disable people getting info about you when they use the apps. Here is the procedure
  1. Login to your Facebook account through desktop.
  2. From your account drop down menu, go to "Settings". Then click on "Apps"tab.
  3. Under the Apps tab, you'll find "edit" option for "Apps Others Use". Click on Edit option.
  4. Uncheck all the options and click Save.

Note! There is an option called "If I'm online" that let's the apps your friends use to know your online status in the Apps tab. Now that you've disabled it, there is a possibility that your Last active time may disappear.
This can also be done through your phone but it might have a slight different options. "Privacy Settings" – "Apps and Websites" – "Edit settings"- "Apps other use" – "Edit settings". Try this one also.

3. Using Browser Specific Extensions to Hide Last Seen

There are some browser extensions specifically for Chrome and Firefox to hide the "Seen" notification and also hides last seen. Try out this method also to check your luck.

Extension to Hide Seen for Google Chrome

Extension to Hide Last Seen for Mozilla Firefox

4. Using Android Lite/Mini Browsers to Hide last Active on Facebook

In my previous post of disabling the timestamp and mobile icon on facebook some of the readers have commented that using Opera Mini and UC browser lite is serving the purpose of hiding last seen in their Facebook.
Here are the links to download Opera Mini and UC Browser Mini for android.

Conclusion on Hiding Last Active Time Stamp on Facebook

I tried to cover all the tricks used for hiding and disabling the last active time stamp and last seen on Facebook. As earlier I said, there is no official support or comment regarding the last active stamp on the facebook official community threads or any where, these are the most exhaustive tips for Facebook last active stamp.

Did I miss anything or do you have any other trick to hide the timestamp on your account?
Please comment show other users a solution.

How to Create Blogger Template from Scratch - Part One


This is a series of tutorials I will be publishing on Tricks Star. I was always interested to design Blogger templates on my own. When ever I want to get started, I move on to the template section and try to edit the HTML content. Some how, I would find ways to change my existing template styles and other stuff. But doing so never gave me a clear idea about what the template is and how the template works to generate HTML pages.

I want to take it seriously this time and want to sort blogger template design completely. After a lot of googling, I found a few resources that helped me but they were incomplete. So, I'm going to write complete tutorial on How to design Blogger templates at one place. I'm going to learn and publish the tutorials in parallel. So, if I'm wrong anywhere, Please correct me by dropping a comment.

Before getting started with the template development, we need basic knowledge on HTML, CSS and little Javascript. You can google for them and get unlimited resources to learn HTML and CSS. I recommend

What's there in this tutorial?

How Blogger works?

I did not find any official documentation on how blogger works, but this is a basic idea behind how the blogger template is used to render the content requested from the blogger database.

Blogger doesn't store HTML of every post or page that we create. Instead, it just stores the data that we've created in blogger database. And whenever a request is sent for a particular URL, the data is retrieved from the database and the HTML page is parsed from the XHTML template that we have installed on our blog. These pages might also be cached sometime to improve the speed.

how blogger actually works?
Now that we know how blogger works, Lets move on to learn the basic structure of a blogger template.

Basic Structure of Blogger Template

The basic structure of a blogger template is as shown below.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns='' xmlns:b='' xmlns:data='' xmlns:expr=''>

The above XHTML is the basic markup tags that a minimalist blogger template consists of. Though this template is not enough to be parsed, there are some basic things that you need to know before moving on to the actual coding part.

Note: This code looks like a HTML page, but it's a XHTML code. XHTML is a strict language unlike HTML, but XHTML is mostly similar to HTML. For example, in HTML you may omit the closing tags, but XHTML throws an error when you miss a tag. We will see more difference when we dig deeper into the template.
  • The first line of the template indicates the version of the xml. The encoding tag specifies the encoding used so that browsers can interpret your page correctly.
  • The next line is the DOCTYPE tag used to indicate the type of document. Usually the web documents are created using various standards. DOCTYPE
tag is used to specify the Document Type Declarations of the HTML version that we use in the template.
We will be using tags like <data:blog.pageName> and many other tags to access content and calculate the expressions. Understanding this is very simple. If you have a knowledge of programming languages, we use variables as containers for values.
Here b, data are similar things. 'b' stands for blog and 'data' may be represented as 'd'. I recommend you not to change the convention as we are new to template design.

If you wish, you can change your name space reference names to 'blog' and 'b' as shown below.

<html xmlns='' xmlns:blog='' xmlns:d='' xmlns:expr=''>

Note: if you change the namespace references, you may also change the tags you use.
Like <b:section ... > to <blog:section ...>

  • Next comes the head tag which usually contains the title of our page, styles we use in our template and meta information for Search Engines for SEO optimization. The content of the head tag section is not visible to the user.
  • The body tag is used to place all the visible content to the user. What ever we want to show the users must be placed inside the body tags.
Next Tutorial will explain about the types of pages in blogger and how to identify them using the blog.pageType and other tags.

Designing Blogger Temlates from Scratch Part 2: 8 types of pages in Blogger Exlained

If you have any doubts about this post, or if you have felt that anything is not clear enough, drop a comment below and I'll help you.
If there are any errors, please correct me. Thank you.

Kepard VPN Premium Service 3 Months Subscription Giveaway

Do you think you have a need for a Premium VPN Service? Go through the below questions and if your answer is yes to any one of these questions, then this post is for you. The one and only solution for all these questions is using a Secure Premium VPN to make your internet traffic encrypted and secure your communication.
  • Does your ISP block visiting some website?
  • Do you want to Access some restricted websites at school or your workplace?
  • Are you concerned and worried about your internet privacy?
  • Would you like to secure your web activities so you might not turn into a victim of eavesdroppers who are lurking to make the most by snooping in your online activities?

Why Should you install a VPN Service?

A VPN is the only service that you can use to enhance your security and access resources on a network you're not physically connected to. If you are downloading legally or illegally, you definitely will not want some person or company to watch all your downloads and browsing traffic. VPNs are the only way to stay safe when using something like BitTorrent. A VPN service helps to stay anonymous by keeping you secure at the same time.

Do you know that most of the cyber attacks are made through public wifi networks?
Connecting to an encrypted VPN while you're on a public or untrusted network --like a Wi-Fi hotspot in a hotel or a shop—is a smart, best security practice. Because the VPN encrypts your Internet traffic, it protects you from people who may be trying to snoop on your browsing traffic via Wi-Fi to capture your passwords.

Kepard VPN the Best Premium VPN service

Well after reading the above post, you might be interested to know how to choose the best VPN service, Don't worry, Tricks Star Team has done it for you. Considering various factors and features, We came up with theKepard Best and Fastest VPN service.
Finally after a long wait for the Kepard VPN service premium giveaway to Tricks Star readers.

Kepard Premium VPN Service FREE for 3 months

This giveaway is sponsored by TricksStar. All you need to do in order to receive the activation key is give your e-mail address to protect your personal data, hide your IP and surf the web with no restrictions, NAT Firewall Up to 256 Bit Encryption and much more.

Features offered by Kepard Premium VPN Service Giveaway

Kepard Premium VPN provides the following features
  • Encrypts your entire Internet traffic using trusted secure protocols, such as L2TP/IPsec , PPTP protocols.
  • Excellent speed of the internet connection is faster compared to the any other Free Service.
  • No restrictions of servers. All servers and countries included.
  • Allows you to connect from two locations at the same time
  • NAT Firewall to secure from internet threats.
  • Up to 256 Bit Encryption
  • Unlimited traffic
  • Quickly change between VPN server locations and VPN protocols
  • Absolutely no advertisment, waiting around line, computerized disconnection after 6 hours and no additional charges like constraints placed on the particular server.
  • Programmed reconnection. Automatically detects a lost VPN connection and prompts to reconnect.
  • Allows you to use Torrents safely and securely – accessing or uploading content utilizing BitTorrent, download torrents and P2P on NL servers.

Supported Operating Systems:

Kepard Premium VPN is available on all your devices and for all major operating systems, including configurations for routers.
  • Windows
  • Linux
  • MacOS
  • Android
  • iOS


How to get Kepard Premium VPN Subscription for FREE for 3 Months?

All you need to do in order to receive the activation key is to Fill the Form below and comment below your experience on the post. To protect your personal data don't comment your email address in the comments section.

Fill the below contact form.

Your Name:
E-mail Address *:
Why do you need Kepard Premium VPN Subscription *:

That's it. We will send you the Kepard Premium VPN subscription keys as soon as possible.

If you have any problem in getting the Free License key of Kepard Premium VPN FREE for 3 months?
Drop a comment below. I'll help you.

How to uncover Hidden Messages on Facebook and Messenger App

Facebook Messenger has been one of the most popular messaging platform and also has been constantly upgrading itself, ever since its entrance into the social media world. If you take a look explore each of the features, you'd find a lot of hidden features that only power users on Facebook are aware of.

I've shared some tips and tricks related to Facebook, that are not very popular with new users on Facebook. All of these tricks on Facebook dealt with How to hide last active timestamp on Facebook, How to send Gif Images on Facebook, How to download Facebook messages to offline storage and some tricks related Candy crush app.

So, I then received a lot of requests from Facebook users to share about some more interesting tricks for the Facebook and the Messenger App that people try out easily.

Here is another interesting post to explain about
What actually is the viral "Hidden message trick on Facebook".
What are Hidden messages? and Why are they hidden from Facebook Users?

How to uncover Hidden Messages on Facebook and Messenger App

How to uncover hidden messages on facebook and messenger app

If you are aware of Facebook spam filtering, then probably you might know this trick.

What are the hidden messages on Facebook :

Usually, the users of Facebook will be thinking that they get alerts and notifications on Facebook as well as the messenger App when someone sends them a message. But this is not completely true. Well, It depends on the type of the message that is received and what Facebook thinks about it.

If you get a message from one of your friends, then you will definitely be notified about your message. On the other hand, when users get messages from a person who is not in their friend list, then the Facebooks automated spam protection systems come into play.

These systems are designed to fight against spam on the social networking site. If the systems think that it is an unusual message, then the message is delivered to "Filtered Messages" in your inbox. Else you get notified regarding it.

These Filtered messages are nowadays being called as Hidden Messages on Facebook (might be because no one had time to see all the folders in their Facebook inbox).

How to see Hidden Messages on Facebook

First Method that finds the hidden messages box on Facebook :

Here is a method to find all the Hidden Messages in your Facebook account.

  • You can just open your Facebook Home page and click on the chat icon located on the top right next to the Facebook notification icon in the ribbon, then you'll be able to see the recent messages.
  • Beside the recent messages, there is a small text named "Message Requests".
  • Click on it, there you will be shown the message requests sent from strangers to you.
  • If you scroll down, you'll find an option "See Filtered Requests". There you go, you found a hidden messages box on Facebook.

Second and Simple Method to move to the Hidden Message section :

If you are not comfortable with the above method, then login to your Facebook profile and go to this URL.

Finding the Hidden Messages using Messenger App :

Here is a small workaround to find the Filtered requests on Facebook Messenger.

Do you know other Hidden Tricks and Tips for Facebook? Please drop a comment and let us know about it.