DHTML blogger comments

This post will describe about some techniques to comment a blogger site with DHTML content. especially dedicated to Ifinder

DHTML is nothing but Dynamic HTML and which is the combination of HTML, Javascript, CSS, HTML DOM. As we discussed in HTML comments for Blogger site post, using NCcode we can post HTML contents which gives you customized style of comments. Since external javascript are not secure, though NCcode recognize javascript, it will not accept external javascript. But javascript can be used without functions and variables.

below are the few examples for including javascripts in blogger comments(for non-techies please replace the highlighted parts with your images.)

Effect: on click, image toggle


NCcode:
〈img onclick="if (this.src=='http://www.w3schools.com/dhtml/bulboff.gif'){this.src='http://www.w3schools.com/dhtml/bulbon.gif';}else{this.src='http://www.w3schools.com/dhtml/bulboff.gif';}" border="0" src="http://www.w3schools.com/dhtml/bulboff.gif" width="100" height="180" /〉

---

Effect: Anchor tag on particular pixel(Map effect)


NCcode:
〈img src="http://www.w3schools.com/jsref/planets.gif" width="145" height="126" usemap="#planetmap" /〉〈map name="planetmap"〉 〈area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="http://www.w3schools.com/images/venglobe.gif" /〉 〈/map〉

---

Effect: Hide/unhide the comments

you can hide me.

NCcode:
〈input type="button" value="Hide text" onclick="document.getElementById('pic').style.visibility='hidden'" /〉〈input type="button" value="Show text" onclick="document.getElementById('pic').style.visibility='visible'" /〉
〈p id="p1"〉you can hide me.〈/p〉

---

Effect:mouse over enlarge the image


NCcode:
〈img id="image" src="http://www.w3schools.com/dhtml/bulbon.gif" onmouseover="this.width='200';this.height='360';" onmouseout="this.width='100';this.height='180';" width="100" height="180" /〉

---

If you notice you would have found one thing that is javscript can be included in events like onMouseout, onMouseover, Onclick... you can develop complex javascripts with in events and you can make the effect in blogger comments. If you use image toggling effect, then it would reduce your page loading time comparing to large images


Suggestion for Blog owner:
If you are good in javascript, then allow the javascripted comments while moderating your blog comments. If not Please don't allow any javascripted comments it may have span links.



Reference:W3shools

ASCII comments for social sites

Have you ever wondered about ASCII arts? It would be the pictorial representation by simple text characters.

  |\_/|      
 / @ @ \     
( > º < )    
 `»»x««´     
 /  O  \       

There are many types of ASCII Art like text art, image art, 3D image art etc., Now here Macrolayer introduce one more new tool to generate text ASCII art with personalized symbols. From which you can create text messages in the ASCII symbols. It can be a greeting phrases, welcome notes, or any personal talk. You can choose the ASCII symbol which you need to spread across the art; you can resize the art with different size; you can paint ASII text color or its background color.

ASCII FONT Generator 

Random gadgets for Bloggers

It is an interesting thing to show random messages or pictures or ads in the Website. you may love to show different messages on the same page when user visit same page again. That may be your picture, which have different pose on every refresh. Even that can be a blogger gadgets, on every refresh on the same page you can make to get random gadgets. This type of Randoming will make different look on your pages. Let see how to make random elements

How to avoid country specific Blogspot URL

Recently Blogger has announced country code Top Level Domain (ccTLD) for few countries like India, Australia,.. As per Blogger note, it will be launched for more countries in near futures. Technically, which means a visitors from these countries will be redirected to their ccTLD eg) an Indian visitor view my blog as macrolayer.blogspot.in & australian visitor view my blog as macrolayer.blogspot.com.au.

Full HTML access for Blogger Comments

Lets break the rules for commenting in Blogger website.

As you know NCcode made blogger comments to show images, texts, and more with some syntax. But there was few discussions with fellow bloggers on personalized needs. and Ncode was also frequently updated with more syntax to adhere the commentors wish.

Now time for releasing the new feature to accrue HTML syntax. You have to do just a single conversion from HTML to NCcode and post it in blogger website. This will help you to post comments with HTML code

Sort Blogger comments by Descending

Below Code has been depreciated when Google introduced Thread commenting feature

Recently Purnomo has quested how to reverse the blogger comments order?
But I searched in web is there any existing technique for this, But unfortunately no idea was available for the users. So MacroLayer Pleasure to introduce new Script for Date Descending.

 Let we see how to sort the Blogger comments orders in our blogs. Since blogger hosts the comment, we can’t alter the order which it comes. But we can make prolific blogs design which reads blogger comments in descending order. Technically, latest comments will display top on your comment area. Not sure everyone likes to sort their comment order, but definitely many blog owners are looking for comment sorting option. This new Script will make you to sort simply a reverse. This script doesn’t affect any template design or any add-on which are in your blog. More over it is user friendly for most of the blogger templates. Now it is tested clean for IE,Firefox,Chrome.

How to install:
Just copy the below code and paste it above the </body> code in your blog template.

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/ncsort.js' type='text/javascript'/>

this script will sort out all your comments in all your posts in your blog. If you want to sort only a particular post then replace the below red words with your post address and copy this and paste it in your template just above any of  the     <div id='backlinks-container'>  tag or <p class='comment-footer'> tag


<b:if cond='data:post.url == "http://yourblogaddress.blogspot.com/2011/11/sample.html"'>
<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/ncsort.js' type='text/javascript'/>
</b:if>


Still if you have a Problem in your template drop a comment with your blog address
Enjoy!

Five steps for new bloggers

Are you the new enthusiastic to the blogging world? here are the Five important steps that you have to do to ensure the quality of your blog page, Mainly for Blogger webpages.

Hope you do title and description for your site for visitors. But one more thing you have to do same for web crawlers. I mean, You have to provide description and keywords for varies web crawlers from search engine in Meta tags. in easy word, this description will be listed on Google search results when your blog is listed over there. If you not listed your blog description then Google or other search engine do pick random sentence from your post and which does not provide the actual description for the visitors.
you can check this site in Google
Goto you template editor mode [for blogger's Edit HTML] and place below code just below the head element which will start with <head>


-------------
   <b:if cond='data:blog.pageName == &quot;&quot;'>
<title><data:blog.title/></title>
<meta content='Macro pages of micro thoughts in Webdesign,Tips,Animation,Cartoon,Javascript,Gadgets and more' name='description'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='Webdesign,Tips,Animation,Cartoon,Javascript,Gadgets,innovation' name='keywords'/>

-------------
change the bold letters with your own descriptions and keywords for you blog

Ensure the blog comment box as visitor friendly. which is the way you can get real inputs and support from readers. some Blog doesn't have comment box and other hand do restrict some accounts for commenting. As far as you concern on security, you can follow strict usage; but friendly request is to make available for all to comment. Blogspot sites are advised to remove the word verification on comment window that can be done by Settings-> comments-> Show word verification for comments? set to No

Submit you site to search engines for web search. There are more search engines are available among that Google, Yahoo and Bing are the remarkable engines. Do submit you sites

Add share buttons in the post which will let your blog to more readers. you can use ready-made code snippet which contain all social networking sites or you can use manual code from particular sites. Ultimate intention behind this is to encourage your readers to share your page content to their friends. which get you more readership
Google Plusone
Twitter
Facebook

Final Step would be the Quality content & good reader. Do make posts with quality contents which you love and post with regular intervals. As a good reader, you should reader more blogs from your neighborhood and also comment on their posts, which is the one of the way of marketing as well you get more health blogging network.

Read any blogs without visiting it

Few People may like to visit blogs anonymously, Few would like to avoid their network presence, other few would be banned to access and so...  And there is genuine reason that the site contains avoidable script or malware with it. Here I have shared few suggestions which has been classified with three type. 1) RSS aggregation 2) emailing system 3)Proxy sites. I believe all other services can be sort in to these categories

RSS Aggregation:- Here we have two option, we can directly subscribe the RSS feeds of a blog into any Rss reader service. like http://google.com/reader http://reader.feedshow.com   bloglines.com. This is the more familiar technique that we use to read blogs. But If the blog allows only limited characters, then we may not able to read whole contain. For this limitation we have few services which offer full feeds for any blogs. you have to register and get new feeds from them for a particular blog that's it.

http://fivefilter.org http://fulltextrssfeed.com/ www.wizardrss.com/

This RSS methods will work lots for a regular followup and subscription

EMailing System:- In General, many Blogs allow us for email subscription from feedburner or other services. But this is directly related with RSS control settings. If a blog is limited with feeds flow then email via these services will be limited. so apart from this, we have two option, we can get total web contain in HTML format or image format by mail for any site. For HTML extract has being offered by  http://Web2mail.com http://WWW4mail.org http://www.emailtheweb.com these service can be availed by email or direct visit to the site. For image extract www.sciweavers.org/free-online-web-to-image is good to capture the webpage with quality content.

Emailing methods are fascinating way to read a random webblogs

Proxy Sites:- Most of the internet users are well aware of these sites. Need less to list those sites since Google list more than enough and these sites are uncountable in number with unstable presence. Many proxy sites may be banned in corporate environment. Google cached files is one of the proxy, it save only past content but this is a good source if the original site is banned in your network

Specially For Blogspot:- visitors can view a page with /?m=1 which means mobile view.

 http://macrolayer.blogspot.com/?m=1 This way will be effective to avoid unwanted content in a blogspot and readers ip address will not be traced in this way

Some of these way would help to reduce your internet consumption or help you to make more dynamic in blog reading.

Happy reading

Tamil Transliteration Utilities

Tamil is the one of top 20 languages speaking in the world and Most around south Asia. It belongs to Dravidian family and has history of 2000 years. But many of the folks are unaware of Tamil Unicode and its Transliteration facilities. Note me, It is not translation but transliteration. These utilities help to convert Roman Unicode or unfamiliar codes to tamil unicode. For better spreading of information, some of the resources have been listed over here

Online Resource for converting multi code to Tamil Unicode

Online website

http://www.google.co.in/transliterate/indic/Tamil http://www.suratha.com/unicode.htm http://tamileditor.org/ http://software.nhm.in/services/converter [convert multicodes] http://kandupidi.com/converter/ [convert multicodes] http://scriptconv.googlelabs.com/

Browser extension

http://www.tavultesoft.com/keymanweb/bookmarklet.php http://t13n.googlecode.com/svn/trunk/blet/docs/help_ta.html http://specials.msn.co.in/ilit/TamilWebInstall.aspx

Offline Resource to type Tamil unicode

Downloadable for local Desktop

http://www.google.com/ime/transliteration/ http://specials.msn.co.in/ilit/Tamil.aspx http://software.nhm.in/products/writer http://thamizha.com/project/ekalappai http://download.cnet.com/Shakti-Office-Tamil-English/3000-2079_4-10842225.html?tag=mncol http://tamil.sarma.co.in/ http://www.azhagi.com/downloads.html http://kilikeluthi.online.fr/

Browser extension/add-on

https://addons.mozilla.org/en-US/firefox/addon/tamilvisai-tamilkey/ https://chrome.google.com/webstore/detail/gafpeaoljjcahihccmjpkmijdlmocnjl https://addons.mozilla.org/en-US/firefox/addon/adhiyan/versions/?page=1#version-3.0.2 http://widgets.yahoo.com/widgets/tamil-3999-keyboard

Kindly list over missed utilities for Tamil transliteration

Picture comments for blogger

For a year, blog readers are searching for the solution to post picture comments and more formated comments in blogger comments column. We knows blogger allows only bold,italic and anchor tags in its format. But it would be more splendor experience to post a comment for a blog, if it has more formats. needless to say languages are not bother for picture comments.

Here I introduce a scripting technique to get this formats in blogger websites. You need to add this javascript to your blog template and need to use peculiar tags to get this features. And this script try to give you more formats like images, color, size in blogger comments.

How to tag it?
[im]your image url..[/im] -This is to get image in blogger comments
eg) [im]http://website.com/folder/image.jpg[/m]
[si="10"]your text[/si] -This is to fix font size
[co="red"]your text[/co] -This is to get colors in text
[ma]your texts..[/ma] -This is to make scroll your text
more syntax...

How to install?
simple, place the below codes in your blog template design->Edit HTML just above </body> tag.

<script src='https://googledrive.com/host/0B4h6e6FJ1K3LeXJ2ODhxWlMzejA/' type='text/javascript'/>

How to announce this to reader?
Place the below message in template just after <data:postCommentMsg/> for blog readers.

You Can Add Images, Colored Text and more To Your Comment.<br/><br/><b>Image: </b> [im]Image URL Here[/im]<br/><b>Colors: </b>[co="red"]Comment Text Here[/co]<br/><b>Marquee: </b> [ma]Comment Text[/ma]<br/> and <a href="http://macrolayer.blogspot.com/p/nccode.html">more..</a>

Add this script and get the visual treat in blogger comments.

Updated Version has been released here: Full HTML access for blogspot comments