SEO plug-in for Blogger blogs

Confused? You shouldn’t be. You might have read about so many SEO plug-ins which are available for WordPress blogs. It’s a little sad that Blogger doesn’t provide built-in SEO plug-ins for Blogger blogs.
Did you ever hear about “SEO Blogger“? This is what I’m going to share in this post.
As the name suggests, SEO Blogger is a SEO plug-in for Blogger blogs which works with Google Chrome and Mozilla Firefox. After adding this plug-in, you can optimize your Blogger post for search engines just after you publish it. This plug-in will ask you to add description and keywords for your post just after you hit publish button (as in the image below).

What will SEO Blogger plug-in do?

SEO Blogger will add the ‘Description’ and ‘Keywords’ for the respective post in the blog template as we did it manually in one of my post (How to add meta-tags for individual blogger blog post?)

The code which will be added in the post will be same as in the above post but with this plug-in you can do it just after publishing your post.

When you’ll click on ‘Submit’ the code like in the following image, will be added to you template;

Get this Plug-in

To use this plug-in, you have to work with the old interface of Blogger. As I said above, this plug-in will work with Chrome and Firefox, so if you are using some other browser, then you have to switch to one of these browser in order to work with this plug-in.

Steps to get this plug-in;

1. Back-up your template (How and Why).
2. Install Grease Monkey Add-on (click here) , first. (only for Firefox users. Chrome has this script, already)
3. Now, click here to install SEO Blogger script.
4. Restart you browser.

That’s it, you are done. Now you can go to your post editor, write down your article and add the keywords and description of your article just after you hit publish.

Note: After you hit Submit button, you may have to wait for few seconds to let the plug-in do it’s work.

I hope it will help you to optimize your blog post for search engines, easily.

Do you know about any other SEO plug-in for Blogger or may be for WordPress?

Share with us.

28 Blogger Widgets And Plugins

Blogger platform has undergone major improvements in last two years. Not only the blogger development team has added several new features to the platform,, but countless new blogger templates are being developed around the globe. Here are some best widgets and plugins for blogger powered blog that can spice up your blog for better reader experience.

1. Top Commentators Widget by BloggerPlugins – This excellent plugin has two versions. One for blogs having small number of comments and the second variant for blogs receiving lots of comments.
2. Translation Widget by BloggerPlugins – This one click install widget add multiple language translation support to your blogger blog.
3. Recent Post Widget by BloggerPlugins – This is highly customizable widget. You can set number of posts to display, post summary and it’s length.
4. Recent Comments Widget by BloggerPlugins – A highly customizable widget. You can set the number of comments to display, author name, date and size of comment. You can also use CSS to gel it with your theme.
5. Label Cloud Plugin by phydeaux3 – This is one of the most popular label cloud generation plugin for blogger. You can customize various options after installing this plugin.
6. Archive Calendar Widget by PurpleMoggy – Very impressive archive calendar widget with customizable options.
7. Archive Calendar Widget by phydeaux3 – Another very popular archive calendar widget. Highly customizable for better browsing experience for the readers.
8. Recent Posts Widget by Feed2JS – This excellent plugin makes plugin installation and customization very easy. Just fill in the form and click the button to generate widget code.
9. Recent Comments Widgets by Blogger-Templates – Just fill in the options in the form and one click widget code generation. Excellent plugin which is highly customizable.
10. Picasa Web Albums Slideshow Widget by Blogger Templates Designs – A unique plugin to show photo slideshow from any picasa account. Ideal for personal blogs, photo blogs and web design blogs.
11. Search Form Widget by Blogger Templates Designs – If you want to add site search box in your blog’s sidebar, install this plugin.
12. Google Talk Widget by Blogger Templates Designs – This plugin adds the Google Talk client to your blog so that your readers can directly converse with you.
13. Recent Comments Widget by Blogger Templates Designs – Yet another recent comments widget with customizable options and one-click install.
14. Sudoku Game Widget by Blogger Templates Designs – Want to add some interesting puzzle games for your visitors? Then install this plugin to integrate sudoku puzzle game in your blogger blog.
15. Google Translate Mini-Flags Widget by MadToMatoe – Very useful translation plugin powered by ‘Google Translate’. One click install with multiple language translation facility.
16. Recent Comments Widgets by MadToMatoe – One more recent comments widget for blogger blogs. Again you can customize the number of recent comments to be displayed.
17. Reactions Mini-Poll Widget by ThemeLib – Want to host a poll on your blogger blog? Install this plugin and get customizable polls for your readers.
18. Alexa Traffic Widget by TechKnowl – Display your Alexa stats with this customizable widget.
19. Snow Flakes Widget by TechKnowl – Add a stunning snowfall effect in your blogger template in the festive season.
20. Popular Posts Widget by TechKnowl – A very simple popular posts plugin using Yahoo pipes to filter out popular posts on your blog.
21. Flash MP3 Player Widget by TechKnowl – This cool plugin allows you to embed flash mp3 player in your blogger blog. The player is very light with custom options.
22. Related Content Widget by Outbrain – If you want to integrate related content system with your blogger posts, then this excellent plugin is the best choice. It has rating system plus related posts integration in same widget.
23. Tab View Widget by Hoctro – The coolest plugin showing tabbed posts with animated post excerpts. A must for your blog’s sidebar.
24. Random/Rotating Banner Widget by FreeYaSoul – Very useful widget for displaying rotating banners in your blog’s header. You can customize and can choose any number of headers.
25. What’s Next? Section Widget by eblogtemplates – Integrate a WordPress style ‘What’s Next’ section below blogger posts with this excellent widget.
26. Twitter Profile Widget by BloggerBuster – Add your twitter profile and twitter updates with this useful plugin developed by Amanda Fazani.
27. Bookmarking Widget by SocioFluid – One of the best social bookmarking plugin for blogger. Big animated icons with one click installation.
28. Advanced Recent Comments Widget by Csabi – This is highly customizable recent comments widget. The number of configurable options provided by this widget makes it one of the best recent comment widgets for blogger platform.

