All Blogger Tricks and Tips

Friday, 24 July 2015

50 Status for Whatsapp

11:39

Best whatsapp status

You are my favorite reason to lose my sleep.
Thanks for being in my life
Life is very difficult when we are true to Everyone..!
There's lovely person between Y and I on your keyboard....just look
Never too busy to be happy :-)
Promises mean everything, but after they are broken, sorry means nothing.
Common sense is not so common
I don't wish to be everything to everyone, but I would like to be something to someone..
People just only love and lose whom they shouldn't
All things are possible

Funny status for whatsapp

hello!Problems where are you looking I am here.
Hi there! I am using my brain!
Status is still loading.
Google on my mind
Always trying to cool my self
It's hard to being a superwoman
Error:status is unavailable.
the hell was full so i come back soon
We're like diamonds in the sky
"Cool boy's" Enjoy all the testes of Life ;-)

Cool status for whatsapp

Life must go on :-)
Dreams are just the brain’s Screensavers.
never give people permission to disrespect you....
One of the biggest challenges we have, folks, is making liberty and freedom cool.
Secrets...are the very root of cool
life is simple if we are simple....
Sometimes, you have to smile to hold back the tears.
Life without mistakes is like , education without books.
Teachers Only Teach The Rules... But Winners, Winners Make The Rules.
Life is journey. I am traveller.

Love status for whatsapp

Love Is My Favorite Mistake
Love can happens only once.. Next time its only Compromise.
So far, but I love you always
If u cheat me or kill me, but your love is my TRUE GOD.
If u love someone time and distance never be a problem
If you like fizzy drink you will love me!
love is life no love no life
Love is not about posssession, Love is about appreciation
Love is game for liars and pain for shayars.
Live life fully, no place for hate, only love.

whatsapp status quotes

A person needs a clean reputation to survive................!!
Have a good time :)
Life is simple, people are complicated...
I don't care because you not fair
Some mistakes should be committed one time
Follow your heart and see where you land.
Forgiving is not always forgetting, but forgetting is always forgiving
Divorce your EGO.
Education is the powerful weapon to chance the world.
Distance is everything

How to open a link in new popup window

How to open a link in new popup window

Hello friends I have received many mail from our viewers they want to know how to open a link in new popup window.

Use – some time we want show a page in new popup window for some different type information like Description, Impotent note and etc.

Benefited- By using this you can create a link that will be open in new popup window and it’s attracting the viewers.

How to Create Popup link..-

how to change older post and newer post or Home link with image in blogger

11:39 blogger tricks and tips

How to change older post newer post in blogger

Replace Older, Newer and Home Blogger Links with an Image Or Text

Friends do you want change older post newer post and Home link text with cool pictures like right arrow left arrow or Home Icon and with your favorite text.

If you want change follow below given Steps.

Note – before change in HTML you should Backup you Template In case you make any mistake you can restore your template. How to Backup andRestore Blogger Template

Select your Blog.

Click Template (See Demo Image)

After this Click to Edit HTML option. (See below demo image)

And Now Click in Expand Widget Templates Check box. (See below demo image)

Now (Press Ctrl + F) search for the below highlights codes in your template.

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

For change Older post

Replace <data:newerPageTitle/> with below code

For change Newer post

Replace <data:olderPageTitle/> with below code

For change Home Text

Replace <data:homeMsg/> with below code

Now after all change save your Template. (See Below Demo Image)

Now your blog is ready for new style now it will look like below imagehow to change older post and newer post or Home link with image in blogger

Before and After Change Deference.(See Below Demo Image)

Note- You also can Replace <data:newerPageTitle/> , <data:olderPageTitle/> , <data:homeMsg/>

With your Text.

2 Note- you can try your favorite image for older post, newer post and for home Just use below code.

Your image URL replace with Your Favorite image URL Address.

Thanks Friends I hope you like this post

smooth scrolling back to top button for blogger

11:39 widgets for blogger

Soft smooth back to top button for blogger add below given code in your blog for show Scroll back to top button in bottom of right side by pressing this button page will be reach top in the page. You can replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOn7j0w2AKu1Pt_RW9ClvXRd4E4_SjOhz5LlP1VdDdiwvIOB_2-MYhOWokl_KGmlIFBW8X13tAku8CQpV1en4WB-tpALcWKsgNmLZS-3PbfgcdAm7-C4G7PuoHZsXz2btRIp8IAU_7WvU/s1600/go+to+top+button.jpg this image url with your favorite image as a back to top button image in below given code.so let try smooth back to top button in your blogger.
Add below given code in your blogger blog as a widget by HTML/JAVASCRIPT widget.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOn7j0w2AKu1Pt_RW9ClvXRd4E4_SjOhz5LlP1VdDdiwvIOB_2-MYhOWokl_KGmlIFBW8X13tAku8CQpV1en4WB-tpALcWKsgNmLZS-3PbfgcdAm7-C4G7PuoHZsXz2btRIp8IAU_7WvU/s1600/go+to+top+button.jpg" alt="Back to Top" / ></a>

