ThingsGuide

Facebook Like Box with Hover Effect for Blogger

noreply@blogger.com (BloggerRavi) — Sun, 16 Feb 2014 17:03:00 +0530

Before explaining this tutorial i would like to say thanks to all our readers for your support and contributions since last 2 years, Thanks also to everyone who has helped this blog in other ways, with suggestions, technical support, information and many other things. Now come up to tutorial, In our previous post we will teach you about how to add Facebook like box into blogger blog and today now we are sharing another 2 Facebook Subscription widget for blogger or website. Here I have added as the box with simple jQuery hover effect. Lets see below tutorial to add them into your blog or website.

Adding Static Facebook Pop Out Like Box Widget To Blogger layout...Now let's start adding it. Just follow below producer.

Login to your Blogger Account.
Click Layout > Add A Gadget.
Select HTML/Javascript
Then Paste The Following Code In content Box from one of code given below.

(Style I) Static Facebook Pop Out Like Box with Hover Effect

Before adding these code please replace pages/ThingsGuide/281417998619583 with your Facebook fan page URL.

(Style II) Facebook Stylish Popup Widget with Lightbox Effect

Before adding these code please replace pages/ThingsGuide/281417998619583 with your Facebook fan page URL.

Customization: These widget only shows up the first time the user visits your page. If you would like the Facebook box to popup everytime the page loads, then remove this line of code:

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

If you are facing any error during adding above widgets into your blog or website then please leave your comment below, we will catch you back as soon as possible.

Stop Your Image Stealing Using Jquery

noreply@blogger.com (BloggerRavi) — Thu, 13 Dec 2012 12:24:00 +0530

Consider, you are working hard in creating images for your webpage and someone just copy and paste on their webpage without any credit or appreciation, then how would you like to feel? In today's post, here is a important trick for every blogger or webmaster to stop your Image stealing. You just have to put a little piece of code in your template which will prevent users to copy Images from your web page.

How To Stop Your Image Stealing ?

Go to Your Blogger Dashboard > Template > Edit HTML.
Take a backup of your template.
Now find for <head> in your template
Add below code just above/before <head>

Note - If your blog have already a jquery plugin then ignore this step.

Now again find </head>
And add below code just above/before </head>

I hope this small trick will surely help you to prevent your Images from republishing on other websites.

How to Embed PDF, DOC, XLS Files Into Blogger

noreply@blogger.com (BloggerRavi) — Tue, 11 Dec 2012 11:20:00 +0530

Hello friends, Due to my exam i was unable to post a single post, So I'm really sorry for this. In today's post I will tell you how you can embed PDF, DOC, or XLS files into blogger blog. This post is also described How to show PDF, DOC or XLS files on blogger without using third party or services. Blogger is a free blogging platform by Google and there are some limits, you cannot upload pdf, doc, xls files directly. So before we used third party websites or hosting services to embed these files. But now you don't need to go to third party websites, you can embed your PDF, DOC or XLS files using Google Drive, Google drive is a free cloud storage service by Google. So, without wasting a time let's come to the tutorial.

» Awesome Facebook Like Box with Hover Effect for Blogger

How to Show PDF, DOC, XLS files on Blogger

At first, Go to the drive.google.com and login with your existing account or create a new one.
Now upload your PDF, DOC or XLS file, After upload completed click on the uploaded file link. It opens in new tab

In the new tab click on share and change the properties of sharing 'Private' to 'Public' or 'Anyone with the link'.

Now, go to File > Embed (this PDF file) in menu bar.

Now, Embed code will pops-up just copy that code and paste it on Edit HTML mode in blogger post editor.

I hope this tutorial will surely help you. If you have any questions or problem let me know.

» Awesome Facebook Like Box with Hover Effect for Blogger

iPhone 5 Technical Review

noreply@blogger.com (BloggerRavi) — Mon, 5 Nov 2012 17:19:00 +0530

As on schedule, Apple launched iPhone 5 in india with featuring a faster processor, bigger display and many of other upgrades. Apple products always been a little pricier in indian market compared to top competitor, Pricing starts from 45,500 for 16GB model, 52,500 for 32GB model and 59,500 for 64GB model.