Default Web Browser ของIE,Chrome,Firefox,Opera,Safari

วันนี้ผมต้องแอบเขียนบทความนี้นะครับแบบว่า มันมีเวลาน้อยเอาอะไรง่ายๆๆก่อนแล้วกันนะครับ

Default Web Browser เปลี่ยนค่าปริยาย เป็นเว็บบราวเซอร์เริ่มต้น IE,Chrome,Firefox,Opera,Safari บทความนี้ไม่เกี่ยวข้องโดยตรงกับการเขียนโปรแกรม แต่ก็ใช่ไม่จะไม่เกี่ยวข้องเลย เพราะในทางปฏิบัติถ้าหาเราเขียนโปรแกรมแสดงบนผล Web Browser จำเป็นจะต้องติดตั้ง Web Browser หลาย ๆ ตัวในเครื่องเดียวกัน เพื่อทดสอบการทำงาน ดังนั้นลงติดตั้งหลาย ๆ ตัวปัญหาการ Set ให้เป็น Default Web Browser เริ่มต้นก็ย่อมมีแน่นอน ฉะนั้นบทความนี้จึงได้รวบรวมวิธีการเปลี่ยนแปลงค่าในWeb Browser ต่าง ๆ ซึ่งครอบคลุมค่ายดัง ๆ ที่ได้รับความนิยมเช่น Internet Explorer (IE) , Google Chrome , Mozilla Firefox , Opera และ Safari
1. Internet Explorer (IE) การเปลี่ยน Default Web Browser ใน Internet Explorer (IE)
เปิดหน้า Web Browser ของ Internet Explorer (IE)

ไปทีเมนู Tools - > Internet Options

ไปที่ Tab ที่ชื่อว่า Programs ให้คลิกที่ Make default ตามรูป

---

---

2. Google Chrome การเปลี่ยน Default Web Browser ใน Google Chrome
เปิดหน้า Web Browser ของ Google Chrome

เลือก Settings ตามรูป

เลื่อนลงมาประมาณช่วงกลาง ๆ จะมีให้คลิกที่ Make Google Chrome my default browser

---

---