Add Back to Top Button or Go to Top Button in Blogger

11:39 blogger tricks and tips, widgets for blogger

Back to Top/ Go to top (^) – Friends in many website you may have seen up arrow on bottom by pressing this up-arrow you reach to top of the web page. You also can see this button on this page right side of bottom by pressing this you will go to top. It’s very use full for website visitors this feature save time of website visitors they reach to top by pressing this option

Without it’s very old way pressing scroll up button for go to top and it’s also take time for go to top that’s why now days maximum websites use new way for go to top button.

How to add back to top button in blogger

It’s very easy to add back to top button in blogger follow below given steps for add back to top/ go to top button.

1. Sign in – in your blogger account

2. Select your Blog in which blog you want to Add Widget

3. Go to Layout Option

4. In Layout option there is a Add Gadget Option Select this (see in image)

5. After select Add Gadget a popup window will be open ( Add Gadget window ) (see in image)

6. Now select “HTML/JavaScript” Gadget

After this Now select (copy) any one html button coding from below given styles which you want to add in your blog and past in HTML/JAVA Script content Box (see below image )

Style 1

HTML Code for Style 1 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQebMpB7mocFa9zXkIJVqHBjM-mX3Jg9j4EdNd1yFI6_oYL-rr5BIxCi_E7g2xciP5siywO8bTCxRSJXt6eErRh5VpPs-m2x9B5wWSeJAdO1RIynw4PR_acU2T1rw91mFv62E59_VRjc/s1600/Back-to-top.png'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 2

HTML Code for Style 2 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj14lYGgtn8VaoAKNgv-cKja5hwsrEdlny6qCHQX9ACLKoZjUKHeGKHN4qGA-1dzgTeoMUukUv8JxSsoyyKmpvhyoe89Mt3R41uZyFo-ZVVOJMIVT-0C2vsOkmnpv8CvssEqsUjg8SIqtY/s1600/go+to+top+button.gif'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 3

HTML Code for Style 3 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOn7j0w2AKu1Pt_RW9ClvXRd4E4_SjOhz5LlP1VdDdiwvIOB_2-MYhOWokl_KGmlIFBW8X13tAku8CQpV1en4WB-tpALcWKsgNmLZS-3PbfgcdAm7-C4G7PuoHZsXz2btRIp8IAU_7WvU/s1600/go+to+top+button.jpg'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 4

HTML Code for Style 4 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJueweGeU3VkytTkQqj3Mq_Z_PF5mkZsUCaW1mq6rKakuuoAASAIEbEoTTACCoT-alrdZ1_gE6z3NB1CMdtTIKlCVGc-hzHeSvOncrU28_na0I6uBUKqKrXDLf1UdrU-bciLlQwcaOaog/s1600/go+to+top+image.png'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 5

HTML Code for Style 5 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPbqTYXgLSA4SFdiBhD0reMFCqVgZbnHYq-g7srbRU-SnHNBjtQdkHtG98VXqyOvajQZCKOLuiB3zU-Lgc3V_mtjYrK8ywx4a_bE8vY6Q930W-8nFiIHD1sU_impKyw5oQjpSffcOCpF0/s1600/go+to+top.png'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 6

HTML Code for Style 6 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhoZJSBAo_-T_UNPcpQJXmYAxrQlSESvKmDamVgTvs_OquJwsauxu2Q6efnXPauDJh50N5Ab99_XpoW0qLVI1f5-FtbjX3SYSfXa0-E2gcDaJmTjUc2O8SIdNTa8zJmucTuWDN1KNkfHk/s1600/jump+to+top.png'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Style 7

HTML Code for Style 7 is blew copy below code

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.allbloggertips.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Itm9lzXhMg-_6L1-HnRrCD09iqfUVWtnK15T8X4mxIO6LsL0hp-vuV4j0vE11gM_vsrCG3Mzxs9phwyccqr7gXh8vB4tptU_t_tTWjzIlr_nt-FXIHHPwyRdZW48zviwtw06CoPf7mk/s1600/up+arrow+image.png'alt=”go" to top image” /></a>
<!—www.allbloggertips.com-- >

Not:e- You can Replace "right" with "left" if you want show button in left side.

Now Save arrangement and blog is ready with Go to Back option.

I hope you like this post

All Blogger Tricks and Tips

Friday, 24 July 2015

50 Status for Whatsapp

Best whatsapp status

Funny status for whatsapp

Cool status for whatsapp

Love status for whatsapp

whatsapp status quotes

How to open a link in new popup window

How to open a link in new popup window

how to change older post and newer post or Home link with image in blogger

smooth scrolling back to top button for blogger

Add Back to Top Button or Go to Top Button in Blogger

Popular Posts

Category

Blog Archive

Popular Posts