The new iPhone comes with bigger 4 inch display which is biggest of compared to earlier versions of iPhone, iPhone 5 has a dual core A6 processor which is one of the fastest compared to others.

Take a look of iPhone 5 technical specification

Network type:

2G Network - GSM 850 / 900 / 1800 / 1900 - GSM A1428 CDMA 800 / 1900 / 2100 - CDMA A1429

3G Network - HSDPA 850 / 900 / 1900 / 2100 - GSM A1428 CDMA2000 1xEV-DO - CDMA A1429

4G Network - LTE 700 MHz Class 17 / 1700 / 2100 - GSM A1428 or LTE 850 / 1800 / 2100 - GSM A1429 LTE 700 / 850 / 1800 / 1900 / 2100 - CDMA A1429

Size:

123.8 x 58.6 x 7.6 mm

Weight - 112 g

Battery:

Lithium-ion battery

Talk time: Up to 8 hours on 3G

Standby time: Up to 225 h

Video playback: Up to 10 h

Audio playback: Up to 40 h

Memory:

16GB, 32GB, 64GB

Display:

Retina display

4-inch (diagonal) widescreen Multi-Touch display

1136-by-640-pixel resolution at 326 ppi

Sound:

Audio formats supported: AAC (8 to 320 Kbps), Protected AAC (from iTunes Store), HE-AAC, MP3 (8 to 320 Kbps), MP3 VBR, Audible (formats 2, 3, 4, Audible Enhanced Audio, AAX, and AAX+), Apple Lossless, AIFF, and WAV

Camera:

8 MP, 3264x2448 pixels, autofocus, LED flash

Video - 1080p@30fps, LED video light, video stabilization

Front - 1.2MP photos and HD video (720p) up to 30 fps

Connectivity:

Wi-Fi 802.11 a/b/g/n, dual-band, Wi-Fi hotspot

Bluetooth 4.0

USB v2.0

Is Your System ready for Windows 8 ?

noreply@blogger.com (BloggerRavi) — Sat, 3 Nov 2012 19:17:00 +0530

Finally Windows released their most awaited operating system Windows 8 last week. I'm sure many of Windows users confused on a question to upgrade their previous version of Windows or not and how they can prepare their system for this newest edition of Window.

Is Your System Windows 8 ready ?

While upgrading the new operating system primary worry is about hardware that will be compatible with the new operating system or not ? and the answer is pretty simple, If your system has been running well on Windows 7 then it is compatible with Windows 8 too. that means Windows 8 required no major hardware change for those using.

Windows 8 run on the same hardware that works fine with Windows 7

Processor : 1 GHz or Faster

RAM : 1 Gigabyte (32-bit) or 2 Gigabyte (64-bit)

Hard disk space : 16 GB (32-bit) or 20 GB (64-bit)

Graphic Card : Microsoft DirectX9 graphic device with WDDM driver

Connected Devices and Programs

To solve certain issues, Windows provide Windows 8 Upgrade Assistant. before upgrading your oprating system download and run it. The program will automatically scan your hardware, installed programs and connected devices to make sure they will work with Windows 8 or not,

It will ask you which apps are compatible and which apps you need to review.
Windows 8 comes with lot of new features like secure boot, snap, fast start-up etc. upgrade assistant notify you if any of those items are not supported by your system.
In Windows 8 Microsoft Security Essentials is being replaced by Windows Defender, So you need to remove it before upgrading.
To play DVDs in Windows 8 you might need to install Windows Media Center or install a third party app. because Windows 8 does not include in-built feature to play DVDs.

After finished the above steps click on "Next", Now upgrade assistant asked what you would like to keep upgrade or not ?

Windows 8 comes with lot of major facilities. The look and feel is new something that we aren't accustomed to see on PC's, So enjoy this newest OS by Windows.

Enable Autoplay for YouTube Embedded videos

noreply@blogger.com (BloggerRavi) — Tue, 30 Oct 2012 18:30:00 +0530