3. Mozilla Firefox การเปลี่ยน Default Web Browser ใน Mozilla Firefox
เปิดหน้า Web Browser ของ Mozilla Firefox

คลิกที่เมนู Tools -> Option

คลิกที่ Tab ของ Advanced -> General คลิก Checkbox ว่า Alway check to see if Firefox is the default browser on startup และคลิกที่ Check Now

จะมีหน้าจอยืนยันให้คลิกที่ Yes

---

---

4. Opera การเปลี่ยน Default Web Browser ใน Opera
เปิดหน้า Web Browser ของ Opera

คลิกที่เมนู Opera -> Settings -> Preferences ตามรูป

คลิกที่ Tabs ของ Advanced -> Programs คลิกเลือก Checkbox ที่ว่า Check if Opera is default browser on startup และ OK ตามลำดับ
- Max OS
ให้คลิกที่ Preferences > General ส่วนของ Default Web Browser ให้เลือก Opera

---

---

5. Safari การเปลี่ยน Default Web Browser ใน Safari
เปิดหน้า Web Browser ของ Safari

คลิกที่เมนู Setting -> Preferences (ตามภาพ)

คลิกที่ Tabs ของ General ในส่วนของ Default web browser : ให้เลือกเป็น Safari

---

---

หลังจากเปลี่ยนเรียบร้อยแล้ว เมื่อคลิก Link จาก Application ต่าง ๆ ที่ทำการเปิด Web Browser ก็จะเรียก Browser ที่ได้กำหนดค่า Default ไว้

โดยสังเกตุว่า Icons ต่าง ๆ ที่เป็นพวก .html หรือ .htm ที่เปิดด้วย Web Browser จะมีการเปลี่ยนไปตาม Icons ของ Web Browser ที่เป็น Default

มาฝากไฟล์ HTML,CSS,Javascript และอื่น ไว้ใช้งานด้วยGoogle code กันเถอะ

สวัสดีครับหลังจากหายไปนานวันนี้ผมก็มากับ วิธีแปลกๆแต่คุนต้องชอบมันแน่ สำหรับคนอยากอับไฟล์ HTML เพื่อมาใช้กับ blog แต่ไม่มี host  เป็นของต้นเอง จะไปใช้ host ฟรีมันก็ติดโฆษณาเยอะด้วยอะไรก็ไม่รู้ ผมของแนะนำ Google code อีกแล้วครับ หลังจากที่แนะนำการฝากไฟล์ java Scirpt แบบไม่จำกัดกับ Google code แล้วก็ตาม หรือถ้าใครยังไม่เคยอ่านก็ไปที่ ฝากfile js. กับ Google นะครับ

ตัวอย่างก็นี้เลย    https://plugublog.googlecode.com/svn/trunk/html/Navigation%20Menu%20with%20Jquery-demo.html    ฮาๆๆๆ อยากรู้วิธีใหมครับเพื่ออยากจะเอาไปใช้ ถ้าอยากเอาไปใช้ก็ตามนนี้เรา
1. ไปที่ Google code login เข้าไปหรัสก็ตัวเดียวกันกับ blog ท่านนั้นละครับ
2. เลือกสร้าง project  หรือใครมีแล้วก็ข้ามไปดู ข้อ4 เลยนะครับ

3. กรอกขอมูลลงไปดังภาพต่อไปนี้

โดย ที่ Version control system นั้นต้องเลือกเป็น Subversion นะครับ
4.ไปที่ source ตามภาพนะครับ

ตัว ที่เน้นสีแดงนั้น จงจดจำไว้เพราะจะต้องได้ใช้ต่อไปนะครับมันจะเป็น url สำหรับอับโหลดไฟล์นะครับ  แล้วไอ้ตัวเน้นสีส้มนั้นให้คุณคลิกเข้าไปเพื่อไปดูหรัสของ Google ของคุณนะครับ  ซึ่งเมื่อเข้าไปจะมีรูปแบบดังนี้

