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

Seo Master present to you:

Friends now i share a simple trick to make a jQuery popup box in your blogger. After add this code to your  Blogger, button appear. When we hit on that button, a box will popup in your site .Try it now..

 

 

 

 

• Login to you Blogger dashboard.

 

• Go to templates, click on Edit HTML option and Proceed.

 

• Find (Ctrl+F) </head> tag.

 

• Paste the below  code before </head> tag and save the template.

 

<span id="preserve822ccda38c6941ad85c68878a85f603b" class="wlWriterPreserve"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ /***************************/ //@Author: Adrian "yEnS" Mato Gondelle //@website: www.yensdesign.com //@email: yensamg@gmail.com //@license: Feel free to use it, but keep this credits please! /***************************/ //SETTING UP OUR POPUP //0 means disabled; 1 means enabled; var popupStatus = 0; //loading popup with jQuery magic! function loadPopup(){ //loads popup only if it is disabled if(popupStatus==0){ $("#backgroundPopup").css({ "opacity": "0.7" }); $("#backgroundPopup").fadeIn("slow"); $("#popupContact").fadeIn("slow"); popupStatus = 1; } } //disabling popup with jQuery magic! function disablePopup(){ //disables popup only if it is enabled if(popupStatus==1){ $("#backgroundPopup").fadeOut("slow"); $("#popupContact").fadeOut("slow"); popupStatus = 0; } } //centering popup function centerPopup(){ //request data for centering var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $("#popupContact").height(); var popupWidth = $("#popupContact").width(); //centering $("#popupContact").css({ "position": "absolute", "top": windowHeight/2-popupHeight/2, "left": windowWidth/2-popupWidth/2 }); //only need force for IE6 $("#backgroundPopup").css({ "height": windowHeight }); } //CONTROLLING EVENTS IN jQuery $(document).ready(function(){ //LOADING POPUP //Click the button event! $("#button").click(function(){ //centering with css centerPopup(); //load popup loadPopup(); }); //CLOSING POPUP //Click the x event! $("#popupContactClose").click(function(){ disablePopup(); }); //Click out event! $("#backgroundPopup").click(function(){ disablePopup(); }); //Press Escape event! $(document).keypress(function(e){ if(e.keyCode==27 && popupStatus==1){ disablePopup(); } }); }); //]]> </script></span> <style type='text/css'> #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:200px; width:350px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; } #button{ text-align:center; margin:100px; } </style>

 

 Find (CTRL+F) height:200px; width:350px;  Change box width and height.

 

 

• Save template.

 

• After that go to Layout.

• click on “ADD A GAGDET".

• Select HTML/Java Scripts.

 

• Copy and paste below code.

 

<div id="button"><input type="submit" value="Your-Popup-Button-Name" /></div> <div id="popupContact"> <a id="popupContactClose">x</a> <h1>Enter-Popup-Title-Here</h1> <p id="contactArea"> Enter-Your-Popup-Content-Here </p> </div> <div id="backgroundPopup"></div>

 

Replace Your-Popup-Button-Name, Enter-Popup-Title-Here, Enter-Your-Popup-Content-Here with your data.

 

• Save It and click preview.

 

 

 

 

 

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

2013, By: Seo Master

Seo Master present to you: With our 3 Google Developer Days in Munich, Moscow and Prague last month, we wrapped up “GDD season” this year. It was great to meet many of you in person, and we’re happy to see all of the positive responses via your tweets and blog posts. Participating in the events was a great way to update you on where we are in our product development as well as to hear your feedback.

Here is a 3-minute highlights video and a short summary of each of our Google Developer Day events. For all photos and videos, see here.



Sep 28, Tokyo: Japan is the 2nd largest country for Android app uploads and App Engine usage, so we were happy to meet and thank the strong developer communities there. We hosted our largest Developer Day in Tokyo, with 1,500 developers in Tokyo and 200 developers at a satellite venue in Kyoto. Our developer sandbox had over 30 booths with 90 developers, from the Android-based Android robot to the Android Developers' Club, which presented more than 100 Android applications by its members. See youtube.com/GoogleDevelopersJa for videos of all sessions.



Oct 29, Sao Paulo: Mario Queiroz, VP Product Management, opened the day for Brazil’s 4th Google Developer Day with the announcement that Jambool will now provide payments support for Orkut, and we announced that Brazil is our second largest country in number of Chrome users. As Voice Search and Navigation for Android launched just the day before, we demoed live during the keynote, including a daring and successful voice search query, “number of people who attended the Bon Jovi concert”. We hosted 1300 developers throughout the day to packed sessions. See keynote video, photos and presentation slides (linked from each session page).



Nov 9, Munich: For the first time, we organized Google Developer Day in partnership with the Technical University of Munich, who co-hosted their own sessions and ran an Innovation Sandbox throughout the day. 1200 developers were in attendance, and we met with one of our most active GTUG communities, with 11 locations in Germany and 21 events in the last six months. We treated ourselves to beer & pretzels and watched the Blinkendroid team put together 72 Android devices, the highest number yet. See our highlights video and photos.

Nov 12, Moscow: This year we reduced the number of simultaneous tracks from 6 to 4 to help developers choose between sessions. After a great keynote, 1300+ developers from over 85 cities attended 24 different sessions, 2 project showcase sessions, and participated in countless discussions, including one with a Duma member and Skolkovo advisor. The local GTUG also hosted two hackathons - one focused on Android & Chrome/HTML5, and one focused on Google Maps. Here are the highlights video, photos and PDFs (linked from each session page).
2013, By: Seo Master

Seo Master present to you: By Leslie Hawthorn, Open Source Team

We announced the Google Highly Open Participation Contest a little over a week ago, and the response has been phenomenal. We already have over 350 student contributors, and the participating organizations have let us know that they're overwhelmed by all the great contributions they've received from their contestants. We're delighted to bring you this video status update, with an extra treat: Guido van Rossum, the creator of Python, stopped in to tell us a little bit more about the Python Software Foundation's participation in the contest.



We always love to hear from you, so feel free to contribute some task ideas and join the contest discussion list.2013, By: Seo Master