Advertisment

How to add a Pinterest Follow button on Website / Blogger




Below are a list of available buttons provided by Pinterest on their website.








Follow button


Code

Follow Me on Pinterest <a
href="http://pinterest.com/USERNAME/"><img
src="http://passets-cdn.pinterest.com/images/follow-on-pinterest-button.png"
width="156" height="26" alt="Follow Me on Pinterest" /></a>


Follow Me on Pinterest <a
href="http://pinterest.com/USERNAME/"><img
src="http://passets-cdn.pinterest.com/images/pinterest-button.png"
width="78" height="26" alt="Follow Me on Pinterest" /></a>
Follow Me on Pinterest <a
href="http://pinterest.com/USERNAME/"><img
src="http://passets-cdn.pinterest.com/images/big-p-button.png"
width="61" height="61" alt="Follow Me on Pinterest" /></a>
Follow Me on Pinterest <a
href="http://pinterest.com/USERNAME/"><img
src="http://passets-cdn.pinterest.com/images/small-p-button.png"
width="16" height="16" alt="Follow Me on Pinterest" /></a>








II) Adding code to blog





  1. Go to Blogger Dashboard -> Layout tab -> Add a Gadgets tab  For Method Click here

  2. Paste any One Code from These 

  3. Press Save


If You Enjoyed This Post Please Take 5 Seconds To Share and Leave your Comments
Continue Reading | comments

How To Host Files On Google Code For Free




 Every professional and beginner blogger/webmaster needs a suitable
hosting to upload his/her Java scripts, Images, Documents etc. So Google
has launched a free and amazing service which allows you to upload/host
your files for free. I've uploaded many files and is working perfectly.
The amazing thing is that the Google code provides 4GB space with 200MB
file limit. You can whether let the user to view the file, host the
file or download the file. You can upload any file e.g Java Script,
Image, Video, CSS/Style, Documents etc with no restriction and the
method is quite easy and short. So be a true and pro Blogger !




  •  Go to Google Code Hosting and fill the required fields. Choose License as MIT License and Version Control System as Mercurial and press Create Project.

  • click Download and then click New Download.

  •  Now Choose Any File e.g javascript (js) file, write Summary, Description and press Submit file.
















  •  You will be taken to a new page, then click your uploaded file's  title




If You Enjoyed This Post Please Take 5 Seconds To Share and Leave your Comments
Continue Reading | comments

Html Parse Code




Enter Code









Parsed Code













Continue Reading | comments

How to Create a Blog On Blogger



  • First go to Blogger.com and press Sign up Button

  • Enter your Informations

  • Press New Blog

  • Give a Link and Title

  • Choose Template

  • press Start Blogging

  • Then Post your Data































If You Enjoyed This Post Please Take 5 Seconds To

Continue Reading | comments

Make Free Backlinks for Best Blog Blogger for Better SEO Tips






This article is very important specially for those blogger owners who have not enough traffic, this article gets more traffic for you to use backlinks Technic, submit more and more links to Blog Directories and  Search Engines increase traffic












By this useful article you teach that how to make free backlinks for best blog blogger for better SEO tips. In this regard I have received lot of emails and calls regarding backlinks.
To see the requirements of the readers and visitors of Blog Blogger
Training I am writing this useful and full of backlinks article. I hope
visitors and readers will take more profit from it to increase traffic
for their best blog blogger.






Now see the following most popular Search Engines and Directories click on submit button and submit your best blog URL free and get more free backlinks easily.






Search Engine And Directories















      Submit































       Submit    




















      Submit




















      Submit
































     Submit
































     Submit
























     Submit
























       Submit
























       Submit




















      Submit
















   Submit



































   Submit




















   Submit

































































  Submit














In view of the above Search Engines you can get useful backlinks for best blog blogger for better Seo tips. Now click on the (Submit) button and sent your blog link and get more free backlinks.









If You Enjoyed This Post Please Take 5 Seconds To Share
Continue Reading | comments

Customize your search preferences in blogger


























By replacing "YOUR ADSENSE CODE HERE" you can ad Any Html Code here it will be Show in Each new Blogger post After a Post Title





If You Enjoyed This Post Please Take 5 Seconds To

Continue Reading | comments

Adsense ads below every Blog title Widget


 Every blogger wants to get some money for all the hardwork he/she puts in for Blog.


So we also know that one of the best available publisher heaven is Adsense





You place ads on your Web-Blog  ,on pages and places they appear prominant for your viewers.


I thought which place would be more 'visible' ,other than the place after the Title.


And moreover let me tell you that this code wont pop up in your read more column on your Homepage [if u have enabled READ MORE],there your visitors will naturally see the summary


 of the Web-page Blog post.





As i said before your blog earnings depend mainly on your Weblog's traffic and on your 


ad placement.





This is in accordance with the Google Adsense Terms of service.
I am personally using the same Hack Widget on this blogger Blog. You can see bid ads below the post title on my post pages.





Ok 


now lets know how to set it up.


Go to Adsense or Bidvertiser and get the Ad selected









Now copy the ad code to parse it





Parse It Here{{untick the "add blockcode" on the parsing site}}








Copy off the parsed code..



Now login to your blogger account.



Goto Layout> Edit Html and expand the widget templates.


Find this piece of code


By pressing CTRL+F




<data:post.body>





Now paste this code before it.






<!-- widgetblogger.co.cc Adsense Above Posts start -->
<b:if cond='data:blog.pageType == "item"'>
Put your parsed
adsense code here

<br/>
</b:if>
<!--
widgetblogger.co.cc Adsense Above Posts End
-->









So friends now enjoy this Widget on your Blog






More such amazing Blog Widgets coming soon..so stay tuned..