ไอ้ตัวที่ผมเน้นสีแดงควรจดจำไว้เพราะจะได้เอาไปใช้ในการอับโหลดไฟล์นะครับ
เมื่อเราได้ขอมูลที่เราต้องการแล้วเราก็ไปโหลดเจ้าตัวนี้มานะครับเป็นโปรแกรมที่ใช้ช่วยในการอับไฟล์ เอิกๆๆ ใช้ได้ดีด้วย
6.โหลดได้ที่ Download  เมื่อโหลดมาแล้วก็ติดตังใส่คอมคุณเถอะนะจะได้เอามาใช้ต่อไปนะครับ
7. ไปที่ Desktop หรือ เปิด openwindows ของ folder อะไรก็ได้ครับแล้วก็คลิกขวาเลือกที่ TortoiseSVN > Settings ดั้งภาพต่อไปนี้


8.แล้วนำโค้ดต่อไปนี้ไปวางไว้ต่อด้านล่างสุดหรือต่อจากบรรทัดสุดท้ายนะครับ

[miscellany]
enable-auto-props = yes

[auto-props]
# Scriptish formats
*.bat        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php        = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable

# Image formats
*.bmp        = svn:mime-type=image/bmp
*.gif        = svn:mime-type=image/gif
*.ico        = svn:mime-type=image/ico
*.jpeg       = svn:mime-type=image/jpeg
*.jpg        = svn:mime-type=image/jpeg
*.png        = svn:mime-type=image/png
*.tif        = svn:mime-type=image/tiff
*.tiff       = svn:mime-type=image/tiff

# Data formats
*.pdf        = svn:mime-type=application/pdf
*.avi        = svn:mime-type=video/avi
*.doc        = svn:mime-type=application/msword
*.eps        = svn:mime-type=application/postscript
*.gz         = svn:mime-type=application/gzip
*.mov        = svn:mime-type=video/quicktime
*.mp3        = svn:mime-type=audio/mpeg
*.ppt        = svn:mime-type=application/vnd.ms-powerpoint
*.ps         = svn:mime-type=application/postscript
*.psd        = svn:mime-type=application/photoshop
*.rtf        = svn:mime-type=text/rtf
*.swf        = svn:mime-type=application/x-shockwave-flash
*.tgz        = svn:mime-type=application/gzip
*.wav        = svn:mime-type=audio/wav
*.xls        = svn:mime-type=application/vnd.ms-excel
*.zip        = svn:mime-type=application/zip

# Text formats
.htaccess    = svn:mime-type=text/plain
*.css        = svn:mime-type=text/css
*.dtd        = svn:mime-type=text/xml
*.html       = svn:mime-type=text/html
*.ini        = svn:mime-type=text/plain
*.sql        = svn:mime-type=text/x-sql
*.txt        = svn:mime-type=text/plain
*.xhtml      = svn:mime-type=text/xhtml+xml
*.xml        = svn:mime-type=text/xml
*.xsd        = svn:mime-type=text/xml
*.xsl        = svn:mime-type=text/xml
*.xslt       = svn:mime-type=text/xml
*.xul        = svn:mime-type=text/xul
*.yml        = svn:mime-type=text/plain
CHANGES      = svn:mime-type=text/plain
COPYING      = svn:mime-type=text/plain
INSTALL      = svn:mime-type=text/plain
Makefile*    = svn:mime-type=text/plain
README       = svn:mime-type=text/plain
TODO         = svn:mime-type=text/plain

# Code formats
*.c          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain

ก็ได้ดังรูปดังต่อไปนี้





เสร็จแล้วก็ save นะครับ


9.คลิกขวาที่Desktop หรือ เปิด openwindows ของ folder อะไรก็ได้นะครับแล้วเลือก TortoiseSVN > Repo-browser ดั้งภาพ





ก็ จะปรากฎกล่องให้ใส่ข้อมูล URL ลงไป ให้เราใส่ URL ที่ผมให้จดจำไว้อันแรกนะครับ ตั้วสีแดงอันแรก อย่าบอกนะว่าลืมกันแล้วถ้ายังไม่ลืมก็ใส่กันลงไป ดั้งรูปต่อไปนี้





