Ads 468x60px

Τετάρτη, 23 Μαρτίου 2016

Online Popup Window

Φίλες και φίλοι γεια σας,σε αυτή την ανάρτηση θα δούμε ένα  Popup Window
το οποίο μας χρησιμεύει να αφήνουμε μηνύματα, γραπτά κείμενα διευθύνσεις(urls), και  να τα
βλέπουν οι αναγνώστες - επισκέπτες μας με το που κάνουν είσοδο στο blog μας!Είναι
ένα πολύ χρήσιμο και ελαφρύ widget για τα blog μας!




Δείτε εδώ το DEMO



Η εγκατάσταση του είναι απλή:

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
..................................................................................................................................................................

 <style>#topbar {height:30px;width:auto;background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');background-repeat:repeat-x;text-align:left;padding-top:4px;}#adsground {height:auto;margin:0 auto;width: 336px;background:#fff;border-bottom:2px #005094 solid;border-right:2px #005094 solid;border-left:2px #005094 solid;text-align:Center;padding:4px;}
#headlineatas {opacity:1.0;height:auto;width:auto;position:fixed;top:180px;left:600px;border-bottom:1px #005094 solid;border-bottom:0px blue solid;color:#333;padding:0px;z-index:1001;font-size:13px;}</style><script type="text/javascript">function getValue(){document.getElementById("headlineatas").style.display = 'none';}</script><div id="headlineatas">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">ΤΙΤΛΟΣ ΠΑΡΑΘΥΡΟΥ</span><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></target="_blank"></span></div>
<div id="adsground">
<h3>
<a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ ΔΙΕΥΘΥΝΣΗΣ</a></h3>
<p align="left">
<h3>
</h3>
</p>
ΚΕΙΜΕΝΟ ΠΑΡΑΘΥΡΟΥp>
<br/></p>
</div>
</div>

.................................................................................................................................................................
ΑΛΛΑΓΕΣ

ΔΙΕΥΘΥΝΣΗ URL--Εδώ βάζετε το url της διεύθυνσης σας!

ΤΙΤΛΟΣ ΔΙΕΥΘΥΝΣΗΣ--Εδώ βάζετε τον τίτλο της διεύθυνσης!

ΤΙΤΛΟΣ ΠΑΡΑΘΥΡΟΥ--Εδώ βάζετε τον τίτλο που θα φαίνεται στο παράθυρο!

ΚΕΙΜΕΝΟ ΠΑΡΑΘΥΡΟΥ--Εδώ βάζετε το κείμενο σας!


Αποθήκευση και έτοιμοι!


Καλή επιτυχία!!! 



thanks to knowledge333.blogspot.gr




Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog