Showing posts with label jquery. Show all posts
Showing posts with label jquery. Show all posts

Saturday, September 15, 2012

INCOMING SEARCH TERMS FOR BLOGGER PLUGIN

blogspot templates cute blogger templates simple blogger templates google blogger templates blogger layouts blogger templates html blogger templates
A FEW EASY STEPS TO GET YOUR OWNINCOMING SEARCH TERMS FOR BLOGGER PLUGIN.blogspot templates cute blogger templates simple blogger templates google blogger templates blogger layouts blogger templates html blogger templates
(update 25 August 2012: Since this incoming search terms plugin and post became viral, I have received many offers to affiliate myself with a plugin that is sold to this community. So far I have not found one worthy to bother your guys with. But I will certainly make sure to keep you posted)

Until now, it has never been possible to do so, because this blogger script required you to run PHP. Well there is a work around. Not only does it require hosting php scipts on a google site, and some amazing javascript skills, we got as close as possible to generating Incoming Search Terms for your blog at blogspot.

Follow these 6 steps to get your own "incoming search terms" for Blogger:
  1. Go to Layout.
  2. Click on Add Gadget.
  3. Select HTML/JavaScript.
  4. Enter a title like: Incoming Search Terms.
  5. Copy and paste the Javascript code below:

    <script src=" http://yourjavascript.com/60941151562/incoming-search-terms-blogger-plugin.js " type="text/javascript">
    </script>
    <script type="text/javascript">
    write_ref(92073);
    </script>

  6. Click the Save button and voila !
It will take time to gather backlinks, but with time you will understand how the search terms pluggin works. 

This is a list of all blogger incoming search terms throughout the first few weeks of this blogs existence. 
I know its nothing to brag about, bout many people have asked me how to make incoming search terms blogger gadget, plugin or widget. Well the truth is that it is not possible yet as in wordpress. So this is the closest we could get.

Saturday, September 1, 2012

Make a Pop-up Subscribe Form Like Aweber

aweber subscribe form
This is my first Guest Article For The Blog And My Blogging Carrier Too..
First Of All Let Me Thank Mohammad Mustafa Sir to allow me to Post this article for you all. Have you ever heard about the Aweber Email Marketing Solutions ? If Not then i bet you must have seen EMail Signup Forms in Popular websites... They use Aweber. Though it is not free but it is efficient so they use that. But here In My Article I'll Let you to integrate Aweber Features and FeedBurner Features and install it on your Blog. So keep Reading And Keep Enjoying !!

What Will we Get From This ?

The main Reason why to use is because it will not only make your Blog Look Professional But Also will increase the EMail Subscriptions to your Blog. Its a modified version of the model subscribe box created by franklin. Lets first see a demo

Add it To Blogger

You can Install This Widget Easily in your Blog By Following These Simple Steps....
Before you edit any template it's better to keep a Backup..
So First Backup your Template. Now Go To Design>Edit Html>Select Expand Widgets...

Step 1 : The CSS You Need To Search The Following Piece Of Code By Pressing [Ctrl+F]
]]></b:skin>
Now Paste The Bellow Code Just Before it.
/*
   ColorBox Core Style:
   The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

    User Style:
       Change the following styles to modify the appearance of ColorBox.  They are
       ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #cboxOverlay{background:#000;opacity:0.5 !important;}
    #colorbox{
            box-shadow:0 0 15px rgba(0,0,0,0.4);
           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
           }
          #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpF7dor4Fu48NrxcIhTHDC9gAmHAYPErSmTeEHMvddnG-GDF_RaGcfIfL4V1oF0K-h0hV9rYuTVIBhohRQBmcYEnHNfMGwcYXVCDRUkmhNcPhYRdkQ5RPGgCB9F0RMNs-4r-VnVTbgN0Y/s400/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpF7dor4Fu48NrxcIhTHDC9gAmHAYPErSmTeEHMvddnG-GDF_RaGcfIfL4V1oF0K-h0hV9rYuTVIBhohRQBmcYEnHNfMGwcYXVCDRUkmhNcPhYRdkQ5RPGgCB9F0RMNs-4r-VnVTbgN0Y/s400/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2a8Rk-qkq9cd01KxqOuUX9tzM-btwY4cBIXUhtPPJ-UVeM0I1P5tMZtqHrRregJA-lv4V2Yxta7THD1OmqFbAV3UzODg9y7ONKKUOMe4zLizMj1T7VK6-M8S3XDf3waH5rxV8HwgcVaY/s400/loadingbackground.png) no-repeat center center;}
        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDqCsiBLCgS9mwtnmrCG3xipSayuAYBUIWq6MI-MzMEi0VWr4BDKWgX1SzCPP7BZlLKRIFhzyxjQU0CNBGb-Nq_tyL7xZnNd-34fpGAgo58spFA8A6gcxDaDIcrkhpvyb2D8bLRQjOZyU/s400/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DMGla8SLj6qSVPYE3nFcXQRJmWP7WPo63jQwJfHKE9RulMO3bRFZ89YYnC6g1WEOYZEDt8nKTbieTdIJPjwk6x9KHi_7Ys95-AIdLeSZKYpHXQcldmdDuFsvHM_2byB2sdnBPBBblxw/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*-----------------------------------------------------------------------------------*/