พอ ใส่เสร็จแล้วก็กด ok นะครับ แล้วก็รอ แล้วก็ รอ พอเสร็จแล้วมันจะมีกล่องขึ้นมาถาม useser และ password นะครับ ก็ให้ใส่ ตัวมี่ผมบอกให้จดจำอันที่สองนะครับ ตัวสีแดงอันที่สองนะครับ คือ useser ก็อันเดียวกันที่ใช้ login ของblogger ท่านนะครับ ส่วน pass ก็ pass google ที่ให้จำไว้อันที่สองนะครับ อธิบายขนาดนี้ไม่เข้าใจจะว่าไงแล้ว


วิธี อับโหลดก็ง่ายๆครับ ลาก file หรือ folder อาลง หรือ คลิดขวาที่โปรแกรมก็ได้ถ้าคลิกขวาจะมีคำสั้ง Add file กับ add folder เลือกเอาครับว่าจะอับแบบใหน


ไม่เข้าใจก็ถามได้นะครับ

How To Add Facebook Comment Box To Blogger Blogs

Facebook comment box is one of the useful tool for bloggers to increase conversations. Recently Facebook has launched many social plugins for bloggers and web developers and one such is improved Facebook comment box. So here in this post I will teach you how to add/integrate Facebook comment box to blogger in simple steps. Before getting into the process I recommend you to back up your template and previous comments in blogger wont be visible if you use Facebook commenting system.
Step 1: Visit Facebook developer page and enter your blog name, URL and click on Create application.

Now copy the App ID and save it in a notepad

Step 2: Login to you Blogger dashboard and navigate to Layout > Edit HTML and check on Expand Widget Templates. Search for the code <data:post.body/> or <div class='post-header-line-1'/> and paste the code below <data:post.body/> or <div class='post-header-line-1'/> and save the template.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs7fkujMFSB4pPTQDf12P1zEzNB6feG9QOLxaXlvXAI4ffDlUSQzlt4bahvhEno9nf8qN49xWOHLQ94LHQWvaqf3jEtp3rouquj1ZitlChB6_p6EMyKVq8bGGo6Tmr8gzoA0UjBxe9hs9f/s1600/cmds.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/en_US/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>

Change the APPID on the code with your APP ID provided from Facebook and save the template.
Step 3: Now you need to hide default blogger commenting system. So navigate to Settings > Comments and select hide and save settings.

Live Demo

Note: Using Facebook Comments will hide your blogger comments. So use this comment box wisely.

Threaded Comments For Blogger

Blogger has just announced the much awaited feature "Threaded Comments For Blogger" and you might have already seen it on your Blog if you are using a default Blogger Template. If you are using your own custom Template, then you will have to tweak your template for the threaded comments to appear.
This is how the Threaded Comments will look like (Screen shot taken form the Official Blogger Buzz Blog)

How to get the Threaded Comments ?

1. Make sure that you have enabled Comment Feeds
2. Use the Embedded Comment Form.
3. Now If you are not seeing the Threaded Comments, then it means that you have a customized template.
There are different methods to fix this. But before doing any of those download a backup of your Template.
On the Old UI, you can get a backup at option in Design > Edit HTML > Download Full Template

If you are using the New UI, then you can find the same at Template > Backup/Restore (Right Side) > Download full Template

Tweaks to get the Threaded Comments:

1. The simplest method is to reset each of your Widgets to default. Doing this will revert back any customization which you or the template designer has made to the Widgets.
You can reset the widgets by going to the Edit HTML page, and clicking on the link which says “Revert widget templates to default” . If you tried this and lost your Customizations, you can always get them back by re-uploading your Template using the Backup/Restore option
2. If you don’t want to reset the widget templates, then you will have to manually Edit your template.
Find each occurrence of this snippet

<b:include data='post' name='comments'/>

and replace it with

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

and you should probably see the threaded view on your blog. If that too doesn’t help leave a comment here and we will try to debug it together :-)
Once you enable the threaded comments, your blog will by default show the 200 oldest comments, and you will see a load more link which will help the reader in viewing the rest of the comments

Redirect one page to another in Blogger