As you all know that Youtube is world's most popular video sharing website, Over 3 billion videos watched every single day on Youtube, Every internet user knows what is Youtube due to it's popularity. when we want to produce a useful guide or trying to promote any product or services on our blog or website then YouTube is first name which comes in our mind.

YouTube Auto-play

YouTube introduce autoplay feature for embedded videos, With this feature Youtube eliminated the need for third party plugin.

If you are trying to produce promotional or introductory video, you might be looking for a way to autoplay video as and when visitors land on your pages instead of asking them to click and start the video. If you think autoplay would be the right choice for you then have a look below procedure,

Turn Auto-play ON

1. First off, grab your embedded video code.

2. you would just add the parameter at the end of the Youtube URL. Start with the “?” symbol to indicate you are adding parameter.

For example one embedded code displayed below,

Now you need to do to enable autoplay is to add the parameter “?autoplay=1″ to the end of the video URL in the embed code

Now Youtube video will start autoplay without waiting for user response.

Note - Don't apply autoplay on multiple videos on same pages.

Recover Deleted Data Using Wise Data Recovery 3.18.170

noreply@blogger.com (BloggerRavi) — Thu, 25 Oct 2012 18:28:00 +0530

Hi friends, Have you lost your private data by formatting or have you ever deleted useful files like image, music, videos or document by mistake then this guide is for you, to manage this issue there is two options.

Restore system point.
Recover your data by data recovery software.

Unfortunately first option is not enough because using this method you can only able to recover your system files, This article focuses second method - Recover your files by data recovery software

In this post I'm telling about wise data recovery, Wise data recovery 3.18.170 is a powerful data recovery tool can easily recover your deleted files. It is totaly free of charge, Recover documents such as word, excel, txt etc. reprocess photo/image such as jpg, png, gif etc. recover e-mail files specified as .eml etc.

See also :

How to Resize YouTube Video Player

noreply@blogger.com (BloggerRavi) — Thu, 25 Oct 2012 18:00:00 +0530

Many of us use YouTube everyday for our entertainment. Not just watching, we usually share our videos to our friends. In this tutorial I'm posted about YouTube Center Script, Center script is a browser extension that allows you to resize your Youtube video player, You can drag with your mouse and change the whole size of your video player, It will automatically adjust the pixel ratio.

Adding YouTube Center Script

1. To install it, You can grab it from here

2. If you are using Google Chrome, it will install automatically but In the latest version of Google Chrome you can't install it directly because recently Google changed the way to add extensions that are not in the Chrome web store to your browser. So, to install it follow these steps,

Download the extension file from the website and save it to your PC
Now on chrome go to Tools > Extensions
Locate the extension file on your computer and drag the file onto the Extensions page
When dialog box is pop-up click on Install

3. If you are using Firefox than you need to have Greasemonkey Installed and than click on Install on the script page.

Advantages of this script

1. Changing resolution by draging with your mouse

2. Lets you repeat videos.

3. Download them instantly in many formats.

4. Downloading video as MP3

Also read : Unfriend finder script for Facebook

New Facebook Chat Codes: colored chatting

noreply@blogger.com (BloggerRavi) — Wed, 24 Oct 2012 19:24:00 +0530

Now on Facebook you can type anything in colored characters. Facebook recently made changes to it's chatting feature, Facebook provides some codes to type anything in color, Just copy any characters code You like to write and paste them in your chat box and click enter and colored character will be displayed.

New Facebook Chat Codes

Codes of A-Z

Below are codes of A-Z which you can use in Facebook chat. You can create your on words with this codes.

[[107015582669715]] = A
[[116067591741123]] = B
[[115602405121532]] = C
[[112542438763744]] = D
[[115430438474268]] = E
[[109225112442557]] = F
[[111532845537326]] = G
[[111356865552629]] = H
[[109294689102123]] = I
[[126362660720793]] = J
[[116651741681944]] = K
[[115807951764667]] = L
[[106596672714242]] = M
[[108634132504932]] = N
[[116564658357124]] = O
[[111669128857397]] = P
[[107061805996548]] = Q
[[106699962703083]] = R
[[115927268419031]] = S
[[112669162092780]] = T
[[108983579135532]] = U
[[107023745999320]] = V
[[106678406038354]] = W
[[116740548336581]] = X
[[112416755444217]] = Y
[[165724910215]] = Z

