= AnGeL Hacks =

Showing posts with label blogger tricks. Show all posts

How To add a impressive cursors in your blogger

Facebook has introduced the Like Button for bloggers. The readers can share the post from the blog directly to their Facebook profile by clicking on Like Button available on the blog. This way people can know what their friends are reading and it can attract new readers. So in other word we can say it is the best tool to increase your blog traffic.

Add The Facebook Like Button Below Post Title

Go to Blogger > Desings > Edit Html
Click "Expand Widget Templates" option (Before putting the code Back Up Your Template~Learn How To Back Up Template)
To add the button directly below the post title find the below code.(Click Ctrl and F for a Search bar to help to find the code)

<div class='post-header-line-1'/>

Now paste the Facebook Button Code given below directly Below <div class='post-header-liner1'/>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%D1%A6%CE%B7%E1%B8%A0eL-r%CE%B5%CF%89-hacKs%2F373654062702525&width=270&height=290&colorscheme=dark&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:290px;" allowtransparency="true"></iframe>

Save your Template and check out your Like Button below post title.

If you have any question or need help then use blogger comment box below.

Add Back To Top Button On Your Blog

Today I am sharing a simple tutor for blogger. If you have a long content on your blog page then this Back To Top button can help the visitors very much. When visitors click on this button they will be redirect to the top of the page. It helps to save the time of the visitors. It is very easy to install on your blog . It will install the button on the right side of the bottom of the page. You simply need to add a simple html code for this. But first see demo.

Add Back To Top Button On Your Blog

Go to Blogger>Design>Page Element
Click Add a Gadget option

Select HTML/JavaScript option. Copy and paste the below code inside it.

<a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLR67Mlj3u6UwlyhfnxB4h1BNO-B_eGkjr0VgFQJrqu9q9UxxJbQ55X56j_rzL3fkmFG6m_MYpmtdvN2qVsee8-mNoj1WeHCVhHugJyYyhlKSLaylGPyZL8f6YOd8ePxfhXLr3ieQ3WU/s1600/go_to_top.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYK8HGCqGe3rNrNQJVc3ERrqp-PfTdQOdqaD1hEr10O9slKh11nCRh1o_IgeGdOl8RlQ-bhLFfhLw4QTYjWWF8RpVWukIU36Yme7if8_PSUwOrztoTaxU12pC1qc2Nus1Dpazc3fLlkGY/s1600/go_to_top_small.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYK8HGCqGe3rNrNQJVc3ERrqp-PfTdQOdqaD1hEr10O9slKh11nCRh1o_IgeGdOl8RlQ-bhLFfhLw4QTYjWWF8RpVWukIU36Yme7if8_PSUwOrztoTaxU12pC1qc2Nus1Dpazc3fLlkGY/s1600/go_to_top_small.png'" /></a>

Note:

You can change "Back To Top" with your desire Title.

Hit Save button and your are done .

As you know Facebook is the No.1 social networking site in today world. Facebook had provide blogger different plugins like Like Button, Like Box etc to share their blog post on Facebook which helps blogger to increase their blog traffic. Today I am going to share steps to add floating Facebook badge on your blog.But before that we have also published post about adding floating twitter button on the blog. If you have missed it check it out. So let's start the process step by step but first see demo:

Add Floating Facebook Badge On Your Blog

Go to Blogger>Design>Page Element
Click Add a Gadget option

Select HTML/JavaScript option and paste the below code inside it.

<br/><a style="display:scroll;position:fixed;bottom:450px;right:1px;" href="http://www.facebook.com/profile.php?id=100000625447798" target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghrNAa2HrYqga0NAeA4NU_Z69RqfUibNs9E4-J5JbHr388c10aI1TQmXWtURIz5PAPdJ9Gmf1JHgAA9NvMUByARTURg0nP6wL9xylwToQ7fu_UBdsMwMWi5GEtaKan0yJDC59-n2Ruz5Q/s1600/facebook_badge.png" /></a>

Note:

Replace gulmiresunga with your Facebook Fan Page or Facebook Username.

You can also adjust position right or left according to your need.

Hit Save button.

If you have any question use blogger comment box below to ask your questions.