Blogger has launched an Array of Search Engine related features and one of them is the ability to create Custom Redirects. Technically Blogger allows you to create 302 Redirects which are used to specify that the Web Page has temporarily moved to a new location.

What is a redirect ?

A visitor coming to a particular web address is redirected to another web address. This process is called Redirect. Blogger allows you to create Internal Redirects which means that you will be able to redirect the user coming to a particular URL on your blog to another URL on your Blog.

When are Blogger Redirects Useful?

Consider a situation where a page on your Blog was really popular and later you decided to delete it for some reason. Since that page is popular, references to that URL might be there at multiple Blogs/Websites which linked to you. The users coming to that popular URL will now be greeted with a 404 Page not Found Error. You might be loosing some potential readers/subscribers here. One way of resolving this would be to redirect the guy to some other relevant page. This is exactly what Blogger’s Custom Redirects do.
You can also use the Blogger Redirection Tool to create short links. For example you might want to redirect yourblog.blogspot.com/yourname to  your contact page. You can do that easily using the Blogger’s Redirect Tool.

How to add Redirects?

I will describe this using an Example. I had a post about Meta Tags on my Blog. This entry was made some 4 years back  and when Blogger launched the new Search Options, it became irrelevant. So I just deleted that post and made a new entry in my Blog with the new details. Now the visitors coming to that 4 year old URL from various sources would be greeted with a 404 error. I don’t want that to happen but I need that user to be sent to my new Blog Post.

1. To do a Redirect you should have 2 URLs. The first one is the URL which should be redirected to the target. The target is the second URL where the user should be redirected to.
   
2. The second thing that you have to do is to get the relative paths of these URLs.e.g.: The relative path to http://www.bloggerplugins.org/2008/06/meta-tags-for-blogger-blogspot.html is  /2008/06/meta-tags-for-blogger-blogspot.html . You might have already figured out that you should remove your Blog’s home page URL from the URL to get the relative path. You should also make sure that the Relative path starts with a slash (/)
   
3. Similarly you have to figure out the relative path to the Target URL. I opted for /2012/03/add-meta-description-tags-to-blogger.html
   
4. Once you have got these 2 Relative paths, you can do the Redirect at Settings > Search Preferences > Errors & Redirects > Custom Redirects Add the From and To Fields there and click on the Save link and then on the Save Settings Button
   
5. You can add more Redirects in a similar way.

Demo

Check out the following URLs and see how these get redirected

1. A Post which is no longer there http://www.bloggerplugins.org/2008/06/meta-tags-for-blogger-blogspot.html
   
2. A Custom Short URL that I made http://www.bloggerplugins.org/contact

Both of these URLs will get redirected to a different page instead of showing a 404 Page.

Custom Permalinks for Blogger Posts

A permalink (or permanent link) is a URL that points to a specific blog entry after it has passed from the front page to the archives.Blogger generates this permanent link based on your post title(If the title is in English). For example if your post title is “Hello World”, the blog post’s permalink would be something like http://yourblog.blogspot.com/2012/06/hello-world.html   Till date Blogger never allowed the user to control what the permalink should be but it rather assigned a permalink on it’s own.
This has now changed and Blogger now allows YOU to decide what the permalink of your new post should be. This feature is currently available in Blogger’s Draft Version. So if you would like to check it out, head straight over to http://draft.blogger.com and create a new post. In the post options you will see a permalink option.

If you select the “Automatic URL” (the default option), then Blogger will generate the permalink on it’s own. If you want to specify a custom URL, opt for the “Custom URL” option and you can enter your custom post permalink over there. It will allow you to enter alphabets, hyphens and underscores. It will just ignore underscores. So I just used a combination of hyphens and alphabets to create my post permalink


The Final Permalink will be something like
http://yourblogaddress/yyyy/mm/the custom URL that you specified
In my case it came to something like
http://myblog.blogspot.com/yyyy/mm/custom-permanent-link.html
Blogger doesn’t allow you to modify the Permalinks of old posts but you can make use of this new feature on your new posts  There seems to be no limit to the length of this Custom URL at the moment but Blogger might impose some length limit in future.