This page will guide you to create a basic edit model Wikipedia BOT. As we know wikipedia is an open source online encyclopedia, it also allows anyone or any bot to update the pages. Basically, Wikipedia and all its sister projects use Mediawiki software and the API of Mediawiki is available for developer. so using Google Apps Script and Mediawiki API one can develop wonderful BOT application for Wikipedia.
Thursday, October 31, 2013
Saturday, September 14, 2013
Simple template for blogger Aggregator
Aggregator is a application which collects latest blog post from various feeds. There are many aggregator tools which will allow you to built a aggregator with or without voting options. But for which you have to setup a server to host. But If you are eager to have own aggregator without any complex tools and simple with blogger environment, this template is for you. Macrolayer introduces new Aggregator template "Aggregator Titan" exclusively made for aggregating service.
Saturday, July 27, 2013
Google UiApp Tutorial
The Google has a wonderful web server scripting application called Apps script. which is not only used for scripting for google products but also can be used to develop stand alone webpages with few limitations. This stand alone web interface is supported by UiApp class. This tutorial will explain about UiApp and its basic controls with a live example script
// Below script contains two functions. one is main function called doGet, which runs by default, other one is user defined function sendback().
//doGet function starts
function doGet() {
//initialize UiApp class
var app = UiApp.createApplication();
//limited HTML
//create HTML using HTML tages and set id or style. note that Anchor tag will not work in this class
var myHTML = app.createHTML("<center><b>Test Script</b></center>").setStyleAttribute("color", "green").setId('Result');
//add it to UiApp class
app.add(myHTML);
//textArea in UiApp
//create textarea control using textarea class and set id or name, which will help to read and write data
var textAreaA = app.createTextArea().setId('TextArea1').setName('textAreaA');
//you can design the textarea by calling its id
app.getElementById('TextArea1').setHeight('100').setWidth('450');
//finally add it to UiApp class
app.add(textAreaA);
//textbox in UiApp is more similar like text Area
var textBoxA = app.createTextBox().setId('TextBox1').setName('textBoxA');
app.getElementById('TextBox1').setWidth('300');
app.add(textBoxA);
//Button in UiApp
//Create button with any name
var addButton = app.createButton("Submit").setEnabled(true);
//assign the any user define function and arguments(textAreaA)
var handler = app.createServerClickHandler('sendback').addCallbackElement(textAreaA);
//assign above function to onclick event
addButton.addClickHandler(handler);
//finally add it to UAiApp Class
app.add(addButton);
//label in UiApp
//create label and resize the alignment as well
var labelA = app.createLabel("Developed by macrolayer.blogspot.com").setPixelSize(900,80).setHorizontalAlignment(UiApp.HorizontalAlignment.RIGHT);
//Finally add it to UiApp
app.add(labelA);
//anchor in UiApp
//As I said early, Html doesnot support Anchor tag, this anchor class will help to do so. create and add it to UiApp
var anchor1 = app.createAnchor("View my blog |", "http://macrolayer.blogspot.com");
app.add(anchor1);
//you can add those classes with good allignment using VerticalPanel or HorizontalPanel
//finally close the function by returning the UiApp class
return app;
}
//doGet function will execute as userinterface and sendback function will be called once the function is called.(in our example "onclick")
//since we passed argument for this function, the function should have argument e
function sendback(e) {
//get the existing UiApp
var app = UiApp.getActiveApplication();
//get textAreaA value from parameter e
var line=e.parameter.textAreaA;
//write your code for other execution using the input value 'line'
//response by new control
//create and add new textArea class and write the output using settext class
var textAreaB= app.createTextArea().setId('TextAreaB').setName('textAreaB').setHeight('100').setWidth('450');;
app.getElementById('TextAreaB').setText(line);
app.add(textAreaB);
//response by existing control
//call the existing control and write the output
app.getElementById('TextArea1').setText("Your input is " + line);
//finally return the app to display the results
return app;
}
Reference:https://developers.google.com/apps-script/reference/ui/ui-app
// Below script contains two functions. one is main function called doGet, which runs by default, other one is user defined function sendback().
//doGet function starts
function doGet() {
//initialize UiApp class
var app = UiApp.createApplication();
//limited HTML
//create HTML using HTML tages and set id or style. note that Anchor tag will not work in this class
var myHTML = app.createHTML("<center><b>Test Script</b></center>").setStyleAttribute("color", "green").setId('Result');
//add it to UiApp class
app.add(myHTML);
//textArea in UiApp
//create textarea control using textarea class and set id or name, which will help to read and write data
var textAreaA = app.createTextArea().setId('TextArea1').setName('textAreaA');
//you can design the textarea by calling its id
app.getElementById('TextArea1').setHeight('100').setWidth('450');
//finally add it to UiApp class
app.add(textAreaA);
//textbox in UiApp is more similar like text Area
var textBoxA = app.createTextBox().setId('TextBox1').setName('textBoxA');
app.getElementById('TextBox1').setWidth('300');
app.add(textBoxA);
//Button in UiApp
//Create button with any name
var addButton = app.createButton("Submit").setEnabled(true);
//assign the any user define function and arguments(textAreaA)
var handler = app.createServerClickHandler('sendback').addCallbackElement(textAreaA);
//assign above function to onclick event
addButton.addClickHandler(handler);
//finally add it to UAiApp Class
app.add(addButton);
//label in UiApp
//create label and resize the alignment as well
var labelA = app.createLabel("Developed by macrolayer.blogspot.com").setPixelSize(900,80).setHorizontalAlignment(UiApp.HorizontalAlignment.RIGHT);
//Finally add it to UiApp
app.add(labelA);
//anchor in UiApp
//As I said early, Html doesnot support Anchor tag, this anchor class will help to do so. create and add it to UiApp
var anchor1 = app.createAnchor("View my blog |", "http://macrolayer.blogspot.com");
app.add(anchor1);
//you can add those classes with good allignment using VerticalPanel or HorizontalPanel
//finally close the function by returning the UiApp class
return app;
}
//doGet function will execute as userinterface and sendback function will be called once the function is called.(in our example "onclick")
//since we passed argument for this function, the function should have argument e
function sendback(e) {
//get the existing UiApp
var app = UiApp.getActiveApplication();
//get textAreaA value from parameter e
var line=e.parameter.textAreaA;
//write your code for other execution using the input value 'line'
//response by new control
//create and add new textArea class and write the output using settext class
var textAreaB= app.createTextArea().setId('TextAreaB').setName('textAreaB').setHeight('100').setWidth('450');;
app.getElementById('TextAreaB').setText(line);
app.add(textAreaB);
//response by existing control
//call the existing control and write the output
app.getElementById('TextArea1').setText("Your input is " + line);
//finally return the app to display the results
return app;
}
Reference:https://developers.google.com/apps-script/reference/ui/ui-app
Sunday, June 30, 2013
Anchor tag tutorial
Anchor tag is a traditional tag used from the initial stage of HTML to give the navigation option to the user. It allows user to jump a page from and to. This page will describe its attributes and their significance.
Reference:
w3schools.com
w3.org
| Attribute | Value | Description |
|---|---|---|
| href | absolute URL | different domain, which start with http protocol href="http://www.differentsite.com/test.asp" |
| relative URL | url link on same domain, which doesnot need to start with http protocol href="homepage.html" href= example: href="http://www.example.com/2013/test/homepage.html" href="/homepage.html" href= example: href="http://www.example.com/homepage.html" href="//homepage.org" href="http:"+"//homepage.org" example: href="http://homepage.org" href="./homepage.html" href= example: href="http://www.example.com/2013/test/homepage.html" href="../homepage.html" href= example: href="http://www.example.com/2013/homepage.html" | |
| anchor URL | href="#top" href= example:href="http://www.example.com#top" | |
| mailto protocol | href="mailto:user@example.com? subject=MessageTitle& body=Message Content" | |
| target | _blank | Opens the linked document in a new window or tab |
| _self(default) | Opens the linked document in the same frame as it was clicked | |
| _parent | Opens the linked document in the parent frame | |
| _top | Opens the linked document in the full body of the window | |
| framename | Opens the linked document in a named frame | |
| charset | char_encoding | Not supported in HTML5. Specifies the character-set of a linked document |
| coords (supported in Firefox and Opera only) | x1,y1,x2,y2 | If the shape attribute is set to "rect", it specifies the coordinates of the top-left corner and the bottom-right corner of the rectangle |
| x,y,radius | If the shape attribute is set to "circle", it specifies the coordinates of the circle center and the radius | |
| x1,y1,x2,y2,..,xn,yn | If the shape attribute is set to "poly", it specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser must add the last coordinate pair to close the polygon | |
| hreflang | language_code | A two-letter language code that specifies the language of the linked document. To view all available language codes, go to w3schools Language code reference. |
| media | media_query | Specifies what media/device the linked document is optimized for. more |
| name | section_name | Not supported in HTML5. Specifies the name of an anchor |
| rel | alternate | Links to an alternate version of the document (i.e. print page, translated or mirror) |
| author | Links to the author of the document | |
| bookmark | Permanent URL used for bookmarking | |
| help | Links to a help document | |
| license | Links to copyright information for the document | |
| next | The next document in a selection | |
| nofollow | Links to an unendorsed document, like a paid link.("nofollow" is used by Google, to specify that the Google search spider should not follow that link) | |
| noreferrer | Specifies that the browser should not send a HTTP referer header if the user follows the hyperlink | |
| prefetch | Specifies that the target document should be cached | |
| prev | The previous document in a selection | |
| search | Links to a search tool for the document | |
| tag | A tag (keyword) for the current document | |
| rev | text | Not supported in HTML5. Specifies the relationship between the linked document and the current document |
| shape | default rect circle poly |
Not supported in HTML5. Specifies the shape of a link |
| type | MIME_type | The MIME type of the linked document. Look at IANA MIME types for a complete list of standard MIME types |
Friday, May 31, 2013
How to file online Indian Income Tax
- Log on to https://incometaxindiaefiling.gov.in/
- If you don't have credentials then create a profile using your PAN as user id.
- Select your applicable IT Return Form right side of the homepage
- ITR 1, for Individuals having Income from Salary / Pension / Income from One House Property / Bank interest
- ITR 2, other individuals, who are not having Income from Business or Profession.
- Click here for the applicability of form and for other forms: https://incometaxindiaefiling.gov.in/portal/individual_huf.do
- Fill the IT return excel sheet with
- Your personal information, ensure you mention your email id correctly.
- Salary & TDS information stated in the Salary Certificate and Form 16.
- Fill in the details of house property, bank interest and deductions if not claimed in form 16.
- Bank details are mandatory, ensure that you enter MICR code correctly.
- Follow the tips and in-built validations to ensure that the information filled is complete and accurate. You can save the form at any stage and complete the form as per your convenience.
- Determine your income & pay tax if necessary.
- The tax can be paid online, please click on link https://onlineservices.tin.nsdl.com/etaxnew/tdsnontds.jsp.
- FAQ - https://www.tin-nsdl.com/oltas/oltas-faq-payment.php
- Verify your details and then generate .XML File
- The Excel Utility creates .xml file based on the details filled. Save this in your system
- Logon to https://incometaxindiaefiling.gov.in/e-Filing/UserLogin/LoginHome.html using your user id and password or create a profile using your PAN as user id
- Select Assessment Year under submit returns section
- Browse and select .xml file saved in your system
- Please note latest version will be considered, so you can resubmit the xml if the information needs to be changed and ensure original form acknowledgement mentioned in revision xml
- After successful upload, an electronic receipt of the IT return will be generated.
- In case you have signed your return with digital signature, the receipt of e-return may be kept for your records and this receipt need not be submitted to the IT Department.
- In case you have filed without digital signature, the electronic receipt is generated i.e. ITR-V form. Please note that the ITR-V form can be generated only by the IT Department once you submit the ITR form.
- Print the ITR-V, Sign and Post to Income Tax Department – CPC, Post Bag No - 1, Electronic City Post Office, Bengaluru - 560100, Karnataka. (Do not drop your ITR-V in proof submission drop boxes) The due date for submission of ITR-V is 120 days from the date of upload of e-return.
- As an acceptance of your ITR-V, Income Tax Department sends an e-acknowledgement from mail id –donotreply@incometaxindia.gov.in
Other points
- For queries, please contact the Income Tax Departments Helpdesk No.
For Income Tax related queries 1800 180 1961
For Rectification and refund 1800 425 2229
For e-Filling of Returns 1800 4250 0025
Working Hours 09:00 to 20:00 Mon-Sat-
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)
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
〈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
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
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.
Subscribe to:
Posts (Atom)