Showing posts with label Posts. Show all posts
Showing posts with label Posts. Show all posts

Thursday 12 July 2012

Using Custom Blogger Post URL


So blogger introduced custom permalink option for posts which is one of the best SEO tool.....using this method is extremely easy :

Update : Blogger has launched this feature publicly so now you can use this feature in blogger.com
  • Create a post
  • There is a Permalink option in Post Setting section , like this:


  • Fill your Custom URL and click on done
  • Publish and we're done :)

Tuesday 3 July 2012

Different Background In Each Post Of Blogger



So in this tutorial i'am gonna show you how to use different background in each post of your blogger......ok so here we go.....

  • Go To Your Blog > Settings > Posts And Comments 
  • Paste this code at the top of the box :
<div style="background:url(Image_URL) no-repeat;">
  • And paste this code at the bottom of the box :
</div>
  • Click on Save Settings and then Create a new post
  • The Post Editor will open with the code already in it.
  • Replace Image_URL with your background image url
  • Type in your post before the </div> tag at the bottom, give it a Title and Publish.

Wednesday 20 June 2012

Password Protect Posts In Blogger


This tutorial is gonna be about how to password protect your blogger posts and this trick is not so hard and i think this is the best trick i know yet so check the tutorial out below

Here we go :

  • Go To Blogger > Design > Edit HTML
  • Backup your template
  • Search for ]]></b:skin>
  • And just below it paste the following JavaScript code,
<!--WidCraft Password Code--> <script type="text/javascript" src="http://widcraft.googlecode.com/svn/jsencryption.js"></script>
Now whenever you wish to show images, text, media or anything only to selected people then you may create and write the post as you normally do in your blogger editor :

  • Switch to the Edit HTML mode and copy all the code that you see. As shown below,

You will see 4 boxes with names: Key, Plain Text, Clipher Text and HTML Code.  We are only interested in the key, plain text and HTML CODE box. Follow these steps:
  • Enter a password in the Key Box

  • Next Paste the code that you copies from your Blogger Editor into the Plain Text box
  • Hit the Encrypt Button below Plain Text box  
  • Copy the code from the HTML CODE box

  • Now get back to your Blogger Editor. Create a New Post. Give your post a title and paste the HTML Code that you just copied inside your blogger Editor in the  Edit HTML Mode.  You can write anything in place of this text -> Show Encrypted text but make all changes in Edit HTML mode only.

That's It.....just publish your post and have fun.....you can also have some fun with this trick :p

Leave your Questions/Review/Requests/Phone Numbers(Only Girl) in the comment section below! 

Wednesday 13 June 2012

Making Pages Inside Blogger Posts


Finally after so much search on google and other places i found how to make pages inside a blogger posts aka sub posts ....

Tips:
1.First create your post and copy html of your post in notepad application of your computer.

2.After pasting the above code (The ol list) in the Edit HTML Tab, if you go to the Compose Tab and then go back to Edit HTML tab ,you will see the links have changed in the href , if you don't revert them back to only # ones, then this will not work. So either add this code just at the end of writing your Post or don't switch to Compose tab :(
  • Create A Post > Choose HTML Option And Paste The Below Script 
<div class="content11" id="page-1">

Content Of Page One

</div>
<div class="content11" id="page-2">


Content Of Page Two


</div>
<div class="content11" id="page-3">

Content Of Page Three

</div>

<ol id="toc">
<li><a href="#page-1">1</a></li>
<li><a href="#page-2">2</a></li>
<li><a href="#page-3">3</a></li>
</ol>
  • Replace Content Of Page One/Two/Three with the HTML of your page one/two/three content.
  • Now after completing above step just post this script below it

<style>
div.content11 {clear: left;padding: 1em;}
div.content11.inactive {display: none;}
ol#toc {height: 2em;list-style: none;margin: 0;padding: 0;}
ol#toc a {padding: 0px 8px 0px;margin: 1px 4px;text-decoration: none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;}
ol#toc a:hover {background-color: #DBECF8;padding: 0px 8px 0px;border:1px solid #204e73;}
ol#toc a:hover span {background-position: 100% -120px;}
ol#toc li {float: left;margin: 0 6px 0 0;}
ol#toc li a.active {background-color: #48f;background-position: 0 -60px;color: #fff;font-weight: bold;}
ol#toc li a.active span {background-position: 100% -60px;}
ol#toc span {background: url(tabs.gif) 100% 0;display: block;line-height: 2em;padding-right: 10px;}
</style>
 <script src="http://widcraft.googlecode.com/svn/Pages-In-Posts.js" ></script>
<script type="text/javascript">
activatables('page', ['page-1', 'page-2','page-3' ]);
</script>

  •  Now your post in ready to get published.....you can add more pages on your post by editing  activatables('page', ['page-1', 'page-2','page-3' ]); section in last script and by adding more page option on first script.
If you liked this hack then give up credits and comment :D

Popular Posts

 
Powered by Blogger.