Üdvözöllek a Blogger tippek, trükkök weboldalán

A blog hiba nélküli megjelenítéséhez kérlek használj Firefox böngészőt.

Iratkozz fel hírlevelünkre

2011. június 14., kedd

Villogó linkek a blogodban

Posted by n5stest on 6:58 | No comments


Ezzel a leírással színes villogó effektet varázsolhatsz a blogodban megjelenő linkekhez.

Menj a blogger kezelőfelületére, kattints a Tervezés/HTML-kód szerkesztése fülre.
Nyomj egy CTRL+F billentyűkombinációt és a felugró keresőbe írd be az alábbi kódot:

</head>

Ha sikerült megtalálni, akkor közvetlen elé illesszük be ezt a kódrészletet:

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

Ha ezzel is készen vagyunk, kattintsunk a sablon mentése fülre.









Vissza az oldal tetejére

2011. június 7., kedd

Hogyan alkalmazz egyedi kurzorokat a blogodban.

Posted by n5stest on 1:39 | No comments


Íme még egy módszer amivel még egyedibbé teheted kedvenc blogodat.


Lépjünk be a Blogger kezelőfelületére, ezen belül pedig kattintsunk a Tervezés/HTML-kód szerkesztése fülre.

Ha ez kész, nyomjunk egy Ctrl+F billentyűkombinációt mellyel előcsalhatjuk a böngészőbeli keresőt.

Írjuk be a keresőbe: ]]></b:skin>

Ha ez megvan, akkor pontosan fölé illesszük be az alábbi kódot:

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}


Ezzel készen is vagyunk.

Ha meg szeretnéd változtatni a kurzor kinézetét, akkor keresd fel a következő weboldalt: http://www.totallyfreecursors.com/



Itt jó pár kurzor közül válogathatsz. Ha megtaláltad a neked leginkább szimpatikus kurzort, akkor vidd az egeret a képre, kattints rá a jobb egérgombbal és válaszd ki a kép címének másolása opciót. Ezután pedig mint ahogy az előző lépésekben is csináltuk keressük ki a :

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}
részt és a kimásolt link url címét illesszük be így:  body, a, a:hover {cursor: url(IDE JÖN AZ ÁLTALAD KIMÁSOLT LINK), progress;}

Kurzorok


Vissza az oldal tetejére

2011. május 2., hétfő

Sablon galéria bloggereknek (második rész)

Posted by n5stest on 2:21 | No comments


A sorozat második részeként ismét jöjjön négy darab letölthető blog sablon.



Design Freak


Letöltés: Design Freak blogger sablon

News Station

Letöltés: News Station blogger sablon

Elegance Gallery



Letöltés: Elegance Gallery blogger sablon

Music Store



Vissza az oldal tetejére

Címkék:

2011. április 30., szombat

Küldd be az oldaltérképed a Bing keresőbe

Posted by n5stest on 0:50 | No comments


A jelenlegi bejegyzés célja, hogy blogspot.com -os oldalunkat bejuttattuk a Bing keresőbe.

Első lépés:

Lépjünk be a Bing Webmester Eszközök oldalára. Ehhez szükségünk lesz egy Hotmail vagy Windowslive emailcímre.

Második lépés:

Ha sikeresen beléptünk adjuk hozzá weboldalunkat a keresőhöz. Ehhez kattintsunk az Add site gombra.


Ezek után írjuk be a blogunk címét a rubrikába.



Harmadik lépés:

Ezután a felugró ablakban két lehetőség közül választhatunk:

Option 1: Place an XML file on your web server
Mivel a felhasználók nem férhetnek hozzá a blogspot webes kezelőfelületéhez így nekünk ez a lépés nem lesz jó.


Option 2: Copy and paste a tag in your default web page
A második verziót kell, hogy válasszuk, itt kapni fogunk egy kódot amit a HTML sablonba kell majd beillesztenünk.


Új ablakban nyissuk meg a Blogger irányítópultját, ezen belül pedig a Tervezés/HTML kód szerkesztése menüt, az utóbbiban pedig bontsuk ki a vezérlősablonokat.


Ha a vezérlősablonokat kibontottuk nyomjuk meg a CTRL+F kombinációt és a keresőbe írjuk be: </head>

Közvetlen utána pedig illesszük be a Bing által generált ellenőrzőkódot és mentsük el sablonunkat.

Visszatérve a Bing oldalára, kattintsunk a Verify gombra.

Negyedik lépés:

A Bing Webmester eszközökön belül kattintsunk a Crawl > Sitemaps > Add Sitemap -ra



Ezt követően a felugró ablakba pedig írjuk be a következőt: http://oldaladcíme.blogspot.com/feeds/posts/default


Ezután kattintsunk a Submit gomra.

Vissza az oldal tetejére