Pixastic: Open Source Online Image Editor (Javascript Library)

You have a web programming skills and build their own interest Free Online Image Editor based on Javascript, I recommend the compulsory service Pixastic. Options on Pixastic (Beta) is in addition to the Full Open Source and its support based on Javascript, of course, I view it in terms of the completeness of the components that support the picture that it be regarded very full.

Even very Powerful application to build a professional service providers as it pictures via Online. To try a sample application that is built using Javascript Library Pixastic please click Editor.pixastic.com

About Pixastic

Pixastic Javascript Library that is developed by Jacob Seidelin where he has decided to release all the code (the term Open Source) to a set of libraries under the MIT license. By using a variety of the same techniques used by different applications for manipulating images, pixastic work using the HTML5 canvas element is currently only supported fully by the Web browser Firefox, Opera and Safari.

Visit Pixastic only there for more information There are also various snippets of code that shows how you use Pixastic with jQuery.

Download Pixastic | Documentation Read more
Read More...“Pixastic: Open Source Online Image Editor (Javascript Library)”

Google's Picasa for the Mac

Google recently released Google's Picasa for the Mac machine where the previous image of desktop application is only available for Windows and Linux versions.



Mac users also can now finally enjoy the Google Picasa install directly through picassa.google.com address / mac. For more information, please direct it to open the authorized google blog here.

Pictures taken from http://www.appleinsider.com

Read More...“Google's Picasa for the Mac”

New Blogger Label Clouds

OK, we return to the tutorial, of course ...... blog. Tutorials this
time I want to discuss the installation of a label or Cloud Tag Cloud
on the new template / new blogger templates.

What's the meaning of Label Cloud?
Label cloud is the installation of labels (categories) in the form of a cloud .... as a comrade see sidebar on the right side of this blog is written under the category there, there are some labels (category) that the tip indicated how the number of categories that are installed on kateori. It is a label that in general use in the blogger, if you want to slightly different, comrade can install the label cloud. With the cloud label, the label (category) will be in writing in a different font size in accordance with the number of categories in pairs, the more frequent category, the greater will also font printed.
To install the label cloud, techniques that I use this time is the fruit of the work phydeaux. Please follow the following steps:

1. Sign in on blogger


2. Click the Layout menu


3. Click the Edit menu HTML


4. Click the Download Full Template writing, and save the data. This is to guard when an error occurs in the edit template code


5. Click the box next to the small writing Expand Widget Templates for the check.


6. Wait some time until the process is finished


7. Save the following code in the code between <b:skin><![CDATA[ and the code
   
   ]]></b:skin> , or if the store just confused on the exact code
   
   ]]></b:skin>




/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important}




8. Copy and paste the following code after the code ]]></b:skin> and before the code </head> or if the store just confused on the exact code </head>
   
   
   <script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>


9. 
   
   Find the following code in your template code
   
   


<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>




10. Replace the above code with the following code:
    
    

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>



<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>



// Don't change anything past this point --------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

}





var c=[];

var labelCount = new Array();

var ts = new Object;

<b:loop values='data:labels' var='label'>

var theName = &quot;<data:label.name/>&quot;;

ts[theName] = <data:label.count/>;

</b:loop>



for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] &lt; cloudMin){

continue;

}

for (var i=0;3 &gt; i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul);

</script>



<noscript>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div>



</b:includable>

</b:widget>




11. Click the Save button templates
    


12. FINISH .

Read More...“New Blogger Label Clouds”

Google Chrome Profile Backup Tool

Google Chrome Profile Backup is a simple tool that allows us to create, backup, restore and manage all the data profile on the Google Browser Chrome. This profile data is usually contains all the important information regarding personal data such as browsing history and bookmarks.

The interest from Google Chrome Backup, we can utilize this facility to set the parameters of the startup form of the provisions of chrome resizing the window, turn off popup blocker, enable cookies files and some other functions.




Without actually using the backup tool Google Chrome this we can only see the profile of this directly with manually copy all the files stored in the Documents and Settings \ username \ Local Settings \ Application Data \ chromium \ User data folders to another location, but of course these tools provide a backup method that is more easily used in addition to the display user interface that is easy to understand, too.

Complete information and how you use can read here Or If you wanna try this application you can download on here
Read More...“Google Chrome Profile Backup Tool”

How to make large letters at the beginning of the sentence

create large letters at the beginning of the sentence may be characteristics, such as an example see the beginning of the sentence marked with the letter "M" in this article .. looks different tonight! if you want your article looks like it you can try to make it.

First, open the Edit HTML page and search your CSS code below

.post-body {
.....
}

If the facts, add the code below under the code above (be sure underneath, is not among them)

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }



How to use:

When you write a page in the post make sure that the initial sentence add <bt></bt>

Example:

<bt>M</bt> embuat capitalization at the beginning of the sentence might be withdrawn thew

Read More...“How to make large letters at the beginning of the sentence”

How to Install Total Total Posts and Comments

How to plug Actually Total Total Post and comments to Blogger is that many also know, apropos many colleagues who always ask, yes, dance is about how to write

Total Posts: 206

Total Comments: 1000

How to install very easily, colleagues live copy-paste it directly under the script code and do not forget to change the blog address is marked with red.

The script for Total Posts

<script style="text/javascript">

function showpostcount(json) {

document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>

<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

The script for the Total Comments

<script style="text/javascript"></script>

<script style="text/javascript">

function numberOfComments(json) {

document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>

<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Read More...“How to Install Total Total Posts and Comments”

Free Tool - CSS Menu Generator

There are interesting info for your lovers CSS tab menu, but feel very difficult to make. now you do not think not know rollicking coding is very complicated because there are tools that are user-friedly but powerfull that you can use.

This tool called CSS Menu generator, with the CSS Menu Generator you can create a good Menu tab Menu tab Horizontal, Vertical Menu tab, or Dropdown menu tab. with very easily. You do not need berpusing raptures with CSS coding or color code, because all are provided with easy visually.

Here's a view from the front of the CSS Menu Generator

How much of that is very useful tool is this? This was to make us more happy, CSS Menu Menerator you can download for free.

Here`s The Link If you like this software http://wonderwebware.com/css-menu/download.html Read More...“Free Tool - CSS Menu Generator”

Christmas Template design Blogger 3 columns

Sorry about the image not full but you can look from demo on this site look here http://demo9pmbloggertemplate.blogspot.com/



Download on here if you like for my design template http://rapidshare.com/files/166195759/template9.xml Enjoy Thats Read More...“Christmas Template design Blogger 3 columns”

Making comments box directly below the post

How to make the comments under this post can only be one of the ways you can try to get into the site http://draft.blogger.com select Layout - Settings - Comment - Comment Form Placement - Embedded below post.

It is a link, if you can not do the steps above to add a note in the edit html - click Expand Widget Templates and search code Then paste this code under the code

the results of his such as this

When u using my template just open the site http://draft.blogger.com select Layout - Settings - Comment - Comment Form Placement - Embedded below post.

Read More...“Making comments box directly below the post”