Ninja Cloak : Anonymous Web Proxy

Okay..
Some people was looking for a long time to make a stylish picture, but they always
fail.In this occasion, here... the mask of 2012 man will explain you what is the stylish picture mean!
The stylish picture its about the HTML and TEXT!
First, did you know what is the HTML and TEXT mean?

HTML

HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It allows images and objects to be embedded and can be used to create interactive forms. It is written in the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page content. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages. HTML can also be used to include Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both HTML and CSS standards, encourages the use of CSS over explicit presentational markup.

TEXT

Text, is a mix of spoken word, music of various styles, and ambient sound effects, often producing an ethereal, avant-garde sound. Apart from the three "Tableau" tracks (which are one piece, split up across the album), each track could be described as fitting into a different genre. In 2008, a second album, Vital Signs, was released. Yet again the style of music is far from Refused and the first Text album. Only Fredrik Bäckström and Jon F Brännström appear on this album.

ASCII

The American Standard Code for Information Interchange (ASCII) is a character-encoding scheme based on the ordering of the English alphabet. ASCII codes represent text in computers, communications equipment, and other devices that use text. Most modern character-encoding schemes are based on ASCII, though they support many more characters than did ASCII.


After you know about the above explaining,
So....how does the author of this blog make some picture only with ASCII text?

The Secret

As you know....
To make your picture converted into some ASCII text, you will need the second party to do this.
So how does the author of this blog can possible make this trick easily?

First..prepare the image that you wish to get this effect trick.

1. Go to this site.

2. On that site, you have to upload some picture... select what picture do you wish to upload.

3. Still on that site.. The site i mention earlier will make you an ascii text from your picture.

4. Okay, for the next step is what the ascii text for? The ascii is for to shape your image that was been uploaded.

5. Then, how to make an ascii text applied on your blog? Login first to blogger.com.

6. For the next, I will ask first.... which way do you want to do this trick? whether from edit HTML? or in posting ?.

7. According to the above sentences, if you choose Edit HTML.. here the explaining :

Go to the dashbord blogger >> click Design >> click Edit HTML .

Copy below css code, then place it before </head> tag.

<style>
pre {
background: black;
float: left;
margin: 0pt 10px 10px 0pt;
width:108px;
height:150px;
margin-top:-35px;
color: white;
font-size: 2px;
line-height: 1px;
letter-spacing: 0px;
font-weight: normal;
font-family: courier new;
}
</style>

You can see below HTML, put below HTML code on anyplace you want, Ex: on Widget HTML/Javascript :

<pre> Put your Ascii text that you was uploaded on the site i mentioned earlier HERE </pre>

Now save the template!

But if you choose the "Post Editor" way... here the explaining:

Go to the dashboard blogger >> click New Post .

Then, choose the Edit HTML tab on post editor.

Copy this css in the Edit HTML tab on post editor.

<style>
pre  {
background: black;
float: left; margin: 0pt 10px 10px 0pt;
width:108px;
height:150px;
margin-top:-35px;
color: white;
font-size: 2px;
line-height: 1px;
letter-spacing: 0px;
font-weight: normal;
font-family: courier new}
</style>

The blue code is indicated the position,widht, and height of your ASCII text, you can edit it.

Do as same like no 7 on the Third way.

Finally you made it... congratulation. ^_^

So....would you say HARD to do it ?
I dont think so if you say that...
Hope this article helpfull for you..
Any problem... contact me on YM [what_on2012]
Happy blogging with me :)

Related Posts