Érdekes hírek :
Legújabb bejegyzések

Mini Magazin sablon

Közétette ingyenblog | 2015. június 5., péntek | 13:54


Egy gyönyörű blogger sablon, amely ingyenesen használható, nagy tudású és jó designnal rendelkezik. A sablon jól optimalizált és a hirdetési forma könnyedén hozzáadhatók a hirdetések.


Demó
Letöltés
Forrás

Top 5 legújabb bejegyzések widget

Közétette ingyenblog | 2015. június 3., szerda | 15:00

Mindazon bloggerek számára, akik folyamatosan frissítik bejegyzéseikkel blogger blogjukat és ezt a látogatók számára is szeretnék megmutatni 5 darab legújabb bejegyzés widgetet mutatunk most be. A legújabb bejegyzések widget felér az újságírók által előszeretettel használt friss hírek dobozokkal, ahova a legújabb és legrelevánsabb bejegyzések kerülnek.

Íme azok a legjobb blogger widgetek, amelyek a legújabb bejegyzéseket jelenítik meg a blogger blogokban:

Legújabb bejegyzések widget #1

 <script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script>
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script>
<a href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff}
.recent-posts-container {font-family: 'Ubuntu Condensed', sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; }
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>



Legújabb bejegyzések widget #2


<div class="recentpoststyle">
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.js"></script><i>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>



Legújabb bejegyzések widget #3


<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script>
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script>
<a href="http://helplogger.blogspot.com/" rel="nofollow" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;}
.recent-posts-container a { text-decoration:none; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px; }
.recent-posts-details a{ color: #777;}
</style>

Legújabb bejegyzések widget #4

<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script>
var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script>
<a href="http://helplogger.blogspot.com/" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}
</style>

 

Legújabb bejegyzések widget #5

