Friday, December 11, 2015

Test Your Anti-Virus Using Notepad

Test Your Anti-Virus 

Here the easy way to test your Anti-virus program with a simple notepad trick.

You can test your Anti-virus effectiveness using a simple notepad code.

Follow the steps below :-

  • Open notepad.

  • Copy and paste the code below in notepad .

  • X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*  

  • Save file as check-antivirus.bat (*.bat).

Then scan your file with your antivirus . your anti-virus program detect the file a virus,anti-virus program is working properly.
    If not detect the file a virus , this is a right time change your anti-virus .


    Thursday, December 10, 2015

    Scrolling Recent Post Bar Blogger

    Scrolling Recent Post Bar
    This Post will show you how to add Beautiful Add a Fixed auto scrolling Recent Post To Bar to Blogger.to add this auto auto scrolling Recent Post Widget we will just want to add below  HTML/Java Script Widget in your Blogger layout.

    Step by Step guide

    • Login to Blogger > Layout >> Click on any "Add a Gadget" Button
    • A Window box will open >> Click on "HTML/JavaScript "
    • Leave the Title blank 
    • Paste the Below Code in Content box and Save it


    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="http://1vikashblog.googlecode.com/files/recentpostsscrollerv3.js"></script><script src="http://gj37765.googlecode.com/svn/trunk/Making%20Different-Stickybar.js"></script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgo8PELFYPO9KqtYMK-c7JVsmbwkaf34eTWgPxa2HllSx5GTr2f91WsiImJLzqKhVIOb_ad_byaeUB1049TW4RkVVJSBKeAL7hjZnNF2GAhDOVmL5tPDmluWfiqPzOkXWLwOJXWr-K4do/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style=""  src="http://yesthistech.blogspot.in/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <a href="#" id="mdclose"  onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_jGYImuqkke3KxIv34W8VkcMppxvQrYtb0KAojTUEk8_dlettYGEyExBYe1F3Yup8EmGv8F7kqZGGN9D6vg69v2cj031zuvDKinQq0Y1Z72ROV63VlK7euCrtrHmW0PqWZS9WmwiHK9w/s400/cancel.png"/></a></div id='md-stickybar'>
    Replace http://yesthistech.blogspot.in/  and Save it

    How to Add The Transparent Notification Bar To Blogger bottom.

    Transparent Notification
    • In Your Blogger Dashboard Click Design > Edit Html
    • Find the following piece of code in your blogs Html 
    • Ctrl + F for a search bar to help find the code </body>
    • Copy and Paste the Below code Directly Above / Before </body>


    <!-- http://www.egytricks.com Notification code start -->
    <style type='text/css'>
    #ut-sticky
    {
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlPVtEsnpRA2pe1ncqjCjQqaFeZPgTzDNj1-zWjUyaSVNCCuF2T9T1GnvxB9r5F6i-p2qaRlpFs_dMURvi3cV6JazniJztynTdLNhB8rX-pJoT54jAlEMLlBtOsiCyfXqv6kmbPtWTqG_q/s1600/ut-bg.png&#39;) repeat;
    color:#fff;
    text-align: center;
    margin:0 auto;
    border-top: 1px solid #fff;
    height:28px;
    font-size:13px;
    position:fixed;
    bottom:0;
    z-index:999;
    width:95%;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    display:block;
    font-weight: bold;
    font-family: arial,&quot;Helvetica&quot;;
    font-color:#fff;
    }
    #ut-sticky:hover
    {background:#333;}
    #ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
    #ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
    .ut-cross{display:block; position:relative; right:15px; float:right;}
    .ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
    </style>
    <div id='ut-sticky'>
    <p>Add This Transparent Notification Bar To Your Blog <a href='http://yesthistech.blogspot.in/' target='_blank'>Transparent Notification Bar</a></p>
    <div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
    </div>
    <script language='JavaScript'>
    function hide_cross() {
    crosstbox = document.getElementById(&quot;ut-sticky&quot;);
    crosstbox.style.visibility = &#39;hidden&#39;;
    }
    </script>
    <!-- End of Notification code, info - http://yesthistech.blogspot.in -->
    Modify highlighted color code with your website or blog address . Now save Template

    How To Add Rounded Corner To Blogger Popular Post widget

    popular post widget
    popular post widget is most Famous and useful widget for the Bloggers ,as it shows most viewed posts of the blog .post which received maximum number of visitors will be on top position while the rest will be on decreasing order. 
    instruction to customize popular post widget




  1. Login to Blogger  > Click on drop down > Now select "Template"
  2. Now you can see  EDIT HTML Button Click on it >  Now click Proceed button 
  3. Now press Ctrl+F find this tag ]]></b:skin> 
  4. Paste below code Before/above ]]></b:skin> tag.


  5. .popular-posts ul li
    {border:1px solid #1874CD;
    margin-bottom:5px;
    border-radius:10px;
    padding-left:5px;

    }

    .popular-posts ul li:hover
    {
    text-decoration:none;
    border:1px solid #BFBFBF;
    }

    Now  save the Template

    CSS Search Box For Blogger

    Search Box
    Search Box in any Site or Blog has very important role it not only help the visitor but also help to increase  traffic.many People use this widget tool to find their desire content on that blog.

    Step by Step guide 





  6. Login to Blogger  > Click on drop down > Now select "Layout"
  7. Now you will see "Add a Gadget" button click any of them
  8. A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
  9. Click on " HTML/JavaScript" Button ,leave the Title blank and Put the below code in Content and then after click on save button.

  10. Code For Search Box



    <style>
    #dark #search {


    }

    #dark #search input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSy8YeVjTnxsQr7yg-Q3C5-0rUOm0K1yY0znQUjee-DZbM8frMYqpdbbgQ_SJgmbAcIMFJbIvCVvH4Q-f7nl96QC5aHLR8jG208ujO-wMY9-oJXgrM4NrG7t5n3WzSMZztQAc1cKG_Ewg/s1600/search-dark.png) no-repeat 10px 6px #444;
        border: 0 none;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #777;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }

    #dark #search input[type="text"]:focus {
        width: 200px;
        }
    </style>
    <div id="dark">
    <form method="get" action="/search" id="search">
      <input name="q" type="text" size="40" placeholder="Search..." />
    </form>
    </div>


    Widget Code For White Search Box


    <style>
    #white #search {


    }

    #white #search input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjiTCbAV6Ku8PFMXcWc-2HlbafNXpUgwraK5LP8oaRT7S5y0JNCtDg3RL-wvCSCa0lkQSvjIyjnsdNj7_GMLfhhVbIqXcDnFFGFvwOXbZ7NpfqUkQEcfVJvmKBCfSb37p2l1-jqDDEr8Y/s1600/search-white.png) no-repeat 10px 6px #fcfcfc;
        border: 1px solid #d1d1d1;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }

    #white #search input[type="text"]:focus {
        width: 200px;
        }
    </style>
    <div id="white">
    <form method="get" action="/search" id="search">
      <input name="q" type="text" size="40" placeholder="Search..." />
    </form>
    </div>


    Widget Code For Dark With White Hover Effect Search Box


    <style>
    #apple #search {

    }

    #apple #search input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjiTCbAV6Ku8PFMXcWc-2HlbafNXpUgwraK5LP8oaRT7S5y0JNCtDg3RL-wvCSCa0lkQSvjIyjnsdNj7_GMLfhhVbIqXcDnFFGFvwOXbZ7NpfqUkQEcfVJvmKBCfSb37p2l1-jqDDEr8Y/s1600/search-white.png) no-repeat 10px 6px #444;
        border: 0 none;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #d7d7d7;
        width:150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }

    #apple #search input[type="text"]:focus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSy8YeVjTnxsQr7yg-Q3C5-0rUOm0K1yY0znQUjee-DZbM8frMYqpdbbgQ_SJgmbAcIMFJbIvCVvH4Q-f7nl96QC5aHLR8jG208ujO-wMY9-oJXgrM4NrG7t5n3WzSMZztQAc1cKG_Ewg/s1600/search-dark.png) no-repeat 10px 6px #fcfcfc;
        color: #6a6f75;
        width: 200px;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        }
    </style>
    <div id="apple">
    <form method="get" action="/search" id="search">
      <input name="q" type="text" size="40" placeholder="Search..." />
    </form>
    </div>
    i think it's use full

    Add Blogger Related Posts with Image CSS Rotation Effect

    Related post widget 
     Relate post widget is the best tool to boost the traffic of Site or Blog.In this Post we will Know about how to add css effect Relate post widget to Blogger in very easy way.

    Now we will add the CSS Code in Blogger Template ..  so follow my Simple below Instruction..
    • Login to Blogger  > Click on drop down menu > then select "Template".
    • Now Click on  "EDIT HTML" Button >>then click Proceed button and then click on  .
    • Now find this tag  </head> by using CTRL 
    • Paste below code Above  </head>  tag  and Save the Template.


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}
    #related-posts img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB8odRmj0mIc22WNVJ58nXi6tKSH3WpGbXIVpJJWRO-PsvroDQV39rHUzgyPgbPT0vM9msD1zqLQ9qk_KY953DRQjW2_k3t1hMCwT6nLUkSpBgBwhWglSPHr28Zr9T4B5_yEPKuXipOY0/s1600/noimage.png&quot;;
    var maxresults=4;var splittercolor=&quot;#d4eaf2&quot;;
    var relatedpoststitle=&quot;Related Posts&quot;;
    </script>
    <script src='https://egytricks.googlecode.com/files/Egytricks-Related-Post-Blogger.js' type='text/javascript'/>
    </b:if>

    • Now Find 
    <div class='post-footer-line post-footer-line-1'>

    And add the below Code just Below it .

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- remove --><div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    <b:if cond='data:post.isFirstPost'>
    <Script Language='Javascript'>
    document.write(unescape('%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%65%67%79%74%72%69%63%6B%73%2E%63%6F%6D%2F%32%30%31%33%2F%30%32%2F%6E%65%77%2D%62%6C%6F%67%67%65%72%2D%72%65%6C%61%74%65%64%2D%70%6F%73%74%2D%77%69%74%68%2D%69%6D%61%67%65%2D%63%73%73%2E%68%74%6D%6C%27%3E%3C%69%6D%67%20%61%6C%74%3D%27%52%65%6C%61%74%65%64%20%50%6F%73%74%73%20%57%69%64%67%65%74%20%46%6F%72%20%42%6C%6F%67%67%65%72%20%77%69%74%68%20%54%68%75%6D%62%6E%61%69%6C%73%27%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%49%72%5F%77%51%48%63%41%48%5A%67%2F%55%52%45%4A%5A%4F%64%5F%74%62%49%2F%41%41%41%41%41%41%41%41%49%41%41%2F%71%45%54%6C%6B%39%79%67%67%47%30%2F%73%31%36%30%30%2F%62%6C%6F%67%67%65%72%2D%77%69%64%67%65%74%73%2E%70%6E%67%27%20%73%74%79%6C%65%3D%27%62%6F%72%64%65%72%3A%20%30%27%2F%3E%3C%2F%61%3E%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%65%67%79%74%72%69%63%6B%73%2E%63%6F%6D%2F%27%3E%3C%69%6D%67%20%61%6C%74%3D%27%42%6C%6F%67%67%65%72%20%77%69%64%67%65%74%27%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%49%72%5F%77%51%48%63%41%48%5A%67%2F%55%52%45%4A%5A%4F%64%5F%74%62%49%2F%41%41%41%41%41%41%41%41%49%41%41%2F%71%45%54%6C%6B%39%79%67%67%47%30%2F%73%31%36%30%30%2F%62%6C%6F%67%67%65%72%2D%77%69%64%67%65%74%73%2E%70%6E%67%27%20%73%74%79%6C%65%3D%27%62%6F%72%64%65%72%3A%20%30%27%2F%3E%3C%2F%61%3E'));
    //-->
    </Script>
    </b:if>
    <!-- remove --></b:if>

    thank you



    Easy Way To Add Facebook Like Box For Your Blog

    Facebook Like Box
    Facebook is now most Famous and Successful Social Network Site . Millions of People Use Facebook Each day to get interact with their Friends and Relative, and of most People use Feature Facebook called Facebook Page .Some People use Facebook Page for Fun/Passion and some people use this to Promote their own Business.
    Today in this post How to easily add Facebook Fan Page Like Box Widget to any Blog Including Blogger and WordPress.   
    To Add the Facebook Like Box to your need your Facebook Page Url and Blog where you want to add this widget.
    Instruction to add this to your Blog 

    • Go to Facebook Like Box Generator Page here
    • Customize the the Facebook page according to your need.
    • After Customize your Facebook page like box 
    • Click on "Get Code" button ,a box will open with your Custom Code
    • Copy and past  codes in Blogger Widget  or WordPress Widget.

    Adding  Facebook Page Like Box to Blogger

    • Log in to Blogger  >> Click on drop down >> Now select "Layout"
    • Now you will see "Add a Gadget" button click any of them
    • A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
    • Click on " HTML/JavaScript" Button ,leave the Title blank and Put the above copied in Content and then after click on save button.

    Adding to WordPress

    • Log in to WordPress  >> Dashboard >> Appreance >> Widgets >>
    • Now Drag a widget which support text or HTML code it is mainly title as "Text" 
    • and Put the above copied code in blank box and then after click on save button.