How To Add Recent Posts Widget With Thumbnails On Blogger

Recent posts widget is quite a lovely widget that can be used to beautify & add spice to your Blogger & Wordpress Site, these widget stands out from other Recent post widget because  it shows the date in which the post was published, no. of comments and read more link.
Let get to the real deal for Today......

Steps To Install Recent Post Widget On Your Blog

• Navigate your blogger dashboard
• Click on Layout > Add a Gadget > HTML/JavaScript
• Copy and paste the following code in the content box.

< style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 98;</script>
<scriptsrc='http://www.YOUR-BLOGGER-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

You can alter the number of post to be displayed, by simply find var numposts = 6 and replace 6 with your desired number.

Change YOUR-BLOGGER-URL to your blog url

Now, Click on the Save button.

You Are Done!
Please, Share this with  friends and use our subscription links below.
Hope This Helps, Pals?

Read More

How To Merge Facebook Like Box And Subscription Box Below Blog Post

Having applied Facebook comment box and subscription box on Nairotech, but Facebook like box and subscription widget seems to be quite unique & stands out due to the combination of both Facebook Like Box & Rss Subscription Box which appears at the end of every post. Helps increase the number of Facebook likes and subscribers due to the special layout.

Add Facebook Like Box & Subscription Box

Go to your blogger dashboard
Click on Template > Edit HTML > Proceed (Mark Expand Widget Template)
Use ctrl F to find ]]></b:skin>  & paste the following code above ]]></b:skin>

#nt-likebox{
margin:10px 10px 0 0;
overflow:hidden;
text-align:center;
float:right;
max-width:250px;
min-width:250px;
min-height:250px
}
#nt-likebox h2{
font-size:25px;
font-style:italic;font-variant:small-caps
}
#nt-likebox h6{
font-size:1.1em;
font-family:"Myriad Pro",Helvetica Neue,Helvetica,Arial,sans-serif
}
#nt-likebox div.row{
text-align:center;
margin-bottom:10px
}
#nt-likebox img{
display:inline-block;
border:none !important;
}
#nt-likebox .email{
clear:none
}
#ntfblikebox{
margin:10px 10px 0 0;
text-align:left;
float:left;
overflow:hidden
}
.emailbutton{
background:#f7f8f9;
background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:6px 12px;
margin:0;
-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
color:#888 !important;
text-shadow:0 1px 0 #fff;
line-height:1.2;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-decoration:none !important
}
.emailbutton:hover{
background:#f1f1f1;
background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:-ms-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important
}
.email{
clear:none
}
.email{
clear:both;
width:100%;
margin:10px 0
}
.emailform{
position:relative;
width:250px;
background:#fff;
margin:0 auto;
-webkit-box-shadow:1px 1px 2px #dfdfdf;
-moz-box-shadow:1px 1px 2px #dfdfdf;
box-shadow:1px 1px 2px #dfdfdf;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;border:1px solid #ddd
}
.emailinput{
width:200px;
height:18px;
margin:0 auto;
padding:8px 40px 8px 10px;
border:none;
background:none;
font-family:georgia;
font-style:italic;
font-size:14px;
color:#666
}
.emailbutton{
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding:9px;
position:absolute;
right:-2px;
top:-1px;
bottom:-1px;
display:block;
line-height:16px
}
.emailbutton{
padding:8px !important
}
.emailinput{
padding-right:70px !important;
width:170px !important
}
.emailform, .emailinput {
width: 245px !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
height:auto;
}

Now, search for <div class='post-footer-line post-footer-line-1'> and paste the following code
above/before it.

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='rbfblikebox'> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnairotech&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23e1e1e1&amp;stream=false&amp;header=false&amp;' style='border:none; overflow:hidden; width:250; height:250px;'/> </div> <div id='rb-likebox'> <h2>Do you Like this Article?</h2> <div class='row'> <div class='fb-like' data-href='https://www.facebook.com/nairotech' data-send='true' data-show-faces='false' data-width='450'/> </div> <div class='row'> <a href='http://feeds.feedburner.com/nairaharotech target='_blank' title='Suscribe to RSS feed'> <img alt='rss' class='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiusCRBYsVgNt4JQK0EWfzefOb2g8_ZX-MTzgM716_M5PmdNKOfZL758GvQ8yzJqh6JcmIf-MlCJhbdmBPQ9rOfmF7trhhoDI0bqVxZCuOTZ_s731PdWdsv8qur6FSuy0G7jCJBEJcTSU-J/s1600/rbrss.png'/></a> <a href='http://twitter.com/nairotechblog' target='_blank' title='Follow us on Twitter'> <img alt='twitter' class='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwVBiwvwzkpSkUZdCZcogc0zNjfOLVyUuI5Z-YOT6EsE3dOkzaXnbvXzFfPEXbVYW3agayd9qe9YGVBhMUEGmSYA3sBDAb3WdU6gMaDnqQ86zj_Opbwjg9D__ZnoKpzczEoSF0t3WKmJg/s1600/rbtwitter.png'/></a> <a href='http://www.facebook.com/nairotech' target='_blank' title='Become  A Fan on Facebook'> <img alt='facebook' class='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbt2YI-x8jGjsx4posyQMBd19tuyZlSrgp-WmNcde_kXXVeDCti3TGKJIflAB1_4RveWSA9MMNw38ZFgFBpQtodAhHB7I7lyN3leOIGjuKEM5Al_zdNvH2E4Vdxp0U71UvJqKfpodDeGdk/s1600/rbfacebook.png'/></a> </div> <div class='row'> <h6>Get Subscribed To Free Email Updates!!</h6> </div> <div class='row'> <div class='email'> <form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Nairaharotech&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='Nairaharotech'/> <input name='loc' type='hidden' value='en_US'/> <input class='emailinput' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/> <input class='emailbutton' title='' type='submit' value='SignUp'/> </form> </div> </div> <div class='row'> <small>*Your email is safe with us!</small> </div> </div> </b:if>
 Change Nairotech with your facebook name