/*    box popup
/*-----------------------------------------------------------------------------------*/
#subscribe {
    font: 12px/1.2 Arial,Helvetica,san-serif;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
    text-decoration:none;
}
.box-title {
   color: #2C2D31;
   font-size: 20px;
   font-weight: bold;
   margin: 10px 0;
   text-align: center;
}
.box-tagline {
   color: #999;
   font-size: 14px;
   margin: 0;
   text-align: center;
}
#subs-container {
    padding: 35px 0 30px 0;
    position: relative;
}
.box-side {
    width: 170px;
    text-align: center;
}
.box-side.left {
   padding: 0 30px 0 15px;
    border-right: 1px solid #ecedf3;
}
.box-side.right {
    float: right;
   margin-top: -223px;
    margin-right: 10px;
}
.box-icon {
    width: 72px;
    height: 54px;
    padding: 6px 0 0 0;
    margin: 0 auto;
}
.box-icon a.rss{
    display: block;
    width: 70px;
    height: 56px;
    margin: 0 auto;
}
.box-icon a{
    display: block;
    width: 72px;
    height: 54px;
}
.box-icon a.email img,
.box-icon a.rss img {
   margin: -5px 0 0;
    border: 0 none;
}
.box-side h4,
.box-side h4 a {
    font-size: 14px;
    line-height: 14px;
    color: #f26535;
    font-weight: bold;
}
.box-side h4 { margin: 20px 0 10px 0; }
.box-side h5 {
    font-size: 11px;
    color: #5e6066;
    line-height: 18px;
    margin: 0 0 20px 0;
}
a.sub {
   background: url("http://imgboot.com/images/cybersidh/subscribebutton.png") no-repeat scroll 0 0 transparent;
   color: #996633;
   display: block;
   height: 44px;
   line-height: 29px;
   margin: 0 auto;
   text-indent: -999em;
   width: 130px;
}
.box-side h4 a:hover {
    color: #f26535;
}
#box-or {
   background: #fff;
   font-size: 12px;
   font-weight: bold;
   height: 25px;
   line-height: 25px;
   margin: -115px 0 0 208px;
   position: absolute;
   width: 20px;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}

Now Hit Prievew, If Every Thing Works Fine then Save The Template.. 

Step 2 : The Html In This Part you'll add the widget to your Blog !! 
Goto :: Design>Page Elements>Add Gadget>Html/Javascript 
Now Paste The Following Code In It. 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://sidharth12.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=true') == -1) {
       var fifteenDays = 1000*60*60*24*15;
       var expires = new Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"480px", inline:true, href:"#subscribe"});
       }
});
</script>
    <!-- This contains the hidden content for inline calls -->
    <div style='display:none'>
        <div id='subscribe' style='padding:10px; background:#fff;'>
        <h2 class="box-title">Never Miss Any Update From Us!</h2>
               <h2 class="box-tagline">Enrich Your Inbox.[402+ Readers]</h2><br/>
               <form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ILibrary', 'popupwindow', 'scrollbars=no,width=560,height=540');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="ILibrary" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a> | Powered By <a href="http://adf.ly/CU0f1">Get This widgets</a></p></form>
        <br/><h2 class="box-tagline">Subscribe us today and get Quality Articles for free.</h2>
</div>
</div>

Important : 
Remove The Red Colored ILibrary With You FeedBurner ID. 
Ignore The Line In Pink If Your Blog Already has JQuery. 

Tuesday, July 3, 2012

Do you download Free Softwares from UN-OFFICIAL websites?

