Finally the help of IT is here

Blog of computer solutions.

Develops JavaScript, HTML and CSS Online.

Written by Xaus Xavier Nadal on October 28th, 2012

Save pagePDF pageemail pagePrint page

JsFiddle or as they call it "recreational park for web developers", is a great web tool that can be used in many ways, such as online editor to create JavaScript snippets, HTML and CSS, to share our source code and other what testeen people and to see the results directly running on a simple and friendly website.

With this web developers can easily isolate errors and view results in real time, even check if the code compiles correctly JavaScript.

The product interface 3 have distinct areas in which to work, at the top we can see the icons, to run the code, save it, share it, on the left side we can modify various options to get the right panels contain the tools necessary to achieve the desired results from modifying the panels to modify the programming code, SCSS, CofeeScript, JavaScript, etc. ..

And the magic in the right panels 4, HTML, CSS, JavaScript and Result where pressing the RUN button see the results of our code.

I leave an example and let me know if you recommend this site (http://jsfiddle.net/B6Jsy/50/)

In the example I created a part of CSS and HTML code to put Adsense advertising 2 modules in one block with margins between them and with a centered alignment.

As you can see in the HTML call the class "publidiv"I created in the style sheet (CSS) and so I can use it anywhere on the website only calling the class publidiv o published for the adsense advertising content that always centered.

JsFiddle JavaScript

The HTML code is as follows:

<div class="Publidiv"> 
    <div class="Publication"> 
        <! - First left 336x280 advertising ->
        <script type="Text / javascript"> <! - Google_ad_client = "Ca-pub-9697841551421870"; Google_ad_slot = "3401809585"; Google_ad_width = 336; google_ad_height = 280;
        / / ->
        </script> 
        <script type="Text / javascript" src="Http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> 

    </div> 
    <div class="Publication"> 
        <! - Advertising 300x250 right ->
        <script type="Text / javascript"> 
        <! - Google_ad_client = "Ca-pub-9697841551421870"; Google_ad_slot = "3208972180"; Google_ad_width = 300; google_ad_height = 250;
        / / ->
        </script> 
        <script type="Text / javascript" src="Http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> 

    </div> 
</div> 

 

The CSS code is as follows:

. Publidiv{
    
    text-align:center;
    
    border:1px solid # 666;}
. Published{
    
    display:inline-block;
    
    margin:5px 40px;
    
    padding:5px;}?

The result you can see it for example at the beginning of this article.

If you want to learn more about this site stopping by the following link: http://doc.jsfiddle.net/basic/introduction.html

If you have more questions on how to make money from advertising, like putting your adsense advertising on a blog, or as line advertising, do-us questions as a comment and I will resolve them as far as possible as soon as possible.

I hope you liked it, Greetings and see you soon.

Related Posts Plugin for WordPress, Blogger ...
Tags: , , , , ,


Leave a Reply

XHTML: You can use in Original tags: <a href="" title=""> <abbr title = ""> <acronym title = ""> <b> <blockquote cite = ""> <cite> <code> <del datetime = ""> <em> <i> <q cite = ""> <s> <strike> <strong>