Showing posts with label Customize - Others. Show all posts
Showing posts with label Customize - Others. Show all posts

How to Add Floating Twitter Button on Blogger Blog

Friday, September 3, 2010

How to add twitter button on Blogger blog?

How to add Follow Me on Twitter badge on Blogspot blog?

How to add Follow Us on Twitter badge on Blogspot blog?

How to add Twitter Follow Me button on blog?

How to add Twitter Follow Us button on blog?

How to add link to Twitter page on Blogger blog?



Firstly, go to Dashboard > Design > Edit HTML.



follow on twitter button


Then search for </b:skin> and add this code before it.





#twitter-follow { border: 0; position: fixed; top: 300px; right: 0;}


To change the position of the Twitter button, you can change "300" (distance from the top) and "right" to "left" if you want the button to be on the left.



Then search for </body> and add this code before it.





<div id='twitter-follow'> <a href='http://twitter.com/username' target='_blank'><img alt='Follow Me on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMZ_vki8k8_TMZdnOmUthJv9EpFwzvPopJuhBnuQRFKOHpLvdlRE_qX8iVI-awa4-riQCkC02gjFANlL_ZVQzC-yGfzhCEXZcz-Y0OVkmw4QCOma_WmciKUM0HY5A-lorY7wZRmNdXcU/s1600/twitter+follow+me+button.gif'/></a></div>


twitter follow us button



Remember to change the "username" to your Twitter account username.



If you want it to be "Follow Us on Twitter", use this image link - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirPX6M22U7kSXTiiXDiBq4x0miSlW5FioNAIneqcigia4WaGqQgDq4HNOIBSzYRX_5djjdB6niW5IY4UZ8RnHUVhSBd1cz7GBZORoPGD6Q_jELA-Swkux96TH8l_MYjcVO9Ijgm-YMDG8/s1600/twitter+follow+us+button.gif



twitter follow us button



Enjoy and all the best in getting more followers on Twitter!
Read more »

Post by Admin At 7:21 AM 0 Comments  

Labels: , ,

Tutorial: How To Set Password for Blogger Post

Wednesday, August 11, 2010

How to make blogger post private?

How to encrypt blogger post?

How to create blog post with password?



First, please proceed to http://www.vincentcheung.ca/jsencryption/instructions.html.



Go to Dashboard > Design > Edit HTML.



Then add the JavaScript decryption code after the <head> tag in the HTML code of your blog. Copy and paste the following code:





<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>


Then proceed to http://www.vincentcheung.ca/jsencryption/.



You'll see this page.



form empty


Then type for secret key at the "Key" area and the secret message at the "Plain Text" area.



filled form


After doing so, hit the Encrypt button under the "Plain Text" area.



Then scroll down a little and you'll see the "HTML Code" area. Highlight, copy and paste the HTML code into your POST EDITOR.



html code




And that's it!



Here's the result of the example shown. The secret key is "the key". Go and click on it.



Read more »

Post by Admin At 6:14 AM 0 Comments  

Labels: ,

How To Remove Blogger Navigation Bar in Template Designer (Update)

Friday, July 2, 2010

How to delete navigation bar on Blogger Draft template?

How to remove default bar on Draft Template Designer?



blogger draft navigation bar


It can also be done via this method. Navigate yourself through:



Dashboard > Design > Template Designer > Advanced > Add CSS


And then add this:





#navbar-iframe {display: none !important;}



Click "Apply to Blog" and you're done.



Credit: Comment by Bytexpert



P/S: Click here for the previous workable method.
Read more »

Post by Admin At 5:31 PM 0 Comments  

Labels: ,

How To Remove Blogger Navigation Bar in Draft Template Designer

Saturday, April 3, 2010

How to delete navigation bar on Blogger Draft template?

How to remove default bar on Draft Template Designer?



The previous method to remove default Blogger navigation bar cannot be used anymore with templates designed from Blogger Draft Template Designer.



blogger draft navigation bar


Here's how to remove the navigation bar on Template Designer's templates:



Dashboard > Layout > Edit HTML


Add this code:





#navbar-iframe {

display: none !important;

}



just above this line:





]]></b:skin>


(instead of below <b:skin><!--[CDATA[/* in the previous method).



Then save it, view your blog and it's done!



---



***UPDATE (3/7/2010)***: It can also be done via this method. Navigate yourself through:



Dashboard > Design > Template Designer > Advanced > Add CSS


And then add this:





#navbar-iframe {display: none !important;}



Click "Apply to Blog" and you're done.



Credit: Comment by Bytexpert



P/S: Click here to view update on its individual post.
Read more »

Post by Admin At 7:47 AM 0 Comments  

Labels: , ,

How To Set Password for Blogger Post

Sunday, September 13, 2009

How to make blogger post private?
How to encrypt blogger post?
How to create blog post with password?

It's basically called text encryption and decryption. JavaScript is used to perform this function.

To learn how, please proceed to http://www.vincentcheung.ca/jsencryption/instructions.html.

Enjoy! =)

***UPDATE 11/8/2010***: A thorough tutorial on setting password for blog posts can be found at our LATEST TUTORIAL GUIDE. Check it out.
Read more »

Post by Admin At 11:49 AM 0 Comments  

Labels: ,

Subscribe to: Posts (Atom)
 
 
 
 
Copyright © 2010 Blogger Tips And Tricks | Affiliate Marketing | Make Money Blogging. All Rights Reserved. Using Xclear Theme | Bloggerized by Themescook Developed by Helios | Powered by Blogger