2015 | Ingyen blog készítés | Blogger tippek, widgetek, trükkök és sablonok

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

<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&alt=json-in-script&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

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

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

Mini Magazin sablon

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

Top 5 legújabb bejegyzések widget

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

Facebook Popup ablak a Blogger blogra

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

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

Food Mag – Ingyenes Blogger sablon

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

Hirdetések

Népszerű bejegyzések

Kövesd a blogot itt is:

Kapcsolatfelvételi űrlap

Címkék

Partnerek:

Blogarchívum