Keresés a blogban

2011. március 4.

External links in new window - Linkek új ablakban

Miért fontos az, hogy az általunk a blogban elhelyezett linkekre kattintva az oldalak új ablakban nyíljanak meg?
Azért, mert így elérhetjük, hogy az olvasó egy link hatására ne hagyja el a mi oldalunkat. Rákattint a linkre, mert kíváncsi annak tartalmára, de már kicsi az esélye, hogy visszajön a mi oldalunkra, és folytatja az olvasást nálunk.
Azt, hogy egy link új ablakban jelenjen meg, kódolással érhetjük el.
A link szerkezete mindig így néz ki:

<a href="a linkelt oldal URL címe">Az a szöveg, amelyre a linket rátettük, azaz a horgonyszöveg</a>

Ha új ablakot szeretnénk a kattintott oldalnak, akkor a kódba be kell gépelnünk a piros részt:

<a href"=a linkelt oldal URL címe" target="_blank" >Az a szöveg, amelyre a linket rátettük, azaz a horgonyszöveg</a>

Ezt a beszúrást azonban sokszor elfelejti az ember, vagy túl sok link van az oldalon, fáradságos egyenként kiegészítgetni a kódot.
Ezért a következő kis trükkel elérhetjük, hogy az összes kattintott linkelt oldal új ablakban nyíljon meg.

Tervezés -> HTML-kód szerkesztése

Keressük meg ezt a sort:
</head>

Másoljuk be ELÉ ezt a rövid kódot:

<script language='javascript'>
var dominio = "www.teblogod.blogspot.com";
var dominio1 = "teblogod.blogspot.com";
var script = "javascript:void(0);";
var imagenesblogger0 = "bp0.blogger.com";
var imagenesblogger1 = "bp1.blogger.com";
var imagenesblogger2 = "bp2.blogger.com";
var imagenesblogger3 = "bp3.blogger.com";
var blogger1 = "www.blogger.com";
var blogger2 = "www2.blogger.com";
var publicidad = "pagead2.googlesyndication.com";
function LinksExternos() {
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
if (
Externo.href.indexOf(dominio) == -1 &amp;&amp;
Externo.href.indexOf(dominio1) == -1 &amp;&amp;
Externo.href.indexOf(script) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;
Externo.href.indexOf(publicidad) == -1 &amp;&amp;
Externo.href.indexOf(blogger1) == -1 &amp;&amp;
Externo.href.indexOf(blogger2) == -1)
{
Externo.setAttribute('target', '_blank');
//Externo.setAttribute('class', 'linkexterno');
}}}}
window.onload = function() {
LinksExternos();}
</script>

A pirossal jelzett részeken írjuk át a blogunk nevére.
Mentsük a sablont, és készen is vagyunk.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

15 megjegyzés:

Névtelen írta... [Válasz erre...]

Nem műkszik.

http://rozsaszin-pottyok.blogspot.com/2011/03/teszt.html

Wise Lady írta... [Válasz erre...]

@Névtelen
Köszi a jelzést, csináltam némi javítást, le is teszteltem, most már műxenie kell.

Ledorka írta... [Válasz erre...]

Ó, de jó! Köszönöm szépen! :))

bruercsi írta... [Válasz erre...]

Szuper! Szuper! Bátor voltam és belenyúltam. És lőn csoda, müxik!!! :) Köszönöm!!

Zsófi írta... [Válasz erre...]

Továbbra is rossz a kód, mert a blogspotos címhez a teljes http címet szükséges megadni, nem elég a rozsaszin-pottyok.blogspot.com. Vagyis a piros http://rozsaszin-pottyok.blogspot.com/. Viszont úgy működik. :-D

És köszi.

Wise Lady írta... [Válasz erre...]

@Zsófi
Működik http:// nélkül is. Teszteltük.

h.t. írta... [Válasz erre...]

Ez is remek!
Köszönöm!!!

Glinda írta... [Válasz erre...]

Köszönöm, elsőre sikerült!!

Névtelen írta... [Válasz erre...]

Szia, egy hónapja van blogom, szeretek rajta matatni, variálni. sikerült másik lapot tenni a főoldal mellé. Ez a zenés oldal videókkal. Most már azt szeretném, ha kattintásra új oldalon nyílna meg. Amit leírtál az jó lesz nekem? Később szeretnék mp3-as zenéket feltenni, amit a Tilos rádióból töltök le. Ez szabályos?

Noé írta... [Válasz erre...]

Lenne egy kérdésem. Nézd el nekem, ha bugyuta, de abszolút zöldfülü vagyok a kódkurkászásban, sőt a blogolásban is. Ha én a -head- elé már sikerrel beszúrtam egy kódot - nevezetesen a Google Analytics követő kódját, akkor a fenti kódot ettől függetlenül a -head- elé szúrjam be vagy az Analytics kód elé? Van ennek jelentősége?

Wise Lady írta... [Válasz erre...]

@Noé
Nincs. a lényeg hogy a /head előtt legyen, de azonbelül mindegy.

Noé írta... [Válasz erre...]

Nagyon köszönöm a gyors választ!

Ami írta... [Válasz erre...]

Nekem is sikerült, köszönöm a segítséget!

Raindrop írta... [Válasz erre...]

Köszönöm, tökéletes! :)

Kriszta írta... [Válasz erre...]

Légyszi, csináld meg ezt erre a honlapodra is. :)
Vagy van valami oka, hogy nem?

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-