If You Enjoyed This Post Please Take 5 Seconds To
Continue Reading | comments

Following Flower widget For Blogger





  • Go to Blogger Dashboard -> Layout tab -> Add a Gadgets tab  For Method Click here

  • Paste this Following Code




    <script>if(typeof
    jQuery=='undefined'){document.write('<'+'script');document.write('
    language="javascript"');document.write('
    type="text/javascript"');document.write('
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var
    image_urls=Array()}if(!flash_urls){var
    flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var
    c=$(window).width();var

    d=$(window).height();var e=function(a,b){return
    Math.round(a+(Math.random()*(b-a)))};var
    f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')

    .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var
    i=1;i<=20;i++){var
    g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])

    .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var
    h=0;var
    j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>

    <script>if(typeof
    jQuery=='undefined'){document.write('<'+'script');document.write('
    language="javascript"');document.write('
    type="text/javascript"');document.write('
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var

    a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>




    If You Enjoyed This Post Please Take 5 Seconds To

    Continue Reading | comments

    Bubble Mouse Effect for Blogger




    Screen  View









    Add this Widget On Blogger



    • Go to Blogger Dashboard -> Layout tab -> Add a Gadgets tab  For Method Click here

    • Paste this Following Code



    <script type="text/javascript"
    src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script
    type="text/javascript">

    // <![CDATA[

    var
    colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF",
    "#0066FF"); // colours for top, right, bottom and left borders and
    background of bubbles

    var bubbles=100; // maximum number of bubbles on screen




    /****************************

    * JavaScript Bubble Cursor *

    * (c) 2010 mf2fm web-design *

    * http://www.mf2fm.com/rv *

    * DON'T EDIT BELOW THIS BOX *

    ****************************/

    var x=ox=400;

    var y=oy=300;

    var swide=800;

    var shigh=600;

    var sleft=sdown=0;

    var bubb=new Array();

    var bubbx=new Array();

    var bubby=new Array();

    var bubbs=new Array();



    window.onload=function() { if (document.getElementById) {

    var rats, div;

    for (var i=0; i<bubbles; i++) {

    rats=createDiv("3px", "3px");

    rats.style.visibility="hidden";



    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="1px";

    div.left="0px";

    div.bottom="1px";

    div.right="0px";

    div.borderLeft="1px solid "+colours[3];

    div.borderRight="1px solid "+colours[1];



    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="0px";

    div.left="1px";

    div.right="1px";

    div.bottom="0px"

    div.borderTop="1px solid "+colours[0];

    div.borderBottom="1px solid "+colours[2];



    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.left="1px";

    div.right="1px";

    div.bottom="1px";

    div.top="1px";

    div.backgroundColor=colours[4];

    div.opacity=0.5;

    if (document.all) div.filter="alpha(opacity=50)";



    document.body.appendChild(rats);

    bubb[i]=rats.style;

    }

    set_scroll();

    set_width();

    bubble();

    }}



    function bubble() {

    var c;

    if (x!=ox || y!=oy) {

    ox=x;

    oy=y;

    for (c=0; c<bubbles; c++) if (!bubby[c]) {

    bubb[c].left=(bubbx[c]=x)+"px";

    bubb[c].top=(bubby[c]=y)+"px";

    bubb[c].width="3px";

    bubb[c].height="3px"

    bubb[c].visibility="visible";

    bubbs[c]=3;

    break;

    }

    }

    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

    setTimeout("bubble()", 40);

    }



    function update_bubb(i) {

    if (bubby[i]) {

    bubby[i]-=bubbs[i]/2+i%2;

    bubbx[i]+=(i%5-2)/5;

    if (bubby[i]>sdown && bubbx[i]>0) {

    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

    bubb[i].width=bubbs[i]+"px";

    bubb[i].height=bubbs[i]+"px";

    }

    bubb[i].top=bubby[i]+"px";

    bubb[i].left=bubbx[i]+"px";

    }

    else {

    bubb[i].visibility="hidden";

    bubby[i]=0;

    return;

    }

    }

    }



    document.onmousemove=mouse;

    function mouse(e) {

    set_scroll();

    y=(e)?e.pageY:event.y+sleft;

    x=(e)?e.pageX:event.x+sdown; }



    window.onresize=set_width;

    function set_width() {

    if (document.documentElement && document.documentElement.clientWidth) {

    swide=document.documentElement.clientWidth;

    shigh=document.documentElement.clientHeight;

    }

    else if (typeof(self.innerHeight)=="number") {

    swide=self.innerWidth;

    shigh=self.innerHeight;

    }

    else if (document.body.clientWidth) {

    swide=document.body.clientWidth;

    shigh=document.body.clientHeight;

    }

    else {

    swide=800;

    shigh=600;

    }

    }



    window.onscroll=set_scroll;

    function set_scroll() {

    if (typeof(self.pageYOffset)=="number") {

    sdown=self.pageYOffset;

    sleft=self.pageXOffset;

    }

    else if (document.body.scrollTop || document.body.scrollLeft) {

    sdown=document.body.scrollTop;

    sleft=document.body.scrollLeft;

    }

    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

    sleft=document.documentElement.scrollLeft;

    sdown=document.documentElement.scrollTop;

    }

    else {

    sdown=0;

    sleft=0;

    }

    }



    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height;
    div.style.width=width;
    div.style.overflow="hidden";
    return (div);
    }

    // ]]>
    </script>



    You can Replace These Coloures Code

     





     you Can Choose Coloures From here




    If You Enjoyed This Post Please Take 5 Seconds To










    Continue Reading | comments

    Popular Posts

    f
     
    | | | | |
    Copyright © 2013. Adeel Mushtaq's Blog - All Rights Reserved

    Owned by M. Adeel