Add Beautiful Search Box On Your Blog I am sharing you the beautiful and good looking search box that you can add on your blog.You just simply need to add the html code on your blog provided below.

Add Search Box On Your Blog

Go to Blogger>Design>Page Element
Click Add a Gadget option

Select HTML/JavaScript option. Copy Search Box Code from below and paste that code in it.

<style type="text/css"> #searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kHKcaIMPRsMe4weCx6VMhVGUs8v36b2b7aVsTsWeegUZFTwymD73bUu0N0r6aiZrje91p4X3B-J1E0FkkFM6iLHlXNPNu5w06Q7a4ArwHpMPXM7S0er43IvtW3xEchljzgpdFl3OfIc/s1600/Beautiful+Search+Boxes.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#searchform{display: block;padding: 12px;margin:0;} form#searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="searchbox"> <form id="searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

Save the Gadget.

Happy Blogging :)

Twitter is gaining popularity day by day. Daily millions are using twitter and generating millions of tweet daily. Twitter for the blog has been the must necessary application for generating traffic, sharing post of your blog. This flying twitter bird lets user to tweet your blog which helps to generate the traffic. It fly from corner to corner as you scroll up or down.

Add A Flying Twitter Bird

Go to Blogger>Design>Edit HTML
Check Expand Widget Templates . I recommend you to Backup Your Template.
Then Find for </body> and immediately above that code paste the below code.

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>

</script>

<script type='text/javascript'>

var twitterAccount = "theangelcrew";

var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";

tripleflapInit();

</script>

Replace shahsantosh with your twitter username name
Save Template and your are done

Happy Blogging :)

Most of you may want to add free SMS widget on your blog. So for them SlideSMS is providing the free SMS widget for your blog. You just need to add a code on your blog and any one can send free SMS via your blog. But the drawback of this widget is it comes with the Google Ads, Facebook like button and the link of the Slide SMS. Because of these it looks a bit ugly. But it can be good widget for the beginner blogger who want to put free SMS widget on your blog.So lets add Free SMS widget on your blog.I will show you to add it on both blogger older interface and blogger newer interface.

Add Free SMS Widget On Your Blog

First go to SlideSMS
Then Copy the code provided there.

For Oder Blogger Interface: How To Add?

Go to Blogger>Design>Page Element
Click Add a Gadget option

Select HTML/JavaScript option. Paste that code that you copied before in it.
Save the Gadget.

For New Blogger Interface: How To Add?

Go to Blogger (Note: If you are managing more than one blog then choose the blog you want to add Free SMS Widget)
Then go to Layout option

Click Add a Gadget option
Select HTML/JavaScript option. Paste that code that you copied before in it.
Save the Gadget.

Happy Blogging :)

Add Alert Message Box On Blogger Blogs

In this tutorial I will show you how to add alert message box on blogger blogs. This message box can be used to add a alert message for the visitors before they visit your blog.When someone visit your blog first this message box will appear and after that only they can visit your blog.You can write like some copyright information or other message on this box. To add this box on the blog you simply need to add one line code on your blog. So lets start:

Add Alert Message Box On Blogger

For Older Blogger Interface : Go to Blogger > Design >Edit HTML>Expand Widget Template .
For Newer Blogger Interface : Go to Blogger>Template>Edit HTML>Proceed>Expand Widget Template.
Then search (CTRL+F) for <head> and add the below code just below it.

<script type="text/javascript"> alert("Your Message Here"); </script>

Replace Your Message Here with the message you want to show while someone visit your blog.

Please share with us on the blogger comment box below, weather this tips works or not.

Social networks and social sharing is one of the major traffic source for every bloggers. Some of social networks like Facebook, Twitter, Google plus, Etc . , which have milions of users can boost your blog traffic to an unimaginary level. Social networks are really playing an elegant part in bringing traffic to each and every blogs and websites. Sharing on Social can definitely bring a lot of change in your blog's popularity and rank. For this SEO tactic you need to impress your blog visitors with something special on your blog and In this tutorial, i am going to guide you on how to add a 4 in 1 beautiful social sharing widget on your blogger blog and make your Blog Vist er feel impressed. So what are you waiting for !!! Lets start with very easy installation. Go To Your Blogger dashboard --> Design --> Edit Html (Tick the expand widget option).

