Blogger Guidelines

Ρυθμίστε το blog σας να ανοίγουν όλα τα εξωτερικά links σε νέο παράθυρο

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiuAgsklmcj2IzPIVBJIIGmjzgc6UeDdo53Xc5lYIRqM7bfS5Accl_b9wChlBhzgBY276AD6XrPpshOvwMu21U74grPVxqJqudZ4u6Ihc7DakKfDh_k6ctTjr1D9UE070Zfs1r6fga3_A/s320/%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%BF+%CE%BB%CE%AE%CF%88%CE%B7%CF%82.jpg" width="320" /></div><br /><br />Σήμερα θα σας παρουσιάσω τον τρόπο με τον οποίο μπορείτε όλα τα link της σελίδας σας  να ανοίγουν  σε νέο παράθυρο ή νέα καρτέλα αυτόματα χωρίς να πρέπει να το κάνετε εσείς χειροκίνητα  με την προσθήκη target = "_blank" μέσα σε κάθε υπερσύνδεσμο.<br /><a name="more"></a><br /><br />Σας δίνουμε λοιπόν παρακάτω έναν  απλό  jQuery κώδικα που θα ελέγχει όλες τις υπερ-συνδέσεις στο εσωτερικό της σελίδα του ιστολογίου σας και θα προσθέτει μόνο το target = "_blank" χαρακτηριστικό για τις συνδέσεις. Ο κώδικας δηλαδή  θα ανιχνεύσει μόνο εξωτερικά hostnames και τη στιγμή που βρίσκει ένα, θα εισαχθεί στο χαρακτηριστικό του η target = "_blank" εντολή. Αυτή η εντολή λέει στο πρόγραμμα περιήγησης να ανοίξετε το σύνδεσμο σε νέο παράθυρο. Έτσι αυτό κάνει τους αναγνώστες του blog σας να μην φύγουν από το blog σας και επίσης βοηθά στην αύξηση  της συνολικής προβολής των σελίδων σας.<br /><br />Ακολουθήστε τα παρακάτω απλά βήματα για να προσθέσετε τον κώδικα:<br /><br />Σημείωση: Αυτή η μέθοδος λειτουργεί τόσο για blogger όσο και για wordpress blogs.<br /><br />Πηγαίνετε στο Blogger> Template<br />Δημιουργία αντιγράφων ασφαλείας του προτύπου σας<br />Κάντε κλικ στο κουμπί "Επεξεργασία HTML"<br />Ακριβώς πάνω από το tag </ head> επικολλήσετε την ακόλουθη δέσμη ενεργειών:<br /><br /><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><span style="color: red;"><strong><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script></strong></span></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b><script type='text/javascript'></b></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b>$(document).ready(function() { </b></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b>  $("a[href^='http://']").each(<br />    function(){<br />     <span style="background-color: yellow;">if(this.href.indexOf(location.hostname) == -1)</span> {<br />        $(this).attr('target', '_blank');<br />      }<br />    }<br />  );</b></div><b><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">$("a[href^='https://']").each( </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">function(){ </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: yellow; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">if(this.href.indexOf(location.hostname) == -1)</span><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;"> { </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">$(this).attr('target', '_blank'); </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">} </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">} </span><br style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;" /><span style="background-color: #f2f1f1; color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px;">);</span></b><br /><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b><br />});</b></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b></script></b></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b><br /></b></div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;">Κάντε Αποθήκευση και είναι έτοιμο.<br />Μια δοκιμή σίγουρα θα σας πείσει....</div><div style="color: #555555; font-family: helvetica, arial; font-size: 13px; line-height: 16.375px; padding: 0px 0px 15px;"><b><br /></b></div><a href="http://bloggerguidelines.blogspot.gr/" target="_blank"> <span style="display: none; visibility: hidden;">.</span></a></div>

Ρυθμίστε το blog σας να ανοίγουν όλα τα εξωτερικά links σε νέο παράθυρο

