Follow by Email

Sunday, April 22, 2012

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)
Venus

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

Friday, March 23, 2012

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.

Thursday, March 1, 2012

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

Thursday, February 2, 2012

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.

Sunday, January 22, 2012

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