Showing posts with label Blog Tricks. Show all posts
Showing posts with label Blog Tricks. Show all posts

Thursday, June 5, 2014

How to Add Floating Text which Follows the Cursor in Blogger

If you want to show any text like "Welcome Here" or "Sign My Guestbook"or "Your Text Here", which follows the mouse cursor (trail text effect), like the one displayed in the image









page-elements


  • Add a Gadget of HTML/JavaScript type. 





image

  • Then add this code in to it:.

<script language="javascript">











// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.



var text='YOUR TEXT HERE...';







var delay=40; // SPEED OF TRAIL



var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)



var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)



var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES



var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.



var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.







//********** NO NEED TO EDIT BELOW HERE **********\\







ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;



ie4 = (document.all && !document.getElementById)? true : false;



ie5 = (document.all && document.getElementById)? true : false;



ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;



var txtA=new Array();



text=text.split('');



var x1=0;



var y1=-1000;



var t='';







for(i=1;i<=text.length;i++){



t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';



t+=beghtml+text[i-1]+endhtml;



t+=(ns4)? '</layer>' : '</div>';



}



document.write(t);







function moveid(id,x,y){



if(ns4)id.moveTo(x,y);



else{



id.style.left=x+'px';



id.style.top=y+'px';



}}







function animate(evt){



x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);



y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);



}







function getidleft(id){



if(ns4)return id.left;



else return parseInt(id.style.left);



}







function getidtop(id){



if(ns4)return id.top;



else return parseInt(id.style.top);



}







function getwindowwidth(){



if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;



else return window.innerWidth+pageXOffset;



}







function movetxts(){



for(i=text.length;i>1;i=i-1){



if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){



moveid(txtA[i-1],0,-1000);



moveid(txtA[i],0,-1000);



}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));



}



moveid(txtA[1],x1,y1);



}







window.onload=function(){



for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);



if(ns4)document.captureEvents(Event.MOUSEMOVE);



document.onmousemove=animate;



setInterval('movetxts()',delay);



}



</script>

How To Disable Text Selection In Blogger And Other Websites


  • In your dashboard, go to Layout and then click on Add a Gadget.
  • Select HTML/JavaScript


    Copy and paste this code below:



        <script type="text/javascript">

        /***********************************************
        * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
        * This notice MUST stay intact for legal use
        * Visit http://www.dynamicdrive.com/ for full source code
        ***********************************************/

        //form tags to omit in NS6+:
        var omitformtags=["input", "textarea", "select"]

        omitformtags=omitformtags.join("|")

        function disableselect(e){
        if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
        return false
        }

        function reEnable(){
        return true
        }

        if (typeof document.onselectstart!="undefined")
        document.onselectstart=new Function ("return false")
        else{
        document.onmousedown=disableselect
        document.onmouseup=reEnable
        }

        </script>     



  • Then save the widget and you’re done.

If you want to disable text selection on other websites then copy the script and paste it into html coding.


Go ahead and try selecting any text on your page. You’ll see that you won’t be able to highlight anything, not even the images for that matter.

How To Create Categories in WordPress

Today in this post i will guide you how to create & organize categories in WordPress. You can create parent and child categories making hierarchical arrangements to your post. Additionally, one can post can be post in multiple categories. This feature gives a lot of flexibility to display exactly the post you want. Just like the way to want them in Widgets, Menu bars or directly in your WordPress theme.



Now i will guide you step by step through picture that how you can create categories.



To create your first category in WordPress, You need to access the Posts -> Categories Page in the left side menu first.







On the left side of the WordPress windows you will see a tab which allows you to create categories. Just enter the category name, its slug and Add New Category button. To guide you we will make a new category and we will give it name Family Posts.









It’s Done, Your first category is ready. Now we will add the sub category to the Family Posts and give it name Nephews. Enter the name and slug just like we did with the first category. But now we select Family Posts as Primary or Parent Category for the new category. Now press Add New Category again to save the new sub-category or we can call it child category.





How to assign posts in categories:


As we have already creates the category structure, now you can add posts to categories. You can posts to categories in two ways. first way is to open a particular post or you can write a new post and place the check-box in the category which you want to assign it.









The second method is to bulk add posts to the category. To use the second method go to Posts -> All Posts. then select the posts which you want to add to a specific category. Now click the Bulk Actions and select Edit and in last press the Apply button.









As you do that, you have some options using them you can adjust for those posts. One of them is Categories section. You can select the category which you want to add to those posts to click the Update button.









Now, The post you have checked previously belongs to the category you have chooses.









I hope this post will help you to create Categories and Sub-Categories in WordPress. In case if you face any difficulty or problem you can post your comments in comments bar. Enjoy Blogging!

Thursday, April 10, 2014

How To Remove "Powered By Blogger' Attribution In Blog

  • Go to Blogger.com and login to your Blogger profile
  • Select  your blog that you wish to remove this attribute
  • Now go to template and click edit HTML
  • Here drop-down “jump to widget” option and from that list select Attribution1 as highlighted below

  • Now in the editor press ctrl + F and find for this line 
<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>
  • Now replace the locked=’true’ in to locked=’false’ as you can see highlighted below
  • Once done click save template
  • Now go to layout option and at the below you can see attribution gadget, click edit.
  • In that popup window click remove and you are done
  • Now go and view your site where you won’t see the “powered by Blogger” attribution.



Your copyright text is also removed along with powered by Blogger attribution. To add copyright text just click add a gadget in layout settings select HTML/JavaScript, add your copyright text and drag and drop it below. Removing this powered by Blogger attribution adds uniqueness to your blog and it shows your professionalism. Hope this helped you on how to remove powered by Blogger attribution



Wednesday, April 2, 2014

How To Remove Quick Edit and Screw Driver On Blog

To Remove Quick Edit:

  • Goto Blogger>Layout
  • In Blog Posts Widget click edit then uncheck show Quick Editing.
  • Then  hit save.
Now your Quick Editing has been Removed.

To Remove Screw Driver:

  • Goto Blogger>Template>Edit HTML
  • Now search in HTML ]]></b:skin> and paste the code
  •  .quickedit{
    display:none; just above the  ]]></b:skin>.
    }
  • And save template.
Finished Both Icons are hidden.