How to Recover Files From Your Infected Flash/USB Drive

Recovering files from your infected flash drive is a big a problem especially if you had stored on  it some of your data about your blogging activities. This is what happened to one of  my friends and   me as well. Here, I  am going to show you what I have done in order to recover those hidden files caused by viruses through command prompt in windows operating system.

How to Delete Autorun Virus From Your Infected USB/Flash Drive?

Recover Files/Data From Your Infected Flash Drive

Step 1. Insert your Flash/USB drive which is infected and open it.
Step 2. Click Start Button (this is the windows icon) . Then type CMD in the blank provided and hit or click the cmd button. See the screenshot below.

Step 3.Find the drive letter for your connected USB (infected) drive. For Example, E:
Step 4. In command prompt, type

E:

Step 5. Then click enter. Command Prompt will show E:\>

Step 6. Then type the set of letters next to it.

attrib -s -h /s /d *.*

Note: Make sure that you put space between each elements in the code.

Step 7.  Hit enter and wait for few seconds.
Let me know if you have some questions regarding this post.That's all budies! * :-)

How To Create Professional Image Slideshows with Jquery In Blogger

Having a stunning image  slideshow is not only for  the one who runs an image blog.  It can be also used to improve your user's experience and in return will increase blog traffic. Furthermore, it will boast your readers to discuss or comment since people will be more interactive if they will not only read texts but also see  images. Search engine robot will appreciate more to your post which lead to a better  position in search engine results page. I've learned this trick from MBT and do some changes on the script,css and the HTML to have a difference. Before we will go the tutorial, please see first the live demo.

Make Stunning Image Slideshow With Jquery For Your Blogger Blog

Step 1. Go to your Blogger Dashboard >>  Post  or any post you want
Step 2. Copy the  the code below and paste it in your Blogger Post editor page  ( be sureto  switch it to HTML mode).

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
   $('#BTT-slider').s3Slider({
      timeOut: 3000
   });
});
</script>
<style>
#BTT-slider {
   width: 590px; /* Keep it 20px-40 px greater than ACTUAL Image size */
   height: 335px;
   position: relative;
   overflow: hidden;
   margin-left: 0;
}
#BTT-sliderContent {
   width: 590px;
   position: absolute;
   top: 0;
   margin-left: 0;
}
.BTT-sliderImage {
   float: left;
   position: relative;
   display: none;  top: 0;
   border:1px solid #ddd;
}
.BTT-sliderImage span {
position: absolute;
    font: 10px/15px sans-serif,Arial, Helvetica;
    padding: 10px 10px;
    background-color: #000;
    color: #fff;
    filter:'alpha(opacity=70)';
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    text-align:justify;
}
.BTT-sliderImage span a {
text-decoration:underline;
color:#FE6602;
}
.clear {
   clear: both;
}
.top {
    top: 0;
    left: 0;
    width: 570px !important;
    height: 70px;
}
.bottom {
    bottom: 100px;
    left: 0;
    width: 570px !important;
    height:70px;
}
.left {
    left: 0;
    top: 0;
    width: 100px !important;
    height: 335px;
}
.right {
    right: 30px;
    bottom: 90px;
    width: 100px !important;
    height: 335px;
}
</style>

<br />
<div id="BTT-slider">
<ul id="BTT-sliderContent">
<li class="BTT-sliderImage"> 
<a href="http://www.bloggingtipsandtrix.blogspot.com/"><img src="IMAGE URL HERE" /></a>
<span class="top"><h3>
FIRST HEADING HERE</h3>
DESCRIPTIONS HERE</span>
</li>
<li class="BTT-sliderImage">
<a href="http://www.bloggingtipsandtrix.blogspot.com/"><img src="IMAGE URL HERE" /> </a>
<span class="right"><h3>
SECOND HEADING HERE</h3>
DESCRIPTIONS HERE</span>
</li>
<li class="BTT-sliderImage">
<a href="http://www.bloggingtipsandtrix.blogspot.com/"><img src="IMAGE URL HERE" /></a>
<span class="bottom"><h3>
THIRD HEADING HERE</h3>
DESCRIPTIONS HERE</span>
</li>
<li class="BTT-sliderImage">
<a href="http://www.bloggingtipsandtrix.blogspot.com/"><img src="IMAGE URL HERE" /> </a>
<span class="left"><h3>
FOURTH HEADING HERE</h3>
DESCRIPTIONS HERE</span>
</li>
<div class="clear BTT-sliderImage">
</div>
</ul>
</div>
<br />

