MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

The Social networking sites growing traffic is indirectly to webmasters themselves. the more they receive traffic the more visitors we receive when people share you content with friends and colleagues. The widget today consists of Facebook, Twitter, StumbleUpon box counters along with Addthis Counter which makes it a complete package of social media sharing buttons.

• Go To Blogger > Design > Edit HTML

• Backup your template

• Check the "Expand Widgets Templates" Box

• Find (CTRL+F) <data:post.body>

• Just above it paste the code below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>
    <tr>
      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>

      <td valign='top'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
    </tr>

    <tr>
      <td valign='top'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td>

      <td valign='top'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>

If you wish to align the widget to left then replace right with left

• Hit Save and you are done!

Leave a comment betow…………………..

Friends, This post contain a trick to zoom your blogger images with out clarity loss. If you want to insert this effect to your blogger, Follow this post.

• Log in your Blogger account.

• Click on Templates.

• Hit on Edit Html button and proceed.

• Find (Ctrl+F)   ]]></b:skin> tag.

• Copy and paste below code before  ]]></b:skin> tag.

 

/*------- Master Hacks ZOOM-OUT ZOOM-IN -------*/
.mbtzoom {
padding:5px;
position:fixed;
bottom: 35px;
right:10px;
cursor: pointer;
text-decoration: none;
border: 0px solid transparent;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mbtzoom:hover  {
  zoom: 2;
  text-enlarge: 2;
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

You wish to apply the zoom effect to any image you want simply use this code.

 

<a href="URL OF PAGE" class="mbtzoom"><img  width="60px" height="60px" src="IMAGE LINK" alt="back to top"  /></a>

• Change Red color with your Page link and Image link.

*Make sure to Keep width and height equal to half the size of original image. For example if the image size is 100px by 100px then set width="50px" and height="50px".

……………………………..END…………………………………….

This post will explain to you how to add JQuery Lazy Load Plugin to your blogger blog or any other website easily. This script is used to show a loader, when peoples open your web page.( For Example, you are thinking to play a PC game so before you could start playing you have to go through loading part.) This script is 100% working. If you want to insert Please  follow me.

Features of  Lazy Page Loader:

• It is search engine friendly so it will not affect your Site Speed or anything.
• It is compatible with almost each and every browser i.e. Chrome, Firefox, Internet Explorer and etc.
• It has multiple Loading effects so you can choose according to your desire needs.
• It has flexible coding so you can customize it without any hesitation whatsoever.

• It will also help those blogs which take less time to load because the loading features will keep your visitors interested in your blog.

How To Install Lazy Page Loading Effect To Blogger:

• Log in Your Blogger

• Click “ Template” button.

• Hit “Edit HTML”.

• Proceed.

• Find  ]]></b:skin> and just above it Paste the following CSS coding (CTRL + F ).

 Now from the above CSS coding Replace Loading-GIF-Here with any Animated Loading Effect ( Some effects are given below. Select one.)

• Now again within your template Search for </head> and just above it paste the following JavaScript Coding.

• Once again in your template Search for </body> and above it paste the following HTML code.

(Recommended)

• If you want loading effect on each and every page of your blog, Copy below code and paste it above </body> tag.

 <div id='mbl-lazyloading'><div id='mbl-progress-bar'></div><div id='mbl-loader'> Powered By <a href="http://www.entertainer001.blogspot.com">Entertainment</a></div></div>

• If you want to show This Loading effect only on your home page,Copy below code and paste it above </body> tag.

Select Animated Loading Effect :

http://www.matrixar.com/-l8Ot6w2IFvQ/UE4K-JAdQpI/AAAAAAAAFM0/aGUEayOCejo/s1600/MBL-Loading-1.gif

http://www.matrixar.com/-3RFuLj1RgxA/UE4K_7DbkfI/AAAAAAAAFNE/RTHE-AygGlA/s1600/MBL-Loading-3.gif

http://www.matrixar.com/-FA2RWStvA88/UE4K-0jbwmI/AAAAAAAAFM8/IiNkaVjnUng/s1600/MBL-Loading-2.gif

http://www.matrixar.com/-QjD-a18CPCU/UE4LCHdGNmI/AAAAAAAAFNY/QVslh5SBCkg/s1600/MBL-loading-6.gif

http://www.matrixar.com/-y6MhdpiSXZw/UE4LBRH76LI/AAAAAAAAFNQ/DAsL4Hc8Opc/s1600/MBL-loading-5.gif

http://www.matrixar.com/-GFGEKhfmVrI/UE4LAQuhxrI/AAAAAAAAFNM/ibrUuDyPg1c/s1600/MBL-loading-4.gif

………………………………………END……………………………………………..

• SCROLLING TEXT BOX

You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :

<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>

Replace or adjust the width,height etc, with your content. The above code will create a box like this :

You can left click once inside the text box and the whole text will be selected.

• TEXT AREA

To create a text area to mark out specific text use this code :

<textarea rows="10" cols="15">
YOUR TEXT HERE.....
</textarea>

 

This will look like the following :

• TEXT AREA WITH BACKGROUND COLOR

You can also add color ,font style,etc

<textarea rows="10" cols="40" style="background:#FFFF33;">YOUR TEXT HERE.....</textarea>

 

This will look like the following :

…………………………………………..END………………………………………………..

Friends, Now i share a trick about add falling stylish star to your blogger. We are waiting to attend Christmas, So add this effect to your blog, It will make a fresh feel. If you want to add this,please follow this post.

Login to your blogger dashboard.

• Go to Layout.

• Click on 'Add a Gadget' .

• Select 'HTML/Javascript' and add the one of code given below.

Copy Below Code

• Save it.

Leave a comment…………………….

