Teck 92 :: Android Apps | Blogging | Tips And Tricks

Add Skype Contact Widget to Blogger 2014

All the internet savvy know that Skype is one of the fastest and quick conversion tool ever on the internet. More than ninety five percent people use Skype to communicate with the clients, friends, Relatives and also uses for business purposes. In modern era a lot of educational people take interview by using Skype chat tool, because it has the high priority and quality sound frequency, no scratching the sound data and easily to connect and access throughout globe. So most of the bloggers like you and me also using Skype for quick conversion instead of Facebook and yahoo chat tool. One of our reader have asked the question how could we display a Skype contact widget into blogger blog. So in today article we will show you, How to Add Skype contact widget in Blogger Blog.

How To Add Skype Contact Widget in Blgospot

Step1:

This is the first step you have to do the following customization, First you need to go the Skype developer area, By using this tool you can easily build up the Skype contact widget for your blogger blog. You will a created Skype contact widget once you land on the Skype developer area.

Step2:

Enter Your Skype ID: On seeing this option you will need to add your Skype contact id. Remember you must insert your correct Skype id by which you interact with the Readers. Now, whenever someone use the gadget in your blog, you will get automatically notification on your Skype account.

Add Skype Contact Widget to Blogger 2014

Step3:

Select the Proper Type: It solely depends upon you, what options you are going to provide to your visitors. In this way you can allow them to have a voice chat with you or can let them to have a direct call with you. In this section you can setup what rights you give to your readers.

Add Skype Contact Widget to Blogger 2014

Step4:

Select Size of the Buttons: In this section you will need to select the proper width for the buttons. You can change the default button width, however we would say to use the default size. Go to next step:

Add Skype Contact Widget to Blogger 2014

Step5:

Go to Blogger Dashboard:
Go to >> Layout >> Add >> Html/ Javascript:
Now Copy the Skype Code and Past into the Gadget:

Add Skype Contact Widget to Blogger 2014

You Done: After Coping the entire code and past into the gadget you will see a splendid Skype contact widget in your blogger blog.Now whenever your readers leave their calls or message you will get automatically instant notification on your Skype account.

Need Help

Guys this tutorial was all about how to add and display a Skype live chat contact widget in your blogger blog. We hope you find this tutorial very helpful. If someone facing problem during implementation then do not hesitate to post your query. You will get instant solution in comment area. thanks.

Adding Two Column Footer Widget to Blogger/BlogSpot

Are you using default blogger template or custom template, Sometime you must be worried about the blogger footer widget. As usual we see that most of bloggers show only three columns widget below footer area of the blog. Most of tech blogs showing two columns widget and other multiple. What to do if we want to show only two column widget inside blogger. Google official says that blogger is the only platform which allow users to customize every single part of its layout interface. So it concluded that we could easily customized, added and remove widget inside blogger template without any hassle. Yesterday one of our users have requested how to add two column widget in blogger blog. So in today article you will guide you, how to add two columns footer widget in blogspot template to make the footer designing stylishly.

Why To Add Two Column Widget in Blogger

Adding two column to footer in your blogger blog will bring awesomeness, It will accommodate further gadgets in the blog without creating an extra div section. Each column accommodated many gadget as you wish to add in to footer. So it is a good practice to add the widget without customizing the template, You will have just to add html/Javascript gadget and past your desire widget coding.

By default this widget will show two columns in your blog footer. So make sure your gadget will show parallel in the footer section with left and right hand style. So you can add as many widget as you want to add but all of them will be shown in two columns. If you want to show multiple columns just read the below tutorial.

How does It look Likes in Blogger

It is a good practice to take look into the gadget demo before applying to your blogger blog. You must have to look how the widget will show on the blogger layout interface and where it will be visible to show in the blog. To see the demo look into the below screenshot. Minded this is only the layout interface screenshot, the widget will look different on your blogger home page.

Adding Two Column Footer Widget to Blogger/BlogSpot

To view this widget on your blogger homepage it will display as same we have mentioned in the below screenshot. It does not mean that, you are not be able to customize this widget, If you want to customized, we can easily increase the layout or maximize the height that solely depends on your blog homepage width and main layout. So to give the illustrative view it would somewhere look like the below demo.

Adding Two Column Footer Widget to Blogger/BlogSpot

Learn How to Add Customize Two Column Footer To Blogger

Do not worry this is not so difficult process, even for beginner blogspot user to add this customize footer widget. You will have to follow some of the below given tips to add this customize footer in your blog. Follow the below step by step guide correctly and do the action.

Step:1

Go to blogger Dashboard:
Go to template >> Editor html mode:
Now Search For >> ]]></b:skin>
Now past the below given Css code above ]]></b:skin>

/* ----- PBT LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
     background:#333434; }
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;
}
#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;        float: left;
       margin: 0px 85px auto;
       padding-bottom: 20px;        width: 32%;        text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}
       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: left;
       color:#0084ce;         text-transform:uppercase;
      font: bold 14px Arial, Tahoma, Verdana;        border-bottom:3px solid #0084ce; }
.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}
.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
    border-bottom: 1px dotted #ccc;
}

Part: 2

Now find </body> it mostly appeared in the last of blogger template and past the below given cod above the </body> tag.

<div id='lower'>
    <div id='lower-wrapper'>

    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar1' preferred='yes'>
    </b:section>
    </div>

    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar2' preferred='yes'>
    </b:section>
    </div>

    <div style='clear: both;'/>
    </div> </div>

Finally Save your Template and you have done almost:

Possible Customization
By any chance if the widget does not show in the exact position, then you could easily follow the below tips to make it design perfect for your blog.

Read these instruction in our earlier post >>Make These Customization

Need Help in Customization

We hope you would this splendid tutorial to add two columns footer widget in blogger blog. We have been prepared this tutorial with great effort, hope you will get good result without any bugs or error. If anyone found problem during implementation then kindly post you query in the comment section. thanks and happy blogging.

Small SEO Tools Ultimate SEO Checker 2014

What you derived from the title of this post? Most of you will confused to see the post title into two parts. The first piece of the title show the Review of the Small SEO Tools website which is obviously all about SEO performance tools while the second part indicates that the website is fully guided with large number of all popular SEO tools almost used by every blogger and webmaster. It is indeed a very tough job a specially for bloggers when they test their blog by online SEO tools hosted on different websites. Let me clear, If someone wants to check the page rank of the blog, he/she will must find out in google the related tool. however if they want to calculate their blog links or checking blog loading time, they will not find all these activities checker tools on the same website and will have to search anywhere else on the Internet. While Repeating this process could consume your energy and all your precious time. So i was thinking why not share an excellent website provides bundles of SEO Checker tools all in one.

Yesterday one of our users have asked me, Is there a website which provide complete set of SEO checker tools for a blog or website. So in today's article we will review the Small SEO Tools website which is obviously the complete Lab for SEO Tools.

Small SEO Tools Ultimate SEO Checker 2014

Small SEO Tools is the perfect Lab for Bloggers and SEO Consultants where they can test and check their blogs for different purpose. e.g blog loading time, backlinks checking, domain authority, page rank, alexa rank, article tool and keyword positioning. It provides more than 38 Online SEO Checker Tools which will never let you search for any seo tools in google. All tools are updated frequently with latest SEO tactic to get best performance result. So here will show, how many Small SEO Tools provided by SST website.

Share Your Thoughts

We hope this tutorial helped you in finding all the SEO Checker Tools used almost by every blogger and webmaster. These are all the Premium SEO tools gifted by SST website. So this was little about the Review of Small SEO Tools and the combination of some splendid and Ultimate SEO checker tools for your blog. Test and debug your site with help of these tools. If someone know more than the above tools, then kindly do share your choice with us. We love to get something worth from you in the below comment area. peace and blessing.

How to Add Adsense Ads Inside Blogger Post Simply 2014

Sometime you must be worried about your less google adsense revenue and try to be the best to increase the revenue but all in vain and can never be successed in such situation. Although we know that google adsense highly revenue mosltly depands upon the SEO of your blog "highly seo rank of your blog better will be the google adsense income" So in today post we will give you some amazing tips through which you can easily increase your google adsense revenue.

One of the best way to increase the google adsense revenue is to change the locations for your adsense banners and insert it into proper area where visitors come a across. Now to do this we will add the adsense code in below every post, after in every post title and in sidebar. In this way you will get maximum clicks on your ads once used it in proper area.

Be careful not to use so many ads on your blog it will increase your blog loading time see here Things that Increase Your Blog Loading Time

How To Add adsense ads inside your blogger post

Now you can easily put your ads inside blogger post just follow these simple steps:

We will have to parse our AdSense code>>>(Parse It Here) Or (Parse Here)
Now you will add your parse code in the below piece of code and then use it in template

Add your Adsense inside post Left Side

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:left;">
your adsense code goes here </div>
</b:if>

Add your Adsense inside post Right Side

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:Right;">
your adsense code goes here  </div>
</b:if>

Now put your Adsense customize code in this way

Go to blogger dashboard >>edit html>>expand widgets:
Press (ctrl+F) and search this <data:post.body/> if you find it twice in your template <data:post.body/> then try for both and check the result which is one is correct.
If you want to add adsense ads at the top of post then simply past your code just above it <data:post.body/>
If you want to add adsense ads at the bottom of post then simply past your code just below it <data:post.body/>
If you have any query then feel free to ask your response will back in an hour.
Join us your choice here Facebook, Twiter, Google Plus, Blogger.

Hwo to Instal Windows 8 With Simple Steps in PC 2014

Windows 8 is Microsoft's latest operating system which is completely redesigned. It moves away from the traditional interface to a completely new interface known as Metro User Interface. The familiar start menu is now gone. Icons and windows are replaced with live tiles and magazine styled interface. Unlike any previous versions, Windows 8 and its variation RT works across multiple architectures and has been optimized for touch screen. So it will work on Intel based PCs or an ARM based tablet.

This step-by-step guide demonstrates how to install Microsoft Windows 8 Professional. You can follow this guide if you have Windows 8 basic edition or any other version as the steps are very similar.
The best way to install Windows 8 is to do a clean install. Before you start the installation process I recommend that you check Windows 8 System Requirements to ensure that your hardware is supported by Windows 8. If you don't have Windows 8 drivers for all your hardware, it is a good idea to download all the drivers from the hardware manufacturers web site and save all the necessary drivers on a CD/DVD or a USB drive before you start the installation.
Windows 8 Professional DVD is bootable. In order to boot from the DVD you need to set the boot sequence. Look for the boot sequence under your BIOS setup and make sure that the first boot device is set to CD-ROM/DVD-ROM.

Step 1 - Place Windows 8 DVD in your dvd-rom drive and start your PC. Windows 8 will start to boot up and you will get the following screen with a rotating progress bar.

Windows 8 Complete Teck92

Step 2 - The next screen allows you to setup your language, time and currency format, keyboard or input method. Choose your required settings and click next to continue.

Windows 8 Complete Teck92

Step 3 - The next screen allows you to install or repair Windows 8. Since we are doing a clean install we will click on "install now".

Windows 8 Complete Teck92

Step 4 - The setup process starts as shown.

Windows 8 Complete Teck92

Step 5 - At this stage you need to type your product key that came with your copy of Windows 8. Click next once you have entered the product key correctly.

Windows 8 Complete Teck92

Step 6 - Read the license terms and tick I accept license terms. Then click next to continue.

Windows 8 Complete Teck92

Step 7 - Choose the type of installation you want. Since you are doing a clean install you need to click on custom.

Windows 8 Complete Teck92

Step 8 - Choose where you would like to install Windows 8. If you have one hard drive you will get an option similar to the image below. You can click next to continue then go to step 12.

If you have more than one drive or partition then you need to select the appropriate drive and click next. At this stage you can go to step 12.

If you want to partition a large drive then do not click next. Go to step 9.

Windows 8 Complete Teck92

Step 9 - If you want to partition an existing drive then click new. Choose the size of the partition and click apply.

Windows 8 Complete Teck92

Step 10 - Click OK to create the partition. Windows will create additional system partition which you don't have to worry about.

Windows 8 Complete Teck92

Step 11 - You will notice that you have 3 partitions. Partition 1 is system reserved. Leave this partition alone. Partition 2 is 30GB primary partition that was created in the last step. The third partition is unallocated which means it is not being used. You can however format it and use it as a second storage drive. This can be done after windows installation is finished so I will leave it for now.
Choose partition 2 (Primary Partition). This is where I will install Windows 8. Click next to continue.

Windows 8 Complete Teck92

Step 12 - At this stage Windows starts to copy files to your hard drive and begins the installation. This process might take a few minutes depending on your computer specification. Now is a good time to grab yourself a coffee.

Windows 8 Complete Teck92

Step 13 - When all the necessary files are copied Windows 8 will automatically restart as shown.

Windows 8 Complete Teck92

Step 14 - You will go through various progress bar and information messages as shown on the following images. Windows might restart automatically second time.

Windows 8 Complete Teck92

Step 15 - You are now presented with "Let's go through a few basics" screen. It will automatically select personalize option.

Windows 8 Complete Teck92

Step 16 - Choose your PC name and personalize the color.

Windows 8 Complete Teck92

Step 17 - Here you can choose express settings or choose customize. I will choose customize to make further customization.

Windows 8 Complete Teck92

Step 18 - Choose Yes, turn on sharing and connect to devices.

Windows 8 Complete Teck92

Step 19 - Help protect and update your PC. Choose your preferred option and click next.

Windows 8 Complete Teck92

Step 20 - Send Microsoft info to help make Windows and apps better. Choose your preferred options or leave the default settings. Click next to continue.

Windows 8 Complete Teck92

Step 21 - Check online for solutions to problem. Choose your preferred options or leave the default settings. Click next to continue.

Windows 8 Complete Teck92

Step 22 - Sign in to your PC. Here you can login to your PC using a Microsoft email account such as your hotmail account.

If you do not have a Microsoft account you can create one by clicking Sign up for a new email address. Go to Step 23.

If you don't want to create an email account and prefer to create a local user name, click Sign in without a Microsoft account. Go to step 24.

Windows 8 Complete Teck92

Step 23 - Sign up for a new email address. If you want to create a new email account you need to complete the form below

Windows 8 Complete Teck92

Step 24 - Click local account

Windows 8 Complete Teck92

Step 25 - Here you can choose a local user name and password. Choose finish to continue.

Windows 8 Complete Teck92

Step 26 - At this stage Windows starts to finalize your settings. You will get the following information screen as the installation moves forward.

Windows 8 Complete Teck92

Step 27 - As Windows 8 setup progresses you are given a presentation of the new interface. Its shows you how swiping the edge of the screen brings up the Charm bar. Using the Charm bar you can do a search or change your settings. It also demonstrates how you can hover your mouse on the bottom or top left corner to access the switch list. This list shows all open applications and allows you to switch between them.

Windows 8 Complete Teck92

Step 28 - Soon as the demonstration finishes windows moves into the final stages of the setup.

Windows 8 Complete Teck92

Step 29 - Finally the setup process is finished and you are presented with a completely new and unfamiliar Metro user interface. You have your most common application right in front of you. Clicking on any tiles will launch that application. At this point you can start using your computer. However, it may not be fully configured. You need to make sure that all the hardware is detected correctly and the necessary device drivers are installed. This can be done from the device manager.

Windows 8 Complete Teck92

Step 30 - To go to device manager click search on charm bar on the right. Then type devmgmt.msc. Click on the devmgmt icon on the left.

Windows 8 Complete Teck92

Step 31 - You will see all your hardware listed as shown on the image below. You need to check if you have any yellow exclamation marks next to the name of the devices, similar to "Base System Device" on the image below. This indicates that the driver has not been installed for this device.

At this stage you can install the driver for this device. To do so, Right Mouse click on Base System Device -> Update Driver Software...

Windows 8 Complete Teck92

Step 32 - You can choose to "Search automatically for updated driver software" or "Browse my computer for driver software". If you have the driver CD or if the driver is on a USB drive then choose "browse my computer for driver software". Window 8 will search and install the driver from the CD or you can locate the driver manually.

Once you have removed all the yellow exclamation marks from the device manager your Windows 8 configuration would be fully complete.

Windows 8 Complete Teck92

This Post Written By Ali Bin Rasheed For More Tricks Connect With Us :)

Archives

Label

Add Skype Contact Widget to Blogger 2014

How To Add Skype Contact Widget in Blgospot

Need Help

Adding Two Column Footer Widget to Blogger/BlogSpot

Why To Add Two Column Widget in Blogger

How does It look Likes in Blogger

Learn How to Add Customize Two Column Footer To Blogger

Possible Customization

Need Help in Customization

Small SEO Tools Ultimate SEO Checker 2014

Share Your Thoughts

How to Add Adsense Ads Inside Blogger Post Simply 2014

How To Add adsense ads inside your blogger post

Add your Adsense inside post Left Side

Add your Adsense inside post Right Side

Now put your Adsense customize code in this way

How to Instal Windows 8 Complete With Simple Steps in PC 2014

Mengenai Saya