Note: Remove the (code in red bolded texts ) jQuery library in the first line of this set of code if you had already added a jQuery library in your template.

Customization

Replace the link "http://www.bloggingtipsandtrix.blogspot.com/"with your own URL.
Change "IMAGE URL HERE"with the URL of your image. See here how to get the image url of the image.
Replace the Italic bold texts "FOURTH HEADING HERE and DESCRIPTIONS HERE" with your heading and descriptions respectively.
If you want to see the appearance of the slider from left and so on , write it at the first span class and the next position as well.
Change the   timeOut: 3000 to your prefered lapse time of the slider to appear. The higher the number the slower it to appear and the lesser the time is the more fast the next image slide  to appear.

How to Add Another Image Slide to the Slider

Simply add the code below above the line <div class="clear BTT-sliderImage">

<li class="BTT-sliderImage">
<a href="http://www.bloggingtipsandtrix.blogspot.com/"><img src="IMAGE URL HERE" /> </a>
<span class="left"><h3>
FOURTH HEADING HERE</h3>
DESCRIPTIONS HERE</span>
</li>

Step 3. Save your work and cheers ;-)

How to Disable Copying Content In Your Blogger Blog

It takes a lot of time to make post and publish it the same. But it is depressing when some people try to copy it very easy and worst if they don't give any credits to you as the maker of it. In this post, I will share to you how to  make your blog content not be copied from  others. Please follow the steps below:

Prevent Copying Content From Your Blog

Step 1. Go to your Blogger Dashboard >> Template
Step 2. Click Edit HTML (always back -up your template)
Step 3. Find the code below in your Blogger template editor's page

]]></b:skin>

Step 4.  Just above the code in step 3, paste the code below

.post {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}

Note: The code (step 4) above is responsible for enabling all the texts of your post not to be copied by your readers.


Step 5. Save your template and relax ;-)

Now, if you're sharing a set of codes to your readers like what I am doing in this blog and want  only to enable my readers to copy the set of codes inside the blockquote. Then use the code below.

-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}

Note: Paste the above code inside your blockquote code, see example below

.post blockquote {
background: #f2f1f1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXe_Xq6WfuP0pNM1Y9zdOTKe7KD0VeL1xXaodBIHlnK1tj13ZL0BhUw1xUMvSzmc2lw_vihS8LqVZcN2RKBT5En24L6H1jPoNqELH_rtfLMNygqE9m_crB9b2j7ZviQnBDQqeEUq0z5vY/s620/blockquote+2.png)no-repeat bottom center;
background-position: ;
margin: 0 5px;
padding: 10px 14px 51px 45px;
font-size: 0.5em;
font: normal 0.8em "Verdana",Arial, Georgia,Times, serif;
border-top: 1px solid #158aee;
border-right: 1px solid #158aee;
border-left: 1px solid #158aee;
border-bottom: 1px solid #158aee;
-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}

Note: Still you need to paste the code in step 4 in order to disable copying the texts in your post but with the exception of  the code/texts inside your blockquote.

If you have questions or suggestions in this article, please leave it at ou comment box below
Peace Buddies! :-}

How To Add Texts Below Post Comment Updated!

In my prevoius tutorial about "How to Add Texts Below Post a Comment section Version 1", it was stated there that you can add texts or direction for your your readers to have direction  in writing  there comments in order to avoid spam or chessy comments from them. But the problem is, if there's someone who already added a comments at the comment box, those lines of texts or direction will automatically disappear. Here in this tweak, I will show the steps on how to add texts in your template in order to display it even if someone has already added a comments on your post. Please follow the very easy steps below.

Also Read: Changing "Post a Comment" With Image and Text

Add Texts Below "Post A Comment" Updated!

Step 1. Go to your Blogger Dashboard >> Edit HTML (then click Back-up/Restore for your reference).
Step 2. Find the code below by clicking first anywhere  inside your template editor's page then  use the  Control F (in your mouse).

<h4><data:post.commentLabelFull/>:</h4>

Note: Choose the second occurrence of the code.
 Step 3. Just after or below that code in step 2. is the place where you will add the your texts or direction
Here is the sample of texts:

<br/><br/>
    <b><span style="color: red;"><u>Read Comment Policy</u></span></b><br/><br/>
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
<br/>
<br/>
    <b><span style="color: red;">Note:</span></b>
    <br/><br/>
    <b>No Cheesy or spam comments.</b>