Do you download Free Softwares from UN-OFFICIAL websites?
know you are pro in searching and downloading pirated software’s and am sure you are aware of the risk behind it. But what about Open source and Free software’s? Do you download them from any 3rd party websites or file sharing networks? ..well its time to be aware of the Risk.

Popular open-source software’s that are being downloaded by thousands of internet users everyday includes VLC media player, Google Chrome browser and others. Most people prefer downloading these from unofficial websites, because they feel its more complicated when downloading from Official Websites, Like in the case of downloading ‘Google chrome browser’ from official webpage, you are first required to download small downloader which will then download and install the chrome browser on your PC. But many other websites provide download link for the full “Google chrome” exe file and people prefer this way..


We all know that the main objective of open-source software developers, is to share the source code with everyone. Because they expect other developers to fix any bugs or add new features to it and make it more beautiful. But some time it gets abused.

Scammers are taking advantage of the availability of the source code to trick users and make money. The Scammers are adding malware and adware to these software’s and releasing them as the original product. Some deceptive sites are even re-branding the original open-source project and selling them as a new product.
Trusted Websites: brother-soft | cnet | sourceforge | filehippo

The Scammers are Binding “open-source sofwares” with various crapware to monetize the software with loads of advertisements and earn money. The result of this is a poor product that doesn’t work as intended, that can’t be uninstalled and that clearly abuses its users and their privacy. Recently there were reports that some websites are selling “Mozilla Firefox browser”, using the Mozilla trademarks to promote other products and services, or using modified versions of the Mozilla trademarks.
How these Scammers work?
  1.  They Download the source code from open source projects and add adware or malware to it.
  2.  They release their version of product and disguise as the original.
  3.  They advertise their product on adverting networks like Google AdWords.
  4.  They earn more money through the malware and adware bundled with their version of Free Software.
  5.  They buy more advertisements to spread their copy of free software and earn even more.

These activities are indeed deceptive, harm users and cause consumer confusion. Open source Softwares are affected and will keep on affected by this scourge and there’s not much we can do about it. So the next time you download any free open-source software, make sure you are on the right place

Sunday, June 10, 2012

Regular sliding recent post html/javascript/jquery code New version code

A Regular sliding your blog/website/forum recent post for your user To know what  new update for us..


CODE :

<!-----code start----->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:240px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:9px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://www.mediafiresite.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div><div><a href="http://adf.ly/9Y2Yb" target="blank"><font color="black">[Get This]<font></font></font>
</a></div>
<!-----code end----->


http://www.mediafiresite.blogspot.com/

HERE IS YOUR BLOG OR WEBSITE HOME PAGE URL

Wednesday, June 6, 2012

facebook comment html code for blogger and website


er and I just installed the new FaceBook Comments plugin. The code looks like this.
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments href="zephraz.blogspot.com" num_posts="10" width="490" colorscheme="dark"></fb:comments>
I am really having a difficult time because the same comments appear on each of the post on my blog. I 
Facebook comment for all post show 
<div class="fb-comments" data-href="http://www.arenamazza.blogspot.com" data-num-posts="2" data-width="520"></div>




<div><div id="
421039857927284" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://arenamazza.blogspot.com" data-send="true" data-width="450" data-show-faces="true"></div>


<div class="fb-comments" data-href="http://arenamazza.blogspot.com"
data-num-posts="10" data-width="480"></div></div></div>


Where is red colour please change to your url

Sunday, June 19, 2011

free java hosting - upload you javascript file free

 where You upload your javascript file free

Here Goes The List :-

1)Sigmirror:-It provides 5Gb Webspace and 7Gb Bandwidth/month

2)Hotlinkfiles:-It provides 1Gb Webspace and 4Gb Bandwidth/month.

3)Ripway:-It provides only 30Mb Webspace and 150Mb Bandwidth/day or 4.5Gb/month.

4)Boxstr:-It provides 5Gb Webspace and 1Gb Bandwidth/daily.Just upload your file and get the direct link to make it work.

5)Fileave:-It provides 30Mb Webspace and 1Gb Bandwidth.You can prefer to use it only for some of your file with usage of 1Gb bandwidth.

6)Mydatanest:-It provides 2Gb Webspace and 20Gb Bandwidth/month.You can prefer to use it for most of your file as bandwidth is much more than above sites.

7)Getdropbox:-It provides 2Gb Webspace and Bandwidth is unknown To me.

8)Yourjavascript:-New Provider as no need of account just host any script and get its link.