Change  Nairaharotech with your with your feedburner Id .

Change  Nairotechblog with your twitter username.

Now, Save your template and you are done.

Any contribution is welcome, and feel free to share this useful post using the share buttons.

Read More

How To Divide Blogger Header Into Two Sections

Many bloggers utilize the top position of their blogs mostly for the header element. That's because header is the first part that search engine will reach to your blog at the first time. But, in some cases, i always see blogs that split headers in two columns and deploy some advertisement banners in that area. Well, it's fine if you want to split header and inundate that area with anything, but you must be very careful in adding lots of elements or widgets on the header position, because it might burden Googlebot when crawling your blog.

Okay then, in this post, i would like to discuss about how to split header in 2 parts or 2 columns.

In order to begin this article, i want to tell you first that i'm currently using Minima as a testing template in this split header tutorial. So i strongly suggest you to pick Minima or Rounders as a basic template for testing if this split header tutorial might work for you or not. Okay, without further long introduction, here you go, Enjoy!

1. Login to your blogger account.
Now go to Blogger.com and start typing your username along with the password to log in to your Blogger account.

2. Go to Layout/Design.
In the Dashboard page, Go to Design/Layout on your blog. After pressing the Design/Layout button, you will be brought to the new page where in the top navigation, there are 3 main sub-tabs below the Design/Layout tab. Now click at the sub-tab called Page Element (which is already in the default position of Design/Layout tab, so actually, you don't need to do anything).


3. Check the header element of your current blog.
Now in the Page Element, you are given a full authority on customizing your blog layout. As you can see in the picture below, the header element is indicated on the top position of blog layout. Below the navigation bar (Page element, Edit HTML, Template Designer) and over the post element/article element (See the picture below).

4. Go to Edit HTML
Still in the Layout/Design tab, Now start editing your current blog template by pressing the sub-tab "Edit HTML" to go to the Edit HTML page

5. Find the CSS styling to split header in 2 parts
After landing to the Edit HTML page, by pressing Ctrl + F on your keyboard, you can now start finding the code that defines the header element of your blog. Now press Ctrl + F to enter the find mode (As you can see in the bottom position of your browser, when clicking Ctrl +F, you will be given a Search navigation bar):

/* Header
---------------------------------------------- */
#header-wrapper {
  width:760px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

6. Replace that code
Anyway, before doing any kind of customization, i strongly suggest you to save your current template just in case if later, you did something wrong with the template. Now click at the link Download Full Template.

Now block the whole CSS styling above (on number 5) with the mouse cursor and then replace those header CSS using the code below in order to split header in 2 parts:

/* Two Column Header Layout
=================================== */
#header-wrapper {
width:800px;
margin:0 auto 0px;
background:white;
height:190px;
}

#head-inner {
width:500px;
margin-left: auto;
margin-right: auto;
float:left;
background-position: left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#second_header{
width:300px;
float:left;
padding-top:10px;
}

7. Find the code that defines the HTML code for header
Ok, now proceed to the next step. Scroll down to the bottom of the HTML code and by pressing Ctrl+F, find the code below:

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title (Header)' type='Header'/>
</b:section>
    </div>

8. Replace the whole HTML code that defines the header element
Now by using your mouse cursor, block the whole code above and replace it with the code below:

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='second_header'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

9. Save the change
OK, Now you are done. Save the change by pressing the Save Template button. To see the result, go to Page Element again and now you can see that your blog header has been split in two header parts. 

Okay then, that's it for now about how to split header in two parts. If you have something to ask to me, just type your question on the comment section below and i'll try my best to give you the answer sooner.

Read More

HOW TO SOLVE SLOW BLACKBERRY ISSUE

Sometimes you wonder why your Blackberry phone is slow and sometimes freeze?  The Simple truth is "Every Action, Process on your Phone is Logged". You Use Facebook, Chat on Facebook, Use BBM, Yahoo! Messenger, Twitter, All this Processess are logged in the Blackberry Event Logs.

Once the Saved Logged hit some certain levels, It tells on the Phone and then it begins to Slow down the RAM of the Phone, The Simple Solution is to clear the Event Log Register and Free your Phone from any unneccessary behaviour.