<br/>
<br/>
 Best Regards,
<br/>
<br/>
  Your Name Here

Step 4. Now, if you want to add texts just beside the number of comments for example (1 comment)
Simply look the symbol ":" with no (quotation). You can found this symbol just above the code in Step 2. Please your texts just after it. Please see the sreenshot below.

Step 4. Save your Template and you're done!
If you have some questions or suggestions regarding this article, please drop it at our comment box below.
Happy Blogging pal ; )

How To Customize Blogger Blog Using Template Designer

Adding css to our template makes our blog more pretty to look but sometimes we face encounter especially if we are new in using the new Blogger template design. We find difficulty in searching this
code ]]></b:skin>.  But don't worry because there is still another and more easy way of putting the css code in your template and that this through Template Designer.

Also Read: How to Use the New Blogger Template

(Supposing that you are going to add borders to your sidebar and below is the set of code).

.sidebar h2 {

border-top:1px solid #000000;
border-right :1px solid #000000;
border-bottom :1px solid #000000;
border-left :5px solid #000000;

margin- top;0
margin- right;0
margin- bottom;0
margin- left;0
padding:0 0.2em;
line-height:1.5em;
}

Simply follow the steps below.
Step 1. Go to your Blogger Dashboard >> Customize

Step 2. Click Advanced then scroll down and select  Add CSS

Step 3. At the right side is a blank field, this is intended for the css area. Paste the css code above in this place.

Step 4. And finally click the Apply to Blog button

Note:

• You can only access or edit those CSS using this technique whom you added manually in your Blogger Template,meaning not the default one.
• There's  no need to put the tag <style> you css here</style>.
• If you replace or change a new template on your blog, all the css that you  have added will be automatically be deleted.

Hope  this tutorial is helpful to you in some other ways. God Bless Pal!

How To Add Advertise Here In Blogger Blog

The most interisting part of our blogging career is we know how to monetize our blog contents. In this tutorial, I will show you how to put "Advertise Here" widget anywhere in your blog like above or below  your post, sidebar, above post title,or in your footer section. Have a look first at the demo below.

Adding Advertise Here (125 x 125) In Your Blog

Also read:

How To Add Table In Your Blogger Blog 
Customize Tables in Blogspot

To put Ad slots  like above sample, just copy the below code  and paste it where ever you want to display Ad Slots on your blog as long as it is in good looking area.

<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="6" style="width: 250px;">
<tbody>
<tr>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt="AD DESCRIPTION" border="0" height="125" src="IMAGE-BANNER-URL" width="125" /></a></center>
</td>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt="AD DESCRIPTION" border="0" height="125" src="IMAGE-BANNER-URL " width="125" /></a></center>
</td>
</tr>
<tr>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt="AD DESCRIPTION " border="0" height="125" src="IMAGE-BANNER-URL " width="125" /></a></center>
</td>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt="AD DESCRIPTION" border="0" height="125" src=" IMAGE-BANNER-URL " width="125" /></a></center>
</td>
</tr>
</tbody></table>
</div>

Customization:

• Replace ADVERTISER'S LINK HERE with the website link of your advertiser.
• Replace AD DESCRIPTION with the corresponding short snippet/description of the advertiser's ad.
• Replace IMAGE-BANNER-URL with the image link of your advertiser's ad.
• And finally replace 250 ( this is responsible for the distance between ad slots) according to your preference.

Now if you want to use a 250 x 250 ad slot in your blog as shown below, you can can use the   HTML code below:

<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="6" style="width: 265px;">
<tbody>
<tr>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt="AD DESCRIPTION" border="0" src="IMAGE-BANNER-URL" height="250" width="250" /></a></center>
</td>
</tr>
</tbody></table>
</div>

If you use another ad size like 90 x 480, please use the HTML code below:

<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="0" style="width: 265px;">
<tbody>
<tr>
<td><center>
<a href="ADVERTISER'S LINK HERE" rel="nofollow"><img alt=" AD DESCRIPTION" border="0" src="IMAGE-BANNER-URL" height="90" width="480" /></a></center>
</td>
</tr>
</tbody></table>
</div>

Note:

Simply change the height and the width of your ad slot depending on your need.
Then don't forget to save your work.

Hope this will help you attract more sponsors in your blog
Happy Blogging to all of us!