2. Now Find(Ctrl+F) The Below Code.

</head>
3. Add the below code just above the </head>.

<link href='https://blognpctricks.googlecode.com/svn/css/4in1widgetv2.css' rel='stylesheet'/>

<script src='http://makingdifferent.googlecode.com/files/fanbox_init.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });
</script

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

<script src='http://apis.google.com/js/plusone.js' type='text/javascript' type='text/javascript'/>

4 Now click on Save Templet

5 go to design > page element > Add html java Script box And paste this code

<div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnV5Ij55rTFiZAchDrWwdiEZcPBhqbGUYJU2Y-kk8URoUMu6Xp-zXuMyb2qQNYNWK3m4Vc203kaIYIN3BCgClZ0LZEoCOeulnrpYmwlgQTds42rTR6_7kHY3vrH-zIy8dI0a3f2827BU/s1600/bloggertricksdotbiz(facebook+right).png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=fanpageurl&locale=en_gb&width=200&connections=9&stream=&header=false&show_faces=0&height=356" scrolling="no">
</iframe>
</div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNHPDuWgsLMXNtAyGA9a0IQC3tZKkgIZsEdrqkQtEbXMwp9lSm0nLqHckEu6X6plE0rhDSZJyXiHtb_dofeBVipk8sU2It2NT77vUfPqRTYxkrnrQ1jm7h6RMbPch8L7xydUtvcD7DPrg/s1600/bloggertricksdotbiz(twitter+right).png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("twitterusername");</script>
</div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikVta275TvA-f8TZEsQB3zXfGOR-sYLw_VfL4RpHaPxCpMGnalpXPSPElWbf4gjpcbs7RVQiOQCGQ-rux5TdkuoLrJ_RZ4SSx1T1Ofey356s2WO_jjlTc4QUVfcAdyZYe7RXgIB7RMBhw/s1600/bloggertricksdotbiz(google+plus+right).png" /><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone>
</div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#f66303;">you can also receive free email updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=feedname', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="co/YpkX" name="uri" type="hidden" /><input value="submit" class="submitbutton" type="submit" /></form></center><img id="feedburner_right_img" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo2h8laguALI6JGIt70LrP2QbCJO4_RrT7KrBVQpWnbuCS9U5MskMDjgXdh4jI1OI4AAtdcnIPu432MvuRLRBluD4-bDQS4SIWQXge8HhRUu9DwhBZ3oSFjHWUZQ31l8YarL-QaDN8hBY/s1600/bloggertricksdotbiz(subscribe+right).png " /></div></div></div></div>

6 change highlight fides And save

That's It. . . . !!!!!!!

To hide the Blogger NavBar:

- Log in to blogger
-
On your Dashboard, select Layout . This will take you to the Template tab. Click Edit HTML. Under the

Edit Template section you will see you blog’s HTML.

- paste the CSS definition in the top of the template code :

Ab UrDU main Hacking Start

Facebook Hacking Tips By XBID(100% Tested )

Tutorial About Email Hacking

An easy way to hack a website

How Safe is Your Computer?

How To add a impressive cursors in your blogger

Add The Facebook Like Button Below Blog Post Title

Add The Facebook Like Button Below Post Title

Add Back To Top Button On Your Blog

Add Back To Top Button On Your Blog

Add Back To Top Button On Your Blog

Add Floating Facebook Badge On Your Blog

Add Floating Facebook Badge On Your Blog

Add Beautiful Search Box On Your Blog I am sharing you the beautiful and good looking search box that you can add on your blog.You just simply need to add the html code on your blog provided below.

Add Search Box On Your Blog

Add A Flying Twitter Bird On Your Blog

Add A Flying Twitter Bird

Add Free SMS Widget On Your Blog

Add Free SMS Widget On Your Blog

For Oder Blogger Interface: How To Add?

For New Blogger Interface: How To Add?

Add Alert Message Box On Blogger Blogs

Add Alert Message Box On Blogger Blogs

Add Alert Message Box On Blogger

Add 4 In 1 Social Sharing Slider Widget For Blogger

To hide the Blogger NavBar:

Labels

Blog Archive

Blogroll