Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
CSS3 Button Generator.
CSS Button Generator will create beautiful css buttons for you to use on your web pages without the need for any images.
How To Apply This Label Hack?






Code:

apply this hack manually by adding below CSS code just above/before ]]></b:skin> tag in your template,



.duy-bcss3 {
    cursor:pointer;
    border:3px solid #6b6b6e;
    background-color:#f2ac08;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcd600', endColorstr='#f2ac08');
    background-image:-webkit-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-moz-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-ms-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-o-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    padding:18px 36px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
    color:#140114;
    font:normal 20px 'Century Gothic',Helvetica,Arial,Sans-Serif;
    text-decoration:none;
    outline:none;
    vertical-align:middle;
}

.duy-bcss3:hover {
    border-color:#4a4743;
    background-color:#fcc203;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcc203', endColorstr='#de7104');
    background-image:-webkit-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-moz-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-ms-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-o-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    color:#ffffff;
}

.duy-bcss3:active {
    background-color:#de7104;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#de7104', endColorstr='#fcc203');
    background-image:-webkit-linear-gradient(top, #de7104, #fcc203);
    background-image:-moz-linear-gradient(top, #de7104, #fcc203);
    background-image:-ms-linear-gradient(top, #de7104, #fcc203);
    background-image:-o-linear-gradient(top, #de7104, #fcc203);
    background-image:linear-gradient(top, #de7104, #fcc203);
}




HTML: <a class="duy-bcss3" href="URL" target="_blank">DEMO</a>


2013, By: Seo Master

seo Css3 Button 2013

Seo Master present to you:
Mau mencoba trik yang satu ini yaitu membuat link berkedip saat mause melintas di atasnya ? trik ini sangat menarik bagi teman yang ingin tampilan blognya lebih cantik dan menarik untuk di pandang, selain ini artikel yang ada dari blog tersebut. Berikut cara pebuatannya:

1. Masuk ke Blog anda
2. Klik Tata Letak (backup terlebih dahulu kode html)
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode di dalam template anda
6. Tambahkan script berikut ini sebelum kode tersebut
<style>
a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }
</style>
7. Kode #00FFFF adalah menyatakan warna link tersebut dan kode #FF0000 adalah warna garis bawahnya
8. Silahkan anda variasikan sesuai dengan warna kesukaan anda
9. Untuk mencari kode-kode warna tersebut, anda bisa cari di google dengan kata kunci kode warna untuk ......
10. Klik Simpan Template
11. Selamat mencoba OK
SEO Tutorial Blogger
2013, By: Seo Master

seo Link berkedip saat mouse melintas 2013

Seo Master present to you: Millions of Google users worldwide use JavaScript-intensive applications such as Gmail, Google Docs, and Google Maps. Like developers everywhere, Googlers want great web apps to be easier to create, so we've built many tools to help us develop these (and many other) apps. We're happy to announce the open sourcing of these tools, and proud to make them available to the web development community.

Closure Compiler
Closure Compiler is a JavaScript optimizer that compiles web apps down into compact, high-performance JavaScript code. The compiler removes dead code, then rewrites and minimizes what's left so that it will run fast on browsers' JavaScript engines. The compiler also checks syntax, variable references, and types, and warns about other common JavaScript pitfalls. These checks and optimizations help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure Inspector, a Firebug extension that makes debugging the obfuscated code almost as easy as debugging the human-readable source.

Because JavaScript developers are a diverse bunch, we've set up a number of ways to run the Closure Compiler. We've open-sourced a command-line tool. We've created a web application that accepts your code for compilation through a text box or a RESTful API. We are also offering a Firefox extension that you can use with Page Speed to conveniently see the performance benefits for your web pages.

Closure Library
Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. Web developers can pull just what they need from a wide set of reusable UI widgets and controls, as well as lower-level utilities for the DOM, server communication, animation, data structures, unit testing, rich-text editing, and much, much more. (Seriously. Check the docs.)

JavaScript lacks a standard class library like the STL or JDK. At Google, Closure Library serves as our "standard JavaScript library" for creating large, complex web applications. It's purposely server-agnostic and intended for use with the Closure Compiler. You can make your project big and complex (with namespacing and type checking), yet small and fast over the wire (with compilation). The Closure Library provides clean utilities for common tasks so that you spend your time writing your app rather than writing utilities and browser abstractions.

Closure Templates
Closure Templates grew out of a desire for web templates that are precompiled to efficient JavaScript.  Closure Templates have a simple syntax that is natural for programmers.  Unlike traditional templating systems, you can think of Closure Templates as small components that you compose to form your user interface, instead of having to create one big template per page.

Closure Templates are implemented for both JavaScript and Java, so you can use the same templates both on the server and client side.


Closure Compiler, Closure Library, Closure Templates, and Closure Inspector all started as 20% projects and hundreds of Googlers have contributed thousands of patches. Today, each Closure Tool has grown to be a key part of the JavaScript infrastructure behind web apps at Google.  That's why we're particularly excited (and humbled) to open source them to encourage and support web development outside Google. We want to hear what you think, but more importantly, we want to see what you make. So have at it and have fun!

By the Closure Tools team2013, By: Seo Master

seo Introducing Closure Tools 2013

Powered by Blogger.
Design by Dev Nasser