AdSense kód beillesztése blogger sablonba

Ahhoz, hogy az AdSense hirdetések kódját hozzá tudd adni Blogger blogod sablonjához egy hasznos eszközre lesz szükséged. Ez az eszköz nagyon értékes lehet a Bloggerek számára, hiszen átalakítja az AdSense kódodat pillanatok alatt.

Miután sikerült a művelet csak annyi dolgod lesz, hogy beilleszted a már átalakított AdSense hirdetésed kódját a sablonod kódjának azon részébe ahol szeretnéd, hogy megjelenjen a hirdetésed.

Bizonyos sablonoknál felmerülhet némi probléma is, amikor a bejegyzésekbe szeretnénk beilleszteni a hirdetések kódját, ugyanis az a főoldalon is megjelenik és mivel az AdSense egy bizonyos hirdetés csoportból csak három darabot engedélyez egy oldalon, eltűnhetnek az addig tökéletesen megjelenő hirdetések, vagy teljesen átrendezik a blog főoldalát.

Ebben az esetben nagy segítségedre lehet a Blogger Widgetek elrejtése a főoldalon című bejegyzésem, hiszen ezek a trükkök hatékonyan felhasználhatók az AdSense hirdetések elrejtése során a főoldalról is.

A Blogger Widgetek elrejtése/mutatása a főoldalon vagy a blogod más oldalain

Számos Blogger blogban gondot okozhatnak azok a Widgetek, amelyeket nem szeretnénk megjeleníteni a főoldalon és így akadályozzák a blog tökéletes működését vagy csak azért szeretnénk eltüntetni a modult a főoldalról, mert nem illik oda. Olykor szükség lehet az AdSense modul elrejtésére is a főoldalon vagy a bejegyzésekben. Az alábbiakban bemutatok több nagyon hasznos trükköt a Widgetek elrejtésével és a modulok csak egy bizonyos oldalon való mutatásával kapcsolatban.

A Blogger modulok elrejtéséhez vagy mutatásához egy meghatározott oldalon, egy bejegyzésben, a főoldalon vagy az archívum oldalain nem nehéz feladat még egy kezdő számára sem, hiszen egy kis kód részletet kell beilleszteni a megfelelő helyre és készen is van az elsőre bonyolultnak tűnő feladat.

Az első és legfontosabb lépés a Widget egyedi elnevezése, ezt a későbbiekben visszaváltoztathatod a régire. Egy olyan nevet adj a Blogger modulodnak, amit biztosan megtalálsz majd a sablonod HTML-kódjában és nem szerepel máshol a kódban. Az alábbi példában a "Recent Posts" kifejezést fogom erre használni, de bármilyen más szót vagy kifejezést adhatsz a modulodnak.

• Lépj be a Blogger Admin felületére.
• Válaszd az „Elrendezés” menüpontot.
• Ha szükséges adj egy egyedi nevet a modulodnak úgy, hogy a Widget szerkesztésére kattintasz.
• Miután megvan a kereséshez szükséges kifejezés vagy szó kattints a bal oldali menüben lévő „Sablon” gombra majd a HTML-kód szerkesztése gombra.
• Miután megjelenik, a sablonod HTML kódja nyomd le a CTRL és F billentyűkombinációt majd felül megjelenik a keresőmező.
• Írd be a keresőmezőbe a szót vagy kifejezést, ami a Widgeted címe és máris megjelenik a Widgethez tartozó kód részlet, ami nálam így néz ki (kékkel jelöltem a keresendő Widget címét):

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Miután tudod, hogy hol van a Widget kódja már egyszerűvé válik minden, ugyanis csak a megfelelő helyre kell beillesztened egy kis kódot, amelyet az alábbiakban pirossal jelöltem.

Íme, itt vannak a példák az elrejtéshez vagy mutatáshoz egy meghatározott oldalon, egy bejegyzésben, a főoldalon vagy az archívum oldalain:

Widget megjelenítése csak a főoldalon

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Blogger Widget megjelenítése csak a bejegyzések oldalain

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Blogger Widget megjelenítése csak egy meghatározott oldalon

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 
 
Megjegyzés: cseréld le az "URL of the page" szöveget annak az oldalnak a címére, ahol szeretnéd hogy megjelenjen a modul!

Blogger Widget elrejtése egy meghatározott oldalon

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget megjelenítése csak a statikus oldalakon

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget elrejtése a statikus oldalakon

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget megjelenítése csak az Archívum oldalain

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Miután megváltoztattad a HTML kódot, mentsd le a sablonodat és nézd meg az eredményt a blogodon.

Forrás: http://helplogger.blogspot.com/2012/03/hideshow-widgetsgadgets-in.html

Oldalról becsúszó Facebook like doboz hozzáadása a Blogger bloghoz

Egy nagyon hasznos Facebookos like doboz trükknek a lefordításával készültem, amelyet előszeretettel használnak Blogger blogokban. A doboz oldalról csúszik be a blogba, így nemcsak a divatot követi, de helyet spórolhatsz a blogodon azzal, hogy a Facebook doboz eltűnik, ha nincs használat alatt.

A Facebook doboz megjelenítéséhez az alábbi lépéseket kell követned:

• Jelentkezz be a Blogger szolgáltatásába 
• A blogod kezelőpultján válasz ki a "Sablon" menüpontot 
• Kattints a "HTML-kód szerkesztése" gombra 
• A kódban keresd ki a CTRL F billentyűkombináció segítségével ezt a szöveget </head>
• A szövegrész elé másold be az alábbi kódot (ezt a lépést hagyd ki, ha már előzőleg telepítetted a Jyquery plugint) 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">

Ez után nincs más hátra, mint bemásolni az alábbi kódot egy modulba. A blogod kezelőpultján válaszd ki az elrendezés menüpontot, majd adj hozzá egy HTML/JavaScript modult az oldalsávhoz és másold be a kódot.

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_NHjERCEU-KCf3C-q4jRu9wh6olcbr24ok5FUpnpTRNSstwciIbMFaD-RQPERHoOAVL49ix7dDN32upLLcTH4YAj0xuntlHdM8Trc_GM8QZCdpRh1Q4uw8vDlQNev1K2mMbdGeWOSoBU/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.floatinglikebox div{border:none;position:relative;display:block;}

.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.floatinglikebox span a{color: #808080;text-decoration:none;}

.floatinglikebox span a:hover{text-decoration:underline;}

</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerHacks&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html" target="_blank">+Get This!</a></span></div></div>

Ezt a részt http%3A%2F%2Fwww.facebook.com%2FBloggerHacks cseréld ki a saját Facebook oldalad címével úgy, hogy a / helyet %2F írsz, illetve a : helyett %3A kerüljön.


Forrás: http://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html