<script src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script>
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script rel="nofollow" src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script>
<a href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
.recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {border: 2px solid #FCD6CB; }
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>


Hogyan adjuk hozzá a legújabb bejegyzések widgetet a blogger blogunkhoz

Kövesd a következő lépéseket és egyszerűen hozzáadhatod a legújabb bejegyzések widgetet a saját blogger blogodhoz:
1. lépés: Lépj be a Blogger Admin felületére.
2.lépés: Válaszd az „Elrendezés” menüpontot.
3.lépés: Adj hozzá egy HTML/JavaScript modult ahhoz a részhez ahol szeretnéd, hogy megjelenjen a widget.

4.lépés: Másold a modulba a fenti kódok egyikét.
5.lépés: Ments el és készen is vagy.

Forrás: helplogger.blogspot.com

Facebook Popup ablak a Blogger blogra

Közétette ingyenblog | 2015. február 14., szombat | 11:29

A közösségi oldalak az egyik legjobb reklámozási formája a blogoknak. A Facebook az egyik piacvezető közösségi oldal, amelyet Magyarországon is nagyon sokan használnak előszeretettel, ezért a Facebook felhasználok, tudtára kell hozni, hogy, van egy a blogunk témájához kapcsolódó Facebook oldalunk.

Egy olyan közösségi oldal, ahol szorosan a témához kapcsolódó cikkeket olvashatunk. Az alábbiakban az egyik legelterjedtebb formáját mutatjuk be a Facebook oldalak reklámozásának.

A Popup ablak, azaz a felugró ablak, szinte azonnal közli a látogatókkal, hogy van Facebook oldala a blogunknak és csatlakozzanak mihamarabb.

Facebook felugró ablak modul hozzáadása a Blogger bloghoz:

  • Először lépj be a Blogger oldalad admin felületére.
  • Kattints az „Elrendezés ” menüpontra.
  • Válassz ki egy helyet, lehetőleg a jobb oldali sáv legyen (Modul hozzáadása), 
  • Válaszd ki a HTML/JavaScript ablakot, ahova az alábbi kódot másold be.
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/Ingyen-Blog/547454148636708&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com" rel="nofollow">Helplogger</a></div>
</div>
</div>
  • Ezt követően mentsd el és már készen is áll a widget a megjelenésre.
Figyelem! Nagyon fontos, hogy a kékkel jelölt részt lecseréld a saját Facebook oldalad URL címére, majd miután lementetted, már működik is a widget.

A jelen beállítások szerint a facebook popup ablak 5 másodperces késéssel jelenik meg az oldal beletörődése után, amennyiben változtatni szeretnél ezen, az alábbi kódrészletet kell módosítanod tetszés szerint
.delay(5000)
Forrás: helplogger.blogspot.com

Food Mag – Ingyenes Blogger sablon

Közétette ingyenblog | 2015. január 29., csütörtök | 19:06

Food Mag Blogger sablon

A Food Mag egy teljesen rugalmas, sokfunkciós és szépen megtervezett Blogger sablon. Receptek és egészséges életmód témájú blogok számára kiválóan alkalmas.


Demó
Letöltés
Forrás

Hogyan csökkentsük blogger blogunk betöltési idejét hatékonyan

Közétette ingyenblog | 2014. július 23., szerda | 11:48

A Blogger blog betöltési ideje nem csak keresőoptimalizálás szempontjából, de a látogatók számára is fontos tényező lehet. Minden blog tulajdonos érdekében áll, hogy csökkentse blogja betöltési idejét, hiszen a Google keresőrobotai ezt is figyelembe veszik a blog feltérképezése idején. A betöltődési idő nagyon fontos a kereső rangsorolása szempontjából. 

Mindezek mellett a látogatóknak sem tetszik egy olyan blog, amelyik lassan töltődik be, hiszen ha belegondolunk, semmilyen élvezetet nem nyújt számukra egy nehézkesen betöltődő blog és egy másik weboldalon keresik meg az információt.

Íme, néhány hasznos tipp, hogyan optimalizálja blogja betöltési sebességét:

Kerülje a JavaScript kódok használatát 
A JavaScript lelásítja az oldalak betöltődését, ezért próbálja meg eltávolítani a felesleges JavaScript kódokat a Blogger blogjáról.

Közösségi média gombok 
A közösségi média gombok valóban nagyon fontosak, de a túl sok közösségi média gomb használata visszavetheti a blog betöltési idejét.

Háttérkép
Ne használjon képet a blogja hátterének. A képnek köszönhetően, amik a háttérben töltődnek be, eléggé lelassul a Blogger blogja.

Bejegyzések a főoldalon
Próbáljon meg maximum 4-5 bejegyzést közétenni blogja főoldalán, mert minél több bejegyzés jelenik meg, annál lassabban töltődik be a blog.

Külső linkek
Távolítsa el a lehető legtöbb külső linket a blogjáról, mivel ezek is nagyban lassíthatják a weboldalát.

Ha van saját blogod és meg szeretnéd tudni hogyan, szerepel a robotok „szemében”, itt leellenőrizheted azt: http://developers.google.com/speed/pagespeed/insights/

Hawaii Beach Vacation – Ingyenes Blogger sablon

Közétette ingyenblog | 2013. szeptember 13., péntek | 14:32

Hawaii Beach Vacation Blogger sablon

A Hawaii Beach Vacation Blogger sablon utazás témával, azon belül Hawaiival foglalkozik, de kisebb változtatásokkal utazás blogokhoz tökéletesen alkalmas sablon lehet.


Demó
Letöltés
Forrás

Saját látogatások elrejtése a Blogger statisztikában

Közétette ingyenblog | 2013. szeptember 12., csütörtök | 15:22

A Blogger statisztika egy nagyon hasznos valós idejű statisztikai szolgáltatás, amely teljes mértékben integrált eszköz a Blogger blogokban. A Blogger blogok szerkesztői gyakran keresik fel saját blogjukat a szerkesztés, tökéletes működés vagy a tökéletesítés érdekében.

Ha te is ezek közé a szerkesztők közé tartozol, és folyamatosan figyelemmel kíséred a blogod látogatóinak statisztikáját, akkor számodra hasznos lehet, ha a saját blog látogatásaidat nem jelenítik meg a látogatói statisztikákban.

A művelet igen egyszerű, viszont arra oda kell figyelni, hogy ha egynél több böngészőt használsz, akkor minden böngészőben elvégezd a saját látogatások elrejtését a Blogger statisztikában. Az alábbi lépéseken kell, végig menj, ha a saját látogatásaidat el szeretnéd rejteni a Blogger blogod látogatói statisztikájában:

  • Lépj be a Blogger blogod kezelő felületére és kattints a „Statisztikák” menüpontra 
  • Itt klikkelj „saját oldalmegjelenések mellőzése” szövegre 
  • Ez után válaszd ki az „oldalmegjelenések nyomon követésének mellőzése” és kattints a „Mentés” gombra. 

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. Ingyen blog készítés | Blogger tippek, widgetek, trükkök és sablonok
Minden jog fenntartva!
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger