How To Add Social Media Icons to Blogger Header

I came up with this tutorial to help nairotech readers add various stylish social icons above their blogger headers just like ours, pictured below. This stylish widget will enable you add social media icons to your blog's header, icons like: Google+, Facebook. Twitter, Pinterest Icons to further beautiful the outlook of your blog and also help you gain more social media subscribers to your blog. Why i find this widget interesting is because it rotates immediately a mouse is been hovered on it. Guys, you need to check it out yourself enough of the long talking.



SEE THE SCREENSHOT:

Adding Social Media Icons to Blogger Header

Step One. Goto your Blogger dashboard, Select Template & just click on the Edit HTML button:

N/B: Backup Your Template

Step Two: Using CTRL + F, find  ]]></b:skin> tag  (screenshot two) & add the below code just above  ]]></b:skin> tag:

 /* Social icons for Blogger
----------------------------------------------- */

#social-icons {
margin-bottom:-30px;
height:50px;
width:100%;
display:block;
clear:both;
z-index: 2;
position: relative;
}
.social-media-icons {
display:table
}
.social-media-icons ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Screenshot Two:

Step Three: Now, search for the below line.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Step 4. And  add this code just above it:

<div class='social-media-icons' id='social-icons'>
<ul>

<li class='media_icon'><a href='http://facebook.com/username'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7N18dNvFP8bOmDKG_y5wnZgXEDi44vc9aORwC1NpreLNX9HCH0G7dUwQ9D798Km0-BtPfIFpaiBqnPQ_Xj5JhwazjQyp536IJX7lojST4yOqbP_s4Asfvkt14BTNQ4gQJGNK7fiQIlzI/s1600/Facebook.png'/></a></li>

<li class='media_icon'><a href='http://twitter.com/#!/username'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOILEzj9PLUC-YdIEPYnoTyNPN9ZmszxGPNnGHX-vSPQO5Jw9U4cYbcv0t7-Xu9jc51rGOgu8O3uHAJTbL6a31gPnw_59LWUTFDx5cXjiTyc7ZxDV3VstQRSGSlSh606AFRsG9-DzkV0/s1600/Twitter.png'/></a></li>

<li class='media_icon'><a href='https://plus.google.com/XXXXXXXXXXXXXXXXXX/about'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLyPTruERVxLN3KfPhrttvNay-A8OHBugPNXf8GxmEo78EwFZnAstyqFOiw4Ni6VvaD-T5q7iwGNXegQ3aM4uXpcLD8rp9FrXVpSJMI0w51AbfY8j946ea1uEpjBxalMHq5j3Np1MDLs/s1600/googleplus.png'/></a></li>

<li class='media_icon'><a href='http://yourblogname.com/feeds/posts/default'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZL0nTN4h5PHdiqQ14TKioJ9o8rlioPObuzWrKWAeYqUYh5dtiErF72bdQ5nI1xDQoU_0NYl3dHDzCvM635iKLxgIISgzlKV58UoDbCq1iYhEPYbJ9Vex93E66yL9OnRsw82qjBP3wO4/s1600/RSS.png'/></a></li>

</ul></div>

Customization

- Change the red color with your usernames and id: the first is your Facebook username, the 2nd your Twitter, the 3rd you should change the XXXXX by your Google+ profile ID & while the fourth is the name of your blog.

- To change the icons, just replace the urls in blue with the ones of your images.
- You can add more icons if you want, you just have to add before </ul></div> a line like this for each extra icon you want:

<li class='media_icon'><a href='Link URL'><img border='0' src='Image URL'/></a></li>

Step 5. You can now Save your Template to apply changes watch your blog shine bright.

NOTE: This stylish effect will not function on Older browsers because is done with CSS3



I have done my part by taking out time to post this lovely tutorial, so is now your turn to ask questions, make contributions and share this update to your friends using the below share icons. I'm so eager to hear from you and i promise to reply just immediately you contribute or drop your comment.

Read More

How To Remove The Powered By Blogger Attribution From Your Blog

The Footer Design series will cover all the latest and old redesigns that can be done on the blogger Footer of any blogger blog.

This post contains the first tutorials which shows you how to simply remove the Powered By Blogger attribution at the end of your blog (you'd have to scroll down to see it.)

The Attribution gadget is the gadget in the footer that contains the "Powered by Blogger" icon below every blogger blog - and of course, this tutorial will be centered on how we can remove it.

 On a normal ground, it’s impossible to remove the Attribution gadget that shows the “Powered by Blogger” because it’s locked into your blog’s template.

To remove it, you'd have to unlock it first before you may be able to remove it.

To remove it, you’d have to unlock it first before you may be able to remove it.

Follow this simple tutorial below on how to easily remove the Attribution widget/Powered by Blogger from a blogger blog.

Firstly, login to your Dashboard; click on Template, then on Edit HTML

Secondly, click on the "Format Template" button (it’s has the same function just like the former “Expand widget box”)

Thirdly, click on the text area (shown above as the 1st stepto take above) and search for this code snippet below using CTRL F: 

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

 (Tip: press down CTRL and F at once on your keyboard to make the search box appear. Do this after clicking on the text area)

If you didn't see the code above in your blogger template, then search for Attribution1

I found my own code when I searched for Attribution1 only. The image below is showing me exactly where my own Attribution1is located. I marked it with an “X” as you can clearly see below (that’s exactly how your own would look like). 

Fourthly- Once you have found the code, proceed to replace or change the 'true' in  locked:‘true’ with false. This will be the new code after replacing the ‘true’ with ‘false’ -

From . . . 

  

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

To. . .

  

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

After doing that, you may now click on Save.

Basically, what we have just done is to free the widget from being locked; having done that, we can easily remove it from our blogger template widget.

Note: If the locked function in your attribution is like this as default -  

  

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

Just replace the red ‘false’ with ‘true’ and click on Save. After saving, search for the Attribution1again and change the ‘true’ back to ‘false’, then click onSave, it will surely work.

The Attribution gadget is now unlocked and can be easily removed at once.

To do that, head straight to Layout, scroll down, locate and Edit the Attribution Gadget.

Now, as you can see, there is a new button titled “Remove” (see picture below). Click on it to remove the Powered by Blogger attribution gadget. 

And that it!

Don't forget to subscribe t my tutorial and seo tips using the red gadget subscribe at the beginning of this blog.

In case you have any problem removing the attribution gadget carrying Powered by Blogger, please don't hesitate to tell me in the comment section below.

Thanks for reading, don't forget to share!

Read More

How to easily and automatically convert your Facebook friends from a Personal Profile to a Business Page

I read in a forum some weeks back on how to transfer or move a personal facebook page to a business page, since i had three various facebook accounts i then decided to give one of my account a try. Immediately i changed my other account containing 631 friends to a fanpage. You can also decide to convert yours to a business page or a music band page, the choice all yours.

***

UPDATE: Please, be aware of the risks of consequentially moving your contacts from Profile to Page!

***

Checkout the procedures:

1. You log into your Profile

2. Open a another tab and go to this page:     http://www.facebook.com/pages/create.php?migrate

3. You then find the ‘Migrate a Page’ Facebook page which like the normal ‘Create a Page’ Facebook page.

Facebook Profile to Business Page Migration

You will need to choose the kind of Page you wish to set up. Select Local, Brand,Business or Institution, etc.

After you've made your selection, only your (confirmed) contacts will be converted to people who ‘Like’ your new Page. Also your profile photo will be converted to your new Page.

The other content such as your uploaded photos, your wall content, etc will not be converted to your recent Business Page. So, before you make your choice, make sure you dowload your profile information! Click here to find out how.

Just after you have made your choice and have created your Page, you will still be able to log-in with your original email address and password.

So, you can now select a type of Page and create it!

4. You now see your new Page and the ‘Get started’ screen

Facebook Business Page Get Started Screen

As you can see, your profile picture is converted and your contacts are now converted to ‘Likes’ on your new Business Page.

***

Anything else you need to know?

Well, yes. It’s good to know that your old Personal Profile now does not exist anymore.

It became a Business Account.

The Business Account is still under your old email address and password. So you can log in to your new Business Page.

The Business Account allows you to adminiter your Pages and run ad campaigns.

Of course you can assign new admins to your Page, as well as operate your new Page ‘as a Page’. Which is one of the changes Facebook made when they launched the redesign of Facebook Pages.

For more information, go to the Facebook Help Center section about ‘Converting your Profile into a Page’.

Alrighty. Hope you all like this tutorial? And for all of you having to convert your Personal Facebook Profile to a Business Page: good luck! Make sure to get come great content flowing!


Now, let me know if you have any challenge moving your contacts to a different page, i'm here to answer your questions and welcome your contributions.. One love!

Read More

How to Create Animated Images with PaintCAD

Just as Idesigner is one of the best graphics tool for Symbian/S60, so also paintCAD still remains the best image editor for Java/S40 devices.
Among the long list of the functionality of paintCAD, we're gonna discuss how to create animated gif images.
This animated gif image below was actually created with paintCAD.

Since some mobile browsers are static, you might not see the animated effect (if you are on mobile) except you download the image and view it on your phone.

How to Pack Animated Gif Images with PaintCAD

Before I we continue, let me throw a speck of light on animated gif images. An animated gif image is primarily composed of a set of images (called frames) that is packed to a single gif image. For the animation to take effect, it displays the first frame, the second, the third, and continues to the last frame, them it starts afresh.
So what paintCAD actually does is to pack the frames (in gif format) to a single gif and thus it's animated.
Also note that paintCAD cannot pack gif images it didn't create or save.

Fire up paintCAD, and select 8bpp mode. Create a new image or open an existing one — the first frame. Mine is just a text as you can see below:



Press "0" (zero) > Save > GIF, and save it as 1.gif.
Next, create/open the second image — the second frame.


This time, save it to 2.gif

Create the subsequent frames and save it to gif format as 3.gif, 4.gif, 5.gif ... 10.gif, etc — it doesn't have limit to the number of images allowed. For example mine is 12.
When you're done with creating the images, press "0" (zero), press the right navigation key twice and select "Pack aniGIF". 



Navigate to the folder where you saved the images previously and select it.



Press Options and select "In this folder".
Now, write the name you want the animated image to be saved to and ok it.
Now, paintCAD will display the number of frames, press Ok to trigger the packing process.
The packed gif file is usually saved in the folder containing the just packed images.

How to Unpack Animated Gif Images with PaintCAD

Apart from packing animated gif images as we did above, paintCAD can also be used to unpack gif images.

To do this, press "0" (in the painting window), the right navigation key twice and select "Unpack aniGIF".
Select the gif file to be unpacked. The unpacked images is usually saved in the last opened folder or E root.
Any question or suggestion?

Read More

How to run andriod apps + games on pc - chat with whatsapp on pc easily

If you have been limited to use some mobile phone app simply because you don't have a smart phone or because you don't want to spend too much on phone bills, this short tutorial will show you how you can easily install and use any mobile phone application on your PC/Mac so you can access it anytime you are on your internet connected PC/Mac.

Now you can Run any Adriod Apps on your PC without any Issues using Bluestacks , To Run any Andriod Apps or WhatsApp on your Steps, Then Follow this Short Steps:-1. Download and install Bluestacks App player. Get the latest bluestacks App Player from www.bluestacks.com. Make sure you install after downloading it.

2. Run the bluestacks App player and install Whatsapp (or any other App you want)
After the bluestacks app player completely load on your PC/Mac, you will need to search for Whatsapp or any other app you want. Click the search button (on top right hand corner) and search for Whatsapp.
You will see Whatsapp on the list. Click on "Install".

3. After that the bluestacks app player will search for Amazon app store, Google Play and some other markets for Whatsapp availability and it will let you choose which market that you want to complete the download.

I'll advise you to download from Google Play. Click on "Whatsapp" on the list under Google Play. You will need to sign in with your Google account to finally install Whatsapp. If you don't have a Google account, you will need to create one.

The installation will be completed after you log in with your Google account. After which you can then run the Whatsapp by following the normal procedure on creating a account on Whatsapp. Enter your phone number, get a code sent to your mobile phone, wait for the 5 minutes countdown to enter the code and you are good to go.

That’s it.
If you need any help with this installation, please fill free to ask using the comment box further below.
If you find this useful, Please hit the Like/Share Button.

Source:- Ogbongeblog

Read More

How to root an andriod device and why you need to

Here is an Exclusive Tutorial on How to Root and Andriod Phone easily following Some Simple Steps, This is the easiest Tutorial on the Internet on How to Root Andriod Devices.

Just as the Symbian User think of How to Hack their Symbian Phone & Sign their Apps, How iPhone/iPad Users think of How to Jailbreak their Devices to Make Use of Some Apps and Beats Off their Limitation, This is a Major Reason why Andriod Users need to Root their Andriod Phones to enjoy their Device to the Fullest.

WHY ROOT MY ANDRIOD DEVICE?

Let’s start with why you would want to root your Android smartphone. Sometimes apps require special permission that the Android OS, which is based on Linux doesn’t allow. These could be simple as taking a screenshot to higher level permissions to the core Android files. Rooting makes your phone faster, increases battery life, allows it to run more apps, custom software and ROMs which allow complete control over every aspect of your device by allowing superuser and admin level permission. Removing carrier bloatware is a particularly enticing application.

Hence, here’s a list of my top 10 reasons (in no particular order) that I consider worthy of rooting your device for, Check Here for Reason why you Should or Need to Root your Andriod Device Here, Let's proceed with the Tutorial for today.

HOW TO ROOT YOUR ANDRIOD DEVICE EASILY

Below is a Simple Procedure on How to Root your Adriod Device Perfectly... Check it Out.

Warning:- You must Back-up your Device before you Start the Rooting Steps.

1. Download SRSRoot to your PC Here [One of the World Best Rooting App].

2. Connect your Android phone or tablet you wish to Root to your computer using your Micro USB/USB cable.

3. Run the SRSRoot software on your computer.

4. Click on the ‘Root Device [All Methods]’ and wait for the Rooting process to complete.

Enjoy!!!! 


Remember: SRSRoot is 100% guaranteed to successfully root Android phones and tablets and the process is completely risk-free.

Note:- SRSRoot is completely reversible by Click on the UnRoot Device Button on the SRSRoot Software Interface and is far safer than other treacherous methods of rooting and unrooting.

Read More

How to Get Your Own Visa Card Here in Nigeria within 24 hours

Are you aware that you can get your own Visa card here in Nigeria within 24 hours without really going through all the account opening and looking for someone to reference you(as your arbitrator) .
If you are looking for a Visa card to use online for your transaction, I will prefer you should use Zenith Bank Buxz Card.
Zenith bank Buxz Card is a visa card offered by Interswitch through Zenith Bank. Just move into any of the Zenith Bank Branch and inform them that you want to buy their Buxz Credit card.

Zenith Bank VisaCard

REQUIREMENTS FOR ZENITH BANK VISA PREPAID BUXZ DEBIT CARD

Utility Bill: PHCN/NEPA, Water bill etc.
Minimum of $120 USD
3 Passport photo.
A Driver’s licence, National ID Card or International Passport.

Zenith Bank Buxz card frequently comes with $100 Pre loaded inside. You can order for Zenith Buxz card by paying $120 dollars Zenith bank and they will issue you the card at once with an account number you will be using in Funding the card.. The credit card can only be funded through any of the Zenith Bank across the country.

So if you are still looking for a proficient and well trusted Visa Credit card inside 9ja, try Zenith Bank Buxz card.
  　

Read More