Σήμερα θα σας παρουσιάσω τον τρόπο με τον οποίο μπορείτε όλα τα link της σελίδας σας να ανοίγουν σε νέο παράθυρο ή νέα καρτέλα αυτόματα χω...

Παιχνίδι μνήμης για το blog σας

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NJo7VZfGO2TA7xvzHHl_eHdA_i-sbjvuIoN4q6JBrp_yr7nR7Ox1H5klndmUAyNElOpcQCJhMntqjri-Dudt0gC2Hj2ZGLfzftpm6rkYOV4TKN1p1YedCw4ylnlPQ3mY5dW6YjDpWvg/s400/%CF%80%CE%B1%CE%B9%CF%87%CE%BD%CE%AF%CE%B4%CE%B9+%CE%BC%CE%BD%CE%AE%CE%BC%CE%B7%CF%82.jpg" width="400" /></div><br />Σήμερα θα δημιουργήσουμε με jquery. Δημιουργήστε ένα post που θα κάνει τους επισκέπτες σας να κολλήσουν με τις ώρες....<a name="more"></a><div>Το αρχείο με όλες τις εικόνες και τον κώδικα μπορείτε να το κατεβάσετε από το εξής link</div><div><br /></div><div style="text-align: center;"> <a href="https://app.box.com/shared/55nk2x1rov">https://app.box.com/shared/55nk2x1rov</a></div><div><br /></div><div><b>Διαδικασία</b></div><div><b><br /></b></div><div>Πάμε στην Διάταξη-> Δημιουργία νέου widget -> Προσθήκη HTML/JAVASCRIPT  και κάνουμε αντιγραφή-επικόλληση τον παρακάτω κώδικα<br /><br /><b><i>Κώδικας</i></b><br /><br /><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script><br /> <title>JQuery Memory Game</title><br /> <script type="text/javascript"><br /> var boxopened = "";<br /> var imgopened = "";<br /> var count = 0;<br /> var found = 0;<br /> <br /> function randomFromTo(from, to){<br /> return Math.floor(Math.random() * (to - from + 1) + from);<br /> }<br /> <br /> function shuffle() {<br /> var children = $("#boxcard").children();<br /> var child = $("#boxcard div:first-child");<br /> <br /> var array_img = new Array();<br /> <br /> for (i=0; i<children.length; i++) {<br /> array_img[i] = $("#"+child.attr("id")+" img").attr("src");<br /> child = child.next();<br /> }<br /> <br /> var child = $("#boxcard div:first-child");<br /> <br /> for (z=0; z<children.length; z++) {<br /> randIndex = randomFromTo(0, array_img.length - 1);<br /> <br /> // set new image<br /> $("#"+child.attr("id")+" img").attr("src", array_img[randIndex]);<br /> array_img.splice(randIndex, 1);<br /> <br /> child = child.next();<br /> }<br /> }<br /> <br /> function resetGame() {<br /> shuffle();<br /> $("img").hide();<br /> $("img").removeClass("opacity");<br /> count = 0;<br /> $("#msg").remove();<br /> $("#count").html("" + count);<br /> boxopened = "";<br /> imgopened = "";<br /> found = 0;<br /> return false;<br /> }<br /> <br /> $(document).ready(function() {<br /> $("img").hide();<br /> $("#boxcard div").click(openCard);<br /> <br /> shuffle();<br /> <br /> function openCard() {<br /> <br /> id = $(this).attr("id");<br /> <br /> if ($("#"+id+" img").is(":hidden")) {<br /> $("#boxcard div").unbind("click", openCard);<br /> <br /> $("#"+id+" img").slideDown('fast');<br /> <br /> if (imgopened == "") {<br /> boxopened = id;<br /> imgopened = $("#"+id+" img").attr("src");<br /> setTimeout(function() {<br /> $("#boxcard div").bind("click", openCard)<br /> }, 300);<br /> } else {<br /> currentopened = $("#"+id+" img").attr("src");<br /> if (imgopened != currentopened) {<br /> // close again<br /> setTimeout(function() {<br /> $("#"+id+" img").slideUp('fast');<br /> $("#"+boxopened+" img").slideUp('fast');<br /> boxopened = "";<br /> imgopened = "";<br /> }, 400);<br /> } else {<br /> // found<br /> $("#"+id+" img").addClass("opacity");<br /> $("#"+boxopened+" img").addClass("opacity");<br /> found++;<br /> boxopened = "";<br /> imgopened = "";<br /> }<br /> setTimeout(function() {<br /> $("#boxcard div").bind("click", openCard)<br /> }, 400);<br /> }<br /> <br /> count++;<br /> $("#count").html("" + count);<br /> <br /> if (found == 10) {<br /> msg = '<span id="msg">Congrats ! You Found All Sushi With </span>';<br /> $("span.link").prepend(msg);<br /> }<br /> }<br /> }<br /> });<br /> </script><br /> <style type="text/css"><br /> * {<br /> font-family: Arial, "Free Sans";<br /> }<br /> <br /> #boxcard {<br /> margin: 0 auto;<br /> width: 625px;<br /> z-index: 1;<br /> }<br /> <br /> #boxcard div {<br /> float: left;<br /> width: 100px;<br /> height: 100px;<br /> background: #d9d9d9;<br /> margin: 5px;<br /> padding: 5px;<br /> border: 1px solid #999;<br /> cursor: pointer;<br /> -webkit-border-radius: .5em;<br /> -moz-border-radius: .5em;<br /> border-radius: .5em;<br /> -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);<br /> -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);<br /> box-shadow: 0 1px 2px rgba(0,0,0,.5);<br /> z-index: 2;<br /> }<br /> <br /> #boxcard div img {<br /> border: none;<br /> z-index: 3;<br /> }<br /> <br /> .opacity {<br /> opacity: .6;<br /> filter: alpha(opacity=60);<br /> }<br /> <br /> #boxbutton {<br /> text-align: center;<br /> padding: 20px;<br /> }<br /> .link {<br /> font-size: 18px;<br /> color: #ffffff;<br /> text-decoration: none;<br /> background: #0066cc;<br /> padding: 5px 10px;<br /> -webkit-border-radius: .5em;<br /> -moz-border-radius: .5em;<br /> border-radius: .5em;<br /> }<br /> .link:hover {<br /> background: #999;<br /> }<br /> </style><br /> <br /> <div id="boxbutton"><br /> <span class="link"><br /> <span id="count">0</span><br /> Click<br /> </span><br /> &nbsp;<br /> <a href="javascript:" class="link" onclick="resetGame();">Reset</a><br /> </div><br /> <div id="boxcard"><br /> <div id="card1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQe0ezAxgOcw7qLCQz8mxZ-IMDJ1IYbMMFgp-mEqe1nS81ojr5zDrPrHeJqY22zt8eK0q8jfmf97UJlN566ZufvxfpYhhmeFLixFsAcB5akdOk876gG4kZzilMJi9X9wAOGdQowKBz0vk/s1600/01.jpg" /></div><br /> <div id="card2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbiQu-iJz5Zu_ZAuE9hJC3R-PJhW0XSRXb6-OHLHGCOtym2VkccP7eSDlAtmM7PvPU2XVBU9zafoihtydsGD6SmUhzGdzUwYPQYXH2WWro-C2oYbdMxgQXmazwLGcrzwcLQxzRA7jI1EI/s1600/02.jpg" /></div><br /> <div id="card3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfJzazoE_PsWcwnVd68sJStwB3W_g-SJO-ck39jgEHQ5zx0bS7Mr54OeSxRDe2g2E5ItKuj98bTG5Os4mJNygT5o4J2bd8lXwCt7wc8NCpR2QITI6Ec6XgIesrp_I9o6BmsTsvpQbBr_I/s1600/03.jpg" /></div><br /> <div id="card4"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZjRNYtgvNKW8VuC2Y5y8DsW9Q_LRBSDUPHD6mk3pFPe_egjfnoa-VhJEJLGoNOyVg6k_mppvmntApWUQrehrG-VZGCFYWQY2FIjtdZrXS87TXXKDqAJdq_WqdHlmpvHUiby4PCdS4_M/s1600/04.jpg" /></div><br /> <div id="card5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAhw3Pg_MyOO6KdFLJcjZDoV8kVkDZiSRQu8v6SNc5uo-35F9clMlHvStgxljAMAFzfZqUQZfmqJFrRi709XcAfqiBB7cDR9PBNU50PkqxYiwSy986NuVxAPhO5kN4maIOZTL7KbGxv0/s1600/05.jpg" /></div><br /> <div id="card6"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOff15H58Q3Hy7XlAEiud1dP6LyiLJIgsKy8Dhbs-Oje3Igg_Rh26eA1tcc5m_a0WX0oJa5foH0eTu2SBaXkmDjnI_eGfPyiJERHuyuSJy25gfTtoiNBZCfah4QoEIt2qeX981yp4JtT8/s1600/06.jpg" /></div><br /> <div id="card7"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2UT_gKFOOEY7iuKjQlHTPo0wVJ3Zlk0KLTkqN6acq1GI6TfZHq9KvJKixZva_oaMFNglSFa16Fw-CTwTQnoFvsMQF-3LQxB0btPKFcY39rUoqOgHREKQG2TnPAk3X2_sf72dFQ1MemBw/s1600/07.jpg" /></div><br /> <div id="card8"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwHNbV2yaBcmySLA9t8TWqSzEtb21OTyHrOFaBRwPIdlLK0DXbP6L7I8Tg8hp2pb7ClmPoZKqP_-v3jV3DA8tMn9r2EJ3KciFdDildcF669Z5x0Zm5O58O-XIxvqpDA56qm4pFBZBxcM/s1600/08.jpg" /></div><br /> <div id="card9"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyR7ImmLJw1W9bVoObLEC-YxmqwCjz6jyWDPJN4poNK0xw0qTMohsIzQS1aEX9PPXXq-5rsZbtzr3eHZeZJs6VGjqOj3fgyNcQ26-mgQ77Y3UQo6WavFkB5BHI_xjk1ihzbf_Q09S13qg/s1600/09.jpg" /></div><br /> <div id="card10"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_UjESLrKjxhsh6NYVHcb8DRWwF_9CZQLxp8KjpPMQvX2uTzMPWnH8pQoi3Rz3q8c7GR_prPgJEvw2DvP8wg0GMw2odEGgMw55eIOWlNlGzxHuHTFApJBETULtEpceBM0YeW4FNI5WTg/s1600/10.jpg" /></div><br /> <div id="card11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQe0ezAxgOcw7qLCQz8mxZ-IMDJ1IYbMMFgp-mEqe1nS81ojr5zDrPrHeJqY22zt8eK0q8jfmf97UJlN566ZufvxfpYhhmeFLixFsAcB5akdOk876gG4kZzilMJi9X9wAOGdQowKBz0vk/s1600/01.jpg" /></div><br /> <div id="card12"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbiQu-iJz5Zu_ZAuE9hJC3R-PJhW0XSRXb6-OHLHGCOtym2VkccP7eSDlAtmM7PvPU2XVBU9zafoihtydsGD6SmUhzGdzUwYPQYXH2WWro-C2oYbdMxgQXmazwLGcrzwcLQxzRA7jI1EI/s1600/02.jpg" /></div><br /> <div id="card13"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfJzazoE_PsWcwnVd68sJStwB3W_g-SJO-ck39jgEHQ5zx0bS7Mr54OeSxRDe2g2E5ItKuj98bTG5Os4mJNygT5o4J2bd8lXwCt7wc8NCpR2QITI6Ec6XgIesrp_I9o6BmsTsvpQbBr_I/s1600/03.jpg" /></div><br /> <div id="card14"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZjRNYtgvNKW8VuC2Y5y8DsW9Q_LRBSDUPHD6mk3pFPe_egjfnoa-VhJEJLGoNOyVg6k_mppvmntApWUQrehrG-VZGCFYWQY2FIjtdZrXS87TXXKDqAJdq_WqdHlmpvHUiby4PCdS4_M/s1600/04.jpg" /></div><br /> <div id="card15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAhw3Pg_MyOO6KdFLJcjZDoV8kVkDZiSRQu8v6SNc5uo-35F9clMlHvStgxljAMAFzfZqUQZfmqJFrRi709XcAfqiBB7cDR9PBNU50PkqxYiwSy986NuVxAPhO5kN4maIOZTL7KbGxv0/s1600/05.jpg" /></div><br /> <div id="card16"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOff15H58Q3Hy7XlAEiud1dP6LyiLJIgsKy8Dhbs-Oje3Igg_Rh26eA1tcc5m_a0WX0oJa5foH0eTu2SBaXkmDjnI_eGfPyiJERHuyuSJy25gfTtoiNBZCfah4QoEIt2qeX981yp4JtT8/s1600/06.jpg" /></div><br /> <div id="card17"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2UT_gKFOOEY7iuKjQlHTPo0wVJ3Zlk0KLTkqN6acq1GI6TfZHq9KvJKixZva_oaMFNglSFa16Fw-CTwTQnoFvsMQF-3LQxB0btPKFcY39rUoqOgHREKQG2TnPAk3X2_sf72dFQ1MemBw/s1600/07.jpg" /></div><br /> <div id="card18"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwHNbV2yaBcmySLA9t8TWqSzEtb21OTyHrOFaBRwPIdlLK0DXbP6L7I8Tg8hp2pb7ClmPoZKqP_-v3jV3DA8tMn9r2EJ3KciFdDildcF669Z5x0Zm5O58O-XIxvqpDA56qm4pFBZBxcM/s1600/08.jpg" /></div><br /> <div id="card19"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyR7ImmLJw1W9bVoObLEC-YxmqwCjz6jyWDPJN4poNK0xw0qTMohsIzQS1aEX9PPXXq-5rsZbtzr3eHZeZJs6VGjqOj3fgyNcQ26-mgQ77Y3UQo6WavFkB5BHI_xjk1ihzbf_Q09S13qg/s1600/09.jpg" /></div><br /> <div id="card20"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_UjESLrKjxhsh6NYVHcb8DRWwF_9CZQLxp8KjpPMQvX2uTzMPWnH8pQoi3Rz3q8c7GR_prPgJEvw2DvP8wg0GMw2odEGgMw55eIOWlNlGzxHuHTFApJBETULtEpceBM0YeW4FNI5WTg/s1600/10.jpg" /></div><br /> </div><a href="http://bloggerguidelines.blogspot.gr/" target="_blank"> <span style="display: none; visibility: hidden;">.</span></a></div></div>

Παιχνίδι μνήμης για το blog σας

Σήμερα θα δημιουργήσουμε με jquery. Δημιουργήστε ένα post που θα κάνει τους επισκέπτες σας να κολλήσουν με τις ώρες.... Το αρχείο με όλες τι...

[Title][featuredpost2][random][5]

Ρυθμίστε το blog σας να ανοίγουν όλα τα εξωτερικά links σε νέο παράθυρο

Παιχνίδι μνήμης για το blog σας

[Javascripts][vertical][animated][7]

[Configurations][horizontal][animated][7]

[Seo Tricks][slider1][recent][9]

Popular Posts

Blog Archive