How to Use Above Codes

Wanna create hi . So pick up codes of H and I .
Which is [[111356865552629]] [[109294689102123]]
Make sure there is space in between any two codes or else it will not work.

If you can like this post then please like our Facebook page.

How to recover/regain Hacked Facebook Account

noreply@blogger.com (BloggerRavi) — Wed, 24 Oct 2012 19:00:00 +0530

As of today Facebook hacking and account phishing is common problem because Facebook has biggest social network worldwide and hackers usually hack any account to get some sensitive data for wrong purpose. If you are one of whose account has been hacked or did you forget your password then Facebook provides a simple way to recover/regain your account.

How to Recover/Regain Hacked Facebook Account

At first go to account recovery page

Here you will see message like above just click on My Account Is Compromised, and they will take you to another page asking you to identify
Here enter your email or phone number or username. You can also enter your name and your friends name.

Now just check one’s that’s your account and press this Is My Account/Continue.

Now Facebook will simply ask you to enter the Current or Old Password, if your account was compromised than surely your new password will be changed so enter the current if that does not work than try to enter the old one which you changed earlier.

If your old password is accepted than you will have option to get your reset code on your mobile or email
Now you can enter your new password.
Also report for any phishing attack at phish@fb.com

How to Pre Schedule Status Update on Facebook

noreply@blogger.com (BloggerRavi) — Sun, 14 Oct 2012 11:46:00 +0530

Officialy Facebook now give the option to pre schedule updates for page admins. Now page administrator's can schedule posts in advance up to next 6 months, adding feature that were previously only available in third party apps. With help of below multi-step process you can schedule your updates.

How to Pre-Schedule Your Status Update

1. At first log-in to your Facebook fan page and click inside your page's status update area,

2. Now click on small grey clock icon will appear in the lower left-hand corner.

3. Now click "Add Year" link from within the dropdown menu, select the year in which you want to post the update,

4. Then click "Add Month" and select the month you want to update to go live,

5. Now click "Add Day" and enter the date,

6. Now click on "Add Hour" and then "Add minute" of the day to post
7. Finally click on "schedule"

Once Facebook saves your update, you’ll see this popup box,

How to see or reschedule your scheduled post

To see or reschedule your scheduled posts, scroll up to the top of your page and click "Edit Page > Use Activity Log"

Now your scheduled posts will display.

Here you can either change the time, publish your post immediately, or cancel it altogether. Enjoy :)

Must read : How to See Who's Unfriended You on Facebook

How to See Who's Unfriended You on Facebook

noreply@blogger.com (BloggerRavi) — Thu, 11 Oct 2012 18:12:00 +0530

When your friend count goes down on Facebook you are not sure to who went missing because Facebook will never tell you that who unfriended you, Would you like to know that how to find who unfriended you I've with a simple plug-in for Internet explorer, Firefox, Chrome, Opera and Safari, Using this plug-in you will be able to see who unfriended you, you can also able to check who ignored your friend request and who deactivated their account via notification.

Adding Unfriend Finder Extension

1. The extension can be available here with full installation guide. If you are using Google Chrome, it will install automatically but In the latest version of Google Chrome you can't install it directly because recently Google changed the way to add extensions that are not in the Chrome web store to your browser. So, to install it follow these steps,

Download the extension file from the website and save it to your PC
Now on chrome go to Tools > Extensions
Locate the extension file on your computer and drag the file onto the Extensions page
When dialog box is pop-up click on Install

If you are using Mozilla Firefox, You will have to first install the Greasemonkey- add on, after adding Greasemonkey you will be able to install Unfriend Finder script.

2. After installation is finished you need to restart your browser

3. Now go to Facebook and log-in to your account

4. On the top right menu you will see one more tab which is "Unfriends"

And one more option "Unfriends" in your favorites list.

Advantages of this plug-in

Unfriend - When someone unfriends you a numbered notification will appear above the unfriends tab it also provide the date and time you were unfriended.