Last month, just before I left on vacation, I posted three sets of data to help implementors of the HTML5 parser specification optimise their code. There are several implementations coming along, for example those that are part of the html5lib project and the one behind Validator.nu.

The three sets of data that I posted are all derived from parsing several billion documents from Google's Web search index using a parser I wrote in Sawzall.

The first set of data gives the relative aggregate distribution of invocations of the "in head", "in body", and "in table" insertion modes, for each of the insertion modes. This allows implementors to determine, for instance, that invoking the "in body" code while in a cell must be very efficient, while invoking the "in body" code from the "after frameset" code need not be as efficient, in case the implementor has a strategy that optimises one at the cost of another. See: documentation, data.

The second set of data gives the relative aggregate distribution of tokens for each phase/insertion mode pair. This can help implementors that are using a cascade of if statements decide on the right order for their statements. For instance, the most common token type seen in the "in body" insertion mode is character data, and the second most token is the start tag token for an a element, but the isindex start tag was almost never seen. This tells implementors that they should check for characters and a start tags long before checking for isindex tags. See: documentation, data.

The last set of data examines the number of attributes per element. It allows implementors to decide on the optimum memory allocation strategy for attributes. For example, since most elements have 9 or fewer attributes, the data structure that stores attributes can be optimised for simply having 9 attributes, using little memory, and if an element has more than this number of attributes, the implementation can switch to a separate implementation that is more memory-heaving but is optimised for large numbers of attributes. See: data.

I hope this data is useful!

Friends, This is a secret tool to hide your content from strangers. It protect your content without loss any data. You can convert text,HTML,JavaScript etc, in to Un escape format. Also you can decode your content with this tool. Just paste your Text,HTML,JavaScript on first box then hit Encode button. Your text will encode like %3C%73%63%72%69%70%74% format. You can decode it easily, Just copy this encoded code second box. then hit on Decode button. Are you happy now enjoy…..

AngularJS lets you write web applications as if you had a smarter browser.  It lets you extend HTML's syntax to express your application's components clearly and succinctly and lets use standard HTML as your template language.  And it automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

Today we are announcing the 1.0 release of AngularJS.  We’d like to thank our early adopters, and we’re excited to share it with you who haven’t yet experienced it.

Our goal with AngularJS is to eliminate the guesswork in creating web app structure and take the pain and the boilerplate out of web client apps.  We think we’re there and we’d love for you to take a look.

AngularJS’s core features are:

• Unobtrusive data binding. AngularJS automatically moves data from the UI to your model and back whenever either of them change.  There are no classes to inherit from, and no wrapper or getter/setter methods to call. Your model can be as simple as a as primitive, native array or as complex as you make it via your custom JavaScript type.
  
  
• HTML as the template. You, your browser, your editors and your other tools already know all about working with HTML.  Why introduce something else?  AngularJS lets you expand HTML’s vocabulary with your own app-specific elements, attributes, and class-types that are fully compatible with the HTML specification.
  
  
• Reusable components -- in HTML! AngularJS gives you the power to extend HTML’s syntax with your own elements, attributes that adds behavior or transforms the DOM.  Want to write <tab>, <calendar>, or <colorpicker> instead of <div><div><div>...?  Want to attach keyboard shortcuts to any element by adding an attribute like key=’ctrl-s’?  You miss the <blink> tag?  All these things and more are possible.
  
  
• Views and Routes. AngularJS lets you switch sub-views in your app with a simple route configuration.  And you get URL deep-linking for free.
  
  
• Tests and Testability. Shipping apps means testing them.  We provide common mocks, we take full advantage of dependency injection, and we encourage MVC structure making it easy to test behavior separate from view. It also comes with an end-to-end scenario runner which eliminates test flakiness by having the runner truly understand application state.

Come and check out our many examples, tutorials, videos and our API docs at angularjs.org.  And we’d love to hear your thoughts and questions on Google+ or on our mailing list.

Friends, This  is a new and advanced online tool to edit your HTML code with spot preview. You can edit your CSS, HTML code with this tool. It shows your current Code preview on right side. Just use this online HTML editor and send your feedbacks via comment.

Leave a comment below……………. about this online HTML editor……………

JQuery color picker plugin for selecting hex color code values. It can also be used to convert between HSL, HSV, RGB, Hex color code for the color you chose. It is also used for generating matching color schemes which makes it easy for you to select colors.

I’ve just launched a brand new Flash-based Hex HTML Color Code generator. It’s pretty fun to use. Just use the slider to select the desired color. Then adjust the brightness/saturation. Finally copy and paste the Hex value that is generated into your HTML page.

Hex Color Code Generator

Basic code

I would first suggest you set it up so that you can run your banner off of their site. If your banner is being run on their pages, from your server, there are a ton of things that can go wrong. But if you are running your banner on their pages, off of their server, there are still things that can go wrong, just not as many.

Don't get fancy with the code. Don't try to run an applet or any fancy image flip deals. Simple is easiest. Here's the basic code. I feel this is sufficient.

<A HREF="www.yoursite.com/yourpage.html">
<IMG SRC="banner.gif" BORDER="0" WIDTH="468" HEIGHT="60" ALT="Come to my page!">
</A>

But a lot of people like the onMouseOver look where text pops up in the status bar. I think it's a bit much and might cause problems, but here it is before you ask.

<A HREF="www.yoursite.com/yourpage.html" onMouseOver="window.status='TEXT IN STATUS BAR'; return true">
<IMG SRC="banner.gif" BORDER="0" WIDTH="468" HEIGHT="60" ALT="Come to my page!"></A>

Create free banners online

Create free banners online easily for your Myspace, Youtube, or just about any otherwebsite! Make your own banner and get the html code to display it on other ...

Click Here

Follow the instruction and save the html code. It can be used for promotion of your website.