JUST FOLLOW THIS STEPS TO CLEAR YOUR PHONE EVENT LOG

1. Hold down the ALT key and press LGLG (the letters) while on your Home screen.

2. You will have to wait a bit while your Phone loads, You will see your event logs.

3. Now, Click the Blackberry menu button and select "clear log" this will clear your Phone Log and keeps your phone working 100% faster!

Hope This Helps?


Thanks for visiting.

Before you leave!

I've tried my best to share my knowledge with you, if this article has really helped you then you can comment or tell other people about it via our Facebook | Twitter | Google+ Pages. Any question, comment or suggestion will be greatly appreciated, thanks.

Read More

MAKE CASH UPLOADING FILES ON THE INTERNET | NairotechBlog

Since, the evolution of internet there have been several streams and means of racking lots of money from the internet which probably is still not known by few. Today, i'll show you a significant way to make good cash from the web with Hotfile

Do you know its very possibe to get paid for Uploading Files to a Website? Well, I never really believed, not until i tried and Followed the Steps as Instructed, I Made $950 within a Month and it was Payed into my Account, So i eventually decided to share this  Info for Free on Nairotechblog .

I know associates around who generate cool amount of Money doing this Easy Exercise and are not keen to stop since its very easy and legitimate. Solely Uploading Files to a Site and You are Paid.

HOW PROMISING IS  IT ?

I Understand this In turn might look very bizaire to believe, but do you know that File Hosting Site make Income from Advertisment on their Site? And they certainly can't have all the Files a Visitors might need but with the help of you & me, They can have as Many file as Possible and generate cool cash from the Files you Uploaded, So why won’t you be Paid too?
Hotfile.com is all am preaching about, You get paid for every download you get for the File you Uploaded to Hotfile.com, This is just too Easy, Just Upload as many as Possible Files to Hotfile and Share your Files Link on Facebook, Twitter or other site where your Link can be clicked and then Watch your Account Grow.

SIMPLE PROCEDURES:

• Visit Hotfile.com  and then Sign Up with them, After Sign-up you'll Automatically become an Affilate with them.
There are several means of  Generating CashOnline

You can Start Uploading Files to Hotfile.com , You can Upload Files on your System also, Less i forget, Hotfile also allow this Terrific Features called Remote Upload, Have you come across any Lovely Software on the Internet, copy the Final download Link and Use the Remote Upload Attribute, Paste the Link and it will be Upload ed to Hotfile , So you see to it that you can also enjoy using your Phone to accomplish this.
You can confirm your Earning and File Download Status when Logged in to your Account.
The Least Payout is $15, Only when your Account reached this Amount, It can now be Sent into your Account for Withdrawer.

HOW TO RECEIVE MY EARNING FROM HOTFILE:

After Attaining the Payment Thresold $15, You are now Eligible to Receive your Payment from Hotfile into any of this Bank Account.
This are the 3 Standard Means of Payment:
Paypal | Webmoney | Payza |
In subsiquent time, i'll expose to you how to create paypal and other forms of E-payment systems in Nigeria. So, stay glued to Nairotech .

Read More

How To Disable Hightlight Function: Protect Your Blog Content From Copy and Paste

Constructing a good blog post takes time, takes dedication and reasoning. Imagine, after
composing a good post & a total stranger comes to hijack (copy & paste your work) into his site without acknowledging your efforts. Sometimes, i can help but feel bad...
Ok, friends.. you can use this tip i am about to show you to guide your post.

The major trick you can use to protect your content from copy and paste bloggers is to disable highlight function.


               How To Disable Highlight Function:

Go to your dashboard
Click Template > Edit HTML > Proceed
Use ctrl F to find </head>  and paste the following code above  </head>

<script type='text/javascript'>
 if (typeof document.onselectstart!=&quot;undefined&quot;) {
 document.onselectstart=new Function (&quot;return false&quot;);
}
 else{
 document.onmousedown=new Function (&quot;return false&quot;);
 document.onmouseup=new Function (&quot;return true&quot;);
}
</script>

Now save your template.

                                Alternative:

You can also add it, using this second option.
Go to Layout > Add a Gadget > HTML/JavaScript
Paste the following code in the content box leaving the title box empty.

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Click on the Save button and you are done.
Now your blog content is now safe from copy and paste bloggers.
.

Read More

How To Convert (jad/jar) App To (Apk) Andriod

How To Convert Java (Jad/Jar) Applicatication To Android (Apk) Application Online Without Using Java Emulator On Your Devices.

 I'm posting these Tutorial due to a call i received from a pal. He said he found a Java App he saw online  but can't have due to the fact that Andriod Devices does not support Java.

It's now an Old Story because everyone can have his (jar/jad) file converted online without much hassle and stress of using Java Emulator Devices.



1- Visit http://www.netmite.com/android/srv/2.0/getapk.php On Your Computer Or With Your Phones

2- After The Pages is done loading then enter  will enter the ''java app url'' or browse for it on the phone and upload it.
3- Then select the screen size of the phone you wanted to use.
4- Then Get (Apk) And Download it on your phone.

That's All

Read More