Deactivations - It will also alert you when someone deactivated and reactivated his/her profile.

Friend requests - It will show your pending requests, and give you info on who ignored or cancelled your request.

Having any problem then leave your comment below.

Also Read :

Turn Chat Sign-in Off by Default on Facebook

noreply@blogger.com (BloggerRavi) — Tue, 9 Oct 2012 09:48:00 +0530

Hello visitors, I'm once again with a new simple but interesting Facebook trick. It's true that we do spend lot of time on Facebook for chatting with our friends and relatives but sometimes we can't stand endless chat when we're browsing our status update, Today I'm sharing this another coot trick to turn off chat when you sing-in by default.

How to turn off chat by default on Facebook

Just follow these simple steps,

1. First off all login to your Facebook account.

2. Here you will find setting icon from the right button on Facebook, Image refer below,

3. If you wish to turn off chat for all friends simply click on "Turn off chat"

4. If you want more advanced option for turning off chat then click on "Advanced setting"

5. When box will pops-up you will see the options below,

6. Here you will see these three options

First option is turn on chat for all friends except (In the box below, you can type the name of the people whom you don't want to chat)
Second option is turn on chat for only some friends (In the box below, you can type the name of those some people whom you want to chat)
And the third option is turn off chat for all friends.

7. Select one of these three options and click on save.

I hope these trick help you to make the better your Facebook experience.

How to Add Footer Column Widget into Blogger blog

noreply@blogger.com (BloggerRavi) — Tue, 2 Oct 2012 14:34:00 +0530

You may have seen many blogs that have a three or four column widget at the bottom of there page. When we searching blogger template sometimes we can't find 3 column footer blogger template. In this tutorial i'm going to teach you how to add 3-4 columns footer widget box, With more columns in your blogger footer you can add extra stuff you like. Also you will be able to put less frequently used widgets such as recents comments, archives, followers, About me etc at the bottom of your template.

Adding a 3 Column Footer Widget

1. Navigate to template > edit HTML
2. Before making any edit always remember to backup your template
3. Find the following section in your Blogger template

If you are having difficulty finding this section trying searching for footer-wrap or something similar.

4. Replace all the code located in Step 3 with the following,

Adding a 4 Column Footer Widget

Replace all the code located in Step 3 with the following,

5. Save changes to your Blogger template
6. Navigate to Layout > Page Elements. You will now see a 3 column footer or a 4 column footer depending on what option you chose.

Center or Right Alignment of Blogger Header Image

noreply@blogger.com (BloggerRavi) — Sun, 16 Sep 2012 17:27:00 +0530

In general uploaded your header image via page element option you will see that image will automatically align to the left and there are no option for right or center alignment. For those who has been facing this problem we hope this article can help you have more control over the header positioning, Using CSS (Cascading Style Sheet) you can make this easily align right, left or center.

At first you need to check the image placement method you choose when you uploaded the header image to Blogger.

If you used “Behind title and description” option.

Go to Dashboard
Template > Customize > Add CSS
Add the following snippet of code,

To align center

#header-inner {background-position: center !important; width: 100% !important;}

To align right

#header-inner {background-position: right !important; width: 100% !important;}

If you used “Instead of title and description” or “Have description placed after the image” option.

To align center

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;} /*include this line if you are using Template Designer*/

To align right

#header-inner img {margin: 0 auto 0 300px;}

Enjoy!

Auto Read More Button With Thumbnails For Blogger

noreply@blogger.com (BloggerRavi) — Thu, 13 Sep 2012 17:48:00 +0530

By default on blogger you have the option to add a jump break to your blog post, Using this option blogger displayed only a part of your posts on index pages and the link to read the full post will be below. This is a conventional read more option provided by blogger in post editor. In this conventional read more hack, every time you need to insert code in post.

In today's post we will share auto read more hack with thumbnail for blogger blog, This script will automatically create post summaries with thumbnail. You don't need to add any extra code in every blogger post and if you insert image, it appears thumbnail.

Applying Auto Read More

Go to Design > edit HTML
Backup your template
Tick on "Expand Widget Templates"
In the code window Find this code..

