Monday 11 March 2013
Add Flying Letters below Mouse Pointer Animation
Today I am Share a trick about Mouse Pointer Animation.how can we add flying text below mouse cursor in blog. This is a great trick.After adding this code in your blogger .Your blog will be more beautiful.When you move mouse over your Blog, you will see that Letters you SET in the below code will flying like a Animation.and the text below the cursor in blue colour.This is very simple to add in blog.If you want to add this cute trick than.Follow the Following Steps.
How to Add Flying Letters below Mouse Pointer Animation?
- Go to Blogger Dashboard.
- Now Go to Template >> Edit Html.
- And Find</body> tag inside your template using (CTRL+F.)
- And Paste the Following Code Below </body>.
- Save your Template.
<script type='text/javascript'>var text=' Flying Text By Www.bloggerwidget4u.Blogspot.Com ';</script><script src='https://tricksmaster.googlecode.com/svn/cursor-letters.js' type='text/javascript'></script>
Customization:
- Replace "Flying Text By Www.bloggerwidget4u.Blogspot.Com" With Your Flying Text.
How to Add Animated Flying Twitter Bird Widget to Blogger ?
To day i am share a Widget post about animated flying Twitter bird.Because Twitter is most popular social networking site after fb.and Also it is easy to apply.Many Blogs Use this widget to get more traffic to their Blog.This is Great Way to increase your twitter followers.Now If you want to add this Cute Widget on Your blog.follow the following steps.
How to Add Cute Flying Twitter Bird Widget to Blogger ?
- Go to Blogger Dashboard.
- Now Go to Template >> Edit Html.
- And Find</body> tag inside your template using (CTRL+F.)
- And Paste the Below Code Above</body>.
- Save your Template.
<!-- Twitter Bird Widget for Blogger by Technouniversity --> <script type="text/javascript" src="http://technouniversityworldjavascript-testing.googlecode.com/files/tuwtwitterbird.js"> </script> <script type="text/javascript"> var twitterAccount = "farhankayani143"; var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; tripleflapInit(); </script> <span style="font-size:11px;position:absolute;"><a title='Blogger Widget by TUW' href="http://raimohsin1.blogspot.com" target='_blank'>Tricks and Tips</a></span> <!-- Twitter Bird Widget for Blogger by computer entertainment-->
Customization:
Change My Twitter Username With Your Username That's It.
Note:This widget originally share by rai mohsin.
Thursday 21 February 2013
New Facebook Pop Up Like Box for Blogger 2013
Today I am share a beautiful automatic Facebook pop up like bo.I previously shared How to add Floating facebook like box in blogger? and
How to Add Pop up like box to blog?
How to Add Pop up like box to blog?
- Go to blogger Layout page
- Add a Gadget >> Select HTML/JavaScript.
- Paste below code inside that HTML/JavaScript.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.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*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#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}#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(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/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(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/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}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FMr.FarhanKayani&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>
Customization:
- The blue color text is the text which will be displayed above the Facebook like box in the pop up, so you can change it to whatsoever you like.
- And the red color text "Mr.FarhanKayani" is the user name of my facebook page, so you must replace it with your FaceBook page user name.
Friday 1 February 2013
Remove Subscribe to posts (atom) from Blogger
What is Subscribe to post (atom)
This Post is about Subscribe to:Post(Atom) links.This links have seen that at the bottom of blog.Blogger.com added links in every blog.Basically Subscribe to:Post(Atom) for your blog visitors to Subscribe feeds.Mostly peoples dislike subscribe (Atom) and want to remove this links for blogger. because they want to make their blog beautiful and attack on peoples.Do you interested to remove these links from blog pages.This very easy way to remove.Two different Methods to remove links.
Don't Miss:How To Remove Powered By Blogger From Blog?
Wednesday 23 January 2013
Create a Cute E-mail Subscription Form
Hy,, Guys I have share Many Tricks About Blogger.Like Social Sharing Widget With Cool Hover Effects.Etc But Today About Cute RSS E-Mail Subscripation form .Now this Form Is with great And new CSS effects.This Widget make your sidebar beautiful and will attact visitors To subscribe.If you Want to Add this Cute Subscription Form than follow these Following Steps...
Sunday 20 January 2013
Stylized Page Navigation Widget For Blogger with MBT Church Theme Style!
Today you can see the trick about Page Navigation Widget.Page navigation is need for blogger because Page navigation easy for your blog visitors to search posts.this Page navigation is alternative to Recent Posts.This stylized version created by Mohammad Rias.This is easy to applied because just paste codes in to HTML/JavaScript.follow the following steps.
Sunday 13 January 2013
How to add Animated Social Sharing Widget With Cool Hover Effects
Hello Friends Today I share another Widget Trick.This widget is totally depend on Social Sharing With Animated Cool Hover Effects.This widget is for Sharing posts with Friends.Many Peoples like your Post may be Your post is informative and than people Want to share with other Friends.If peoples Share with Friends you blog traffic more.This widget is making your blog more modify.If you want to add this widget in blog.Follow these simple Steps.
New Beautiful Scrolling Recent Posts Widget For Blogger
I share this post because you get more traffic with this widget.Many Peoples Want to Modify blog.This is best for that Peoples.This widget is built-in jQuery and JavaScript.
This Widget is in dynamic not in simple.You see beautiful dynamic Recent Posts in you Blog.Now let's Start Work.Please follow the following steps.
How To Remove Powered By Blogger from blog?
Today I share a trick about Blogger "How to remove powered by blogger from your blog?" Because many people don't like or want to see power by blogger on their blogs.The attribution widget is at footer of blog "Powered by Blogger" The widget is locked, when you click on the edit link of attribution widget you will there is no Remove link, because the widget is locked by the blogger. To Remove this from blog follow My easy steps.
First See Example in screen shoots before "remove powered by blogger."
Above image show that not remove Power by blogger.
But it is possible to remove form blog.
Now start to remove form blog.
First See Example in screen shoots before "remove powered by blogger."
But it is possible to remove form blog.
Now start to remove form blog.
How to add Floating facebook like box in blogger?
Today I share the widget of blogger.Here is Floating Fb Like box.This widget is best for web/blog because social media is most important to promote your blog.customize this widget e.g You Can Chang it's Position.This widget Make your blog more Beautiful.Maybe you Like this post.If you want to adding this widget in blogger.please follow these steps.See pic Example of Floatind facebook like box.
Subscribe to:
Posts (Atom)
I'm 