<data:post.body/>

Replace with this code below,

<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>

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

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Read more...</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

Now, search for </head> and paste the following section of code immediately before it:

Customizing the code above :

You can customize the 'Read more' option by changing the value of the variables below:

If you want to change image thumbnail size then find these numbers 100 and 120
To change post cut height without image find these line of code - summary_noimg = 430;
To change post cut height with image find these line of code - summary_img = 340;

Adjust the Alignment of Sidebar on Blogger

noreply@blogger.com (BloggerRavi) — Thu, 13 Sep 2012 16:09:00 +0530

If you are new on blogger, you get a ready-made page layout that allows you to post your articles or add new widgets. Many bloggers prefer changes to their layout to modify the blog and keep them in a neat and clean format, By the using of CSS (Cascading Style Sheets) you can adjust the alignment of your sidebar. Here in my post i will share how to align your blogger sidebar?

To Align Blogger Sidebar

Here we go :

Login to your blogger account.
Go to Dashboard > Design > edit HTML
In the code window find these lines..

div#sidebar-wrapper {
margin: 0px;
padding: 0px;
text-align: right;
}

Change the value of alignment 'right' to 'left'. Code will look like below:

div#sidebar-wrapper {
margin: 0px;
padding: 0px;
text-align: left;
}

Save it and you are Done!

Before you leave:

Do you find this article helpful then please share it via tweet, like or pin it buttons below.
Any suggestion or question please post in the comment below.

How to Permanently Delete Your Facebook Account

noreply@blogger.com (BloggerRavi) — Sat, 4 Aug 2012 15:05:00 +0530

If you are sick of Facebook or if you are spending large amounts of time on this site than you can cancel your account, Facebook allows you to temporarily deactivate your account which will hide all your information on Facebook from others that means no one will be able to access your information on Facebook But this does not permanently delete your Facebook account, In this article we will guide you on how to permanently delete a Facebook account.

Steps to Permanently Deleting Your Facebook Account

Important :Take a backup of your Facebook data before deleting the account, it may be useful in future.

1. At first login to your Facebook account.

2. Now go to Facebook permanent account deletion page and click on Delete My Account

3. Now when it pops up follow the steps such as entering your password and fill out a captcha code

After submitting the account deletion process successfully you will get an email from Facebook saying “Your account will be deleted in 14 days” For 14 days after you delete your account, Facebook retains your data in case you wish to reverse your decision. If you don’t log in to Facebook for 14 days, your account will be permanently deleted.

E-Mail Method

You can email at private@facebook.com from your registered email id and request them to delete your account.

How to Tweet More Than 140 Characters in Twitter

noreply@blogger.com (BloggerRavi) — Sat, 4 Aug 2012 13:49:00 +0530

Twitter is second largest social media company in the world, It has 500 million active users and daily millions of users sharing their thoughts via tweets but one of the very few irritating things about Twitter is the limit of 140 characters per tweet, Sometimes you want to share your thought which contains more then 140 characters on twitter you feel very inconvenient. So what to do? Below are some ways to tweet more than 140 characters on the Twitter.

How to Tweet More Than 140 Characters

Here are listed some Apps to tweet more than 140 characters limit.

TwitLonger

Using TwitLonger you will post the first 100 or so characters along with a shortened URL to the TwitLonger web apps. You can write what you need and a link to what you said will automatically be posted. If it still asks for an invite – get a beta invite at hello@twitlonger.com

Tinypaste

Tinypaste is a simple web app that lets you to paste any text or code and then save it. Once you save it, you will get a Tiny url where you can share it directly on twitter.

Tall Tweets

Tall Tweets will slice your long tweet into multiple smaller tweets of 140 characters or less, and publishes them all to Twitter in one shot. The tweets are numbered and are sent in a reverse arrangement such that they can be read from top-to-down inside any Twitter client.

Jumbo Tweet

The another service to tweet more than 140 characters is jumbo tweet, jumbo tweet is a simple web app that solves the same problem but in a slightly different manner.

Now you can beat Twitter’s 140 character limit!

How To Add Categories Section To Blogger Blog

noreply@blogger.com (BloggerRavi) — Fri, 27 Jul 2012 17:45:00 +0530

Blogger Blog does not support categories but has only comes with labels, In this tutorial i will show you how to manually create categories in Blogger blog. Category is a very important section of any blog or website, because with the help of categories people can easily find what they are looking for. Now we would manually create category section in blogger from labels, This tutorial is aimed at beginner bloggers, Let me explain how to add category section in blogger blog.

» Awesome Facebook Like Box with Hover Effect for Blogger (No Coading Needed)

The first and easiest way to create categories section in Blogger is to rename the section of labels widget as categories. Of-course this is not the appropriate solution for a blog in which there are huge number of labels. An easy way round this problem is create a separate categories section.

Adding categories section to a Blogger blog involves following steps :

1. First of all you have to decide how you want to group your articles, according to the labels applied, and what group heading you want to give to each grouping of articles.

2. Navigate individual page of the label for first category which you want to use by clicking on the label in side bar. Copy URL address of this page. For example the URL address of the label of Blogger Widget on my site is :

http://things-guide.blogspot.in/search/label/Blogger%20Widget

3. Now go to Dashboard > Layout > Add a Gadget > Link List

5. Enter "Categories" as the title

6. In the Configure Link List dialog box, paste the link of the label you've copied from the address bar to Site URL

7. Enter the name of your Category

7. Click on Add Link to add the link to your new categories list.

8. For every label you wish to put into the Categories Section copy the link and add it to the Configure Links List. By the end you will end up with two or more categories in your list

9. Use the arrow keys to each link to move them according to your choice where you want to place them.

Limit the number of posts :

You can also Limit the Number of Posts Displayed in the Categories Section. For this you will need to adjust the URL's of each label as follows :

From :

http://yoursite.blogspot.com/search/label/CategoryName

To :

http://yoursite.blogspot.com/search/label/CategoryName?max-results=max number of posts to display

Change the value of max results to number of posts you want to display, for example max-results=20

I hope this Tutorial of manually adding categories using the Link List widget into blogger blog would of great importance to you.

» Awesome Facebook Like Box with Hover Effect for Blogger (No Coading Needed)

How to Add Facebook Like Box into Blogger Blog

noreply@blogger.com (BloggerRavi) — Wed, 25 Jul 2012 14:48:00 +0530

Facebook fan Page are a great way to promote your blog or website and facebook like box is widely used social plugin from Facebook developers. This facebook like box will help your visitor to become regular reader just by clicking like button. So that this box will increase number of your facebook fans. To get this widget follow below procedure,

Updated - 2 New Awesome Style of Facebook Like Box For blogger or Website

Simple fecebook like box

Let me explain how to add simple facebook like box.

1. Login To Blogger Account.
2. Click Layout > Add A Gadget.
3. Select HTML / Javascript > Paste The Following Code In content Box.

Replace my facebook page URL with your page URL, Change Width And Height According To Your Template.

4. Now save and you are done.

Floating facebook like box for Blogger

Now I came up with new tutorial for adding floating like box to blogger.

Adding Jquery Plugin

1. Go To Dashboard > Template > Edit HTML

2. Search for </head> teg in your template and just below it paste the following JQuery code (You can ignore this step if Jquery Link is already added in your template)

Adding Widget Code

1. Go to Layout > Add A Gadget

2. Select HTML/Javascript

3. Paste the following code inside it,

4. Replace pages/ThingsGuide/281417998619583 with your Facebook fan page URL.
5. Now save your template and you are all done!

Visit your Blogs to see it floating at the right side of your webpage.

Updated - 2 New Awesome Style of Facebook Like Box For blogger or Website

How to Remove or Customize Blogger Attribution Widget

noreply@blogger.com (BloggerRavi) — Mon, 16 Jul 2012 19:58:00 +0530

If you are using a template by Blogger Template Designer, All of them have an attribution at the bottom of the blog. by default, Blogger templates include attribution gadget at the bottom of each template. The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may noticed that gadget is locked and you are able to modify only the "Copyright" statement from the widget.

Most of the blogger dislike it and ask are they allowed to remove this from their template? The answer is yes you are allowed! Follow my instructions below if you wish to remove or customize blogger attribution widget.

Steps :
Important Notice : Always Back Up Your Templates before Making Any Changes On it.
1. Go to Design > Edit HTML
2. Expand your Widget Template.
3. Click Ctrl+F for the browser Find bar to pop up.
4. Search for the code below in your template.

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

5. Now change the locked value 'true' to 'false' in the line of code.

<b:widget id='Attribution1' locked='false' title='' type='Attribution'>

6. Now find the code similar below,

<b:section class='foot' id='footer-3' showaddelement='no'>

7. Now change attribute value showaddelement no to yes as below,

<b:section class='foot' id='footer-3' showaddelement='yes'>

8. Save your template.
9. Go back and navigate to Layout tab.
10. Find Attribution element bottom of your page.

11. Click on Edit

12. Now click on Remove button.

Now Attribution element has been removed. You can add another element using bottom Add a Gadget link to add custom attribution.

Enjoy...waiting for your comments.

How to Monitor Who is Connected to Your Wi-Fi Network

noreply@blogger.com (BloggerRavi) — Tue, 12 Jun 2012 19:23:00 +0530

Many peoples living around you are trying to access your Wi-Fi connection for free, We're aware that you're paying bills from your hard earned money and want to stop such unwanted activities. In today’s post, we will review how you can keep a constant monitor on your wireless network connection.

Actually your router have some built-in functions for detecting wireless network connections but this is a limited function and doesn't allow for advanced features. Some of the application like Nirsoft wireless network watcher will be allow advanced features such as live monitoring and detection. Which you can keep better track of your Wi-Fi network connections.

First of all go to the NirSoft Wireless Network Watcher download page and proceed to download the.exe file

After downloading finished you will need to start launcher. Once the application starts, You can configure more advanced settings for the software by navigating the path Options > Advanced Options

You can also set the software to beep whenever it detects a new connection, using the path Options > Beep on new device

Hope you're enjoying tutorials, Waiting for your comments.

How To Monitor Hidden Internet Connections

noreply@blogger.com (BloggerRavi) — Tue, 12 Jun 2012 17:48:00 +0530

If you're online at this time on ThingsGuide, your computer also connects to many other connections that are running in the background, Which not only reduces the speed of your internet but also increases your data bandwidth usage, Sometimes it can be gateways for viruses and malware. However, the many programs that you have installed on your computer, also connect to internet based services, Here are a few ways to monitor and detect those internet connections.

Using Command Prompt

Type cmd into the run box from start menu and click on OK

Type the characters netstat –abf 5 > activity.txt and hit the enter key. Wait a few minutes for Windows to record the processes.

Type Ctrl + C on your keyboard to stop recording.

Type activity.txt and hit the enter button. Notepad will now open with the recorded internet connections.

Using Nirsoft CurrPorts

The Nirsoft CurrPorts app lists detailed information regarding background internet connections of a computer. Go to the Nirsoft CurrPorts website and download the currports.exe

through this tutorial you can also check for unknown processes of viruses and malware who often use ports and incoming and outbound internet connections.

Create Some Fake Computer Viruses

noreply@blogger.com (BloggerRavi) — Sun, 3 Jun 2012 20:16:00 +0530

Today I am sharing another interesting article about "How To Make Fake Funny Computer Virus". In this tutorial I teach you how to make a harmless and fake virus, Basically what it does is just log off and then "Shutdown" your computer.
Disclaimer - Everything here is for informational purposes only.

1. Fake error message

Step-1 Make a new text document with notepad, type msg * YOUR MESSAGE, image refer below:

Step- 2 Now save as Play me.bat As always, make sure that you select All files instead of Text Document.

Here's how it will look like once it is launched:

2. Forced Shutdown

Step-1 Put the following into your Notpad:

@echo off

shutdown -s -f -t 60 -c "YOUR MESSAGE HERE"

(Replace 60 with the length of the countdown you want)

Step- 2 Now save as play me.bat

Here's how it will look like:

To stop it, open Run from the start menu and type shutdown-a. Enjoy