Blogger Breadcrumb Navigasyon Eklentisi

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Breadcrumb Navigasyon Eklentisi " border="0" height="176" src="http://2.bp.blogspot.com/-9o7asCm9Fjw/UeR4xXAnlWI/AAAAAAAALk4/YwBekB6QSwA/s400/blogger.PNG" title="Blogger Breadcrumb Navigasyon Eklentisi " width="320" /></div><b><br /></b><b><a href="http://ecanblog.blogspot.com/search/label/SEO">SEO</a> açısından önemli bir <a href="http://ecanblog.blogspot.com/search/label/blogger-eklentileri">Blogger Eklenti</a>si.Breadcrumbs</b> arama motorlarının ve ziyaretçilerin sitede rahat gezmesi için oluşturulmuş başlık linkleridir. Böylece kullanıcı alt kategorileri inse de bulunduğu içeriğe nereden geldiğini görüntüleyebilir.<br />Breadcrumbs’ın Türkçe karşılığı ekmek kırıntısıdır.<br /><br /><i>Örnek Breadcrumb - </i><b><i>Ana sayfa » kategori » konu ismi</i></b><br /><br /><i>Breadcrumb Nasıl Kurulur?</i><br /><i><br /></i><i>Alttaki kod bu kodun <b><b:includable id='main' var='top'></b> </i><i>hemen öncesine eklenmeli.</i><br /><b:includable id="main" var="top"><b><br /></b></b:includable><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code><b:includable id='breadcrumb' var='posts'><br /><b:if cond='data:blog.homepageUrl == data:blog.url'><br /><!-- No breadcrumb on home page --><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><!-- breadcrumb for the post page --><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.labels'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /></b:if><br /></b:loop><br /><b:else/><br />&#187;Kategorisiz<br /></b:if><br />&#187; <span><data:post.title/></span><br /></b:loop><br /></span><br /></p><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;archive&quot;'><br /><!-- breadcrumb for the label archive page and search pages.. --><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi<br /></span><br /></p><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;index&quot;'><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><b:if cond='data:blog.pageName == &quot;&quot;'><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar<br /><b:else/><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/><br /></b:if><br /></span><br /></p><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:includable></code></pre></div><br /><i>Şimdi <b></b:skin></b> kodunu aratıp aşağıdaki CSS kodlarını hemen öncesine eklemelisiniz.</i><br /><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code>.breadcrumbs{background-color:#fff; <br />border-radius:5px; <br />-webkit-border-radius:5px; <br />-moz-border-radius:5px; <br />border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;<br />text-align:left;<br />font-size:11px}</code></pre><br /><i>Son olarak <b><div class='blog-posts hfeed'></b> kodunu arayıp bulduktan sonra üstüne aşağıdaki kodu ekleyin.</i><br /><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code><b:include data='posts' name='breadcrumb'/></code></pre><br /><i><b><a href="http://ecanblog.blogspot.com/search/label/SEO">SEO</a></b> için çok iyi bir eklenti.Arama motoru sonuçlarında gözükmesi için ise biraz zaman alacaktır. </i></div>

Blogger Breadcrumb Navigasyon Eklentisi

SEO açısından önemli bir Blogger Eklentisi.Breadcrumbs arama motorlarının ve ziyaretçilerin sitede rahat gezmesi için oluşturulmuş başlık linkleridir. Böylece kullanıcı alt kategorileri inse de bulunduğu içeriğe nereden geldiğini görüntüleyebilir.Breadcrumbs’ın Türkçe karşılığı ekmek kırıntısıdır.Ör…

Devamı »

Blogger 4'lü Yatay Manşet Eklentisi

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Yeni Benzer Yazılar Eklentisi" border="0" height="218" src="http://2.bp.blogspot.com/-9o7asCm9Fjw/UeR4xXAnlWI/AAAAAAAALk4/YwBekB6QSwA/s400/blogger.PNG" style="border: none; height: auto; margin: 0px 22.1875px; max-width: 94%; padding: 0px; position: relative;" title="Blogger Yeni Benzer Yazılar Eklentisi" width="400" /></div><div style="margin-left: 1em; margin-right: 1em;">Evet bu <b><a href="http://ecanblog.blogspot.com/search/label/blogger-eklentileri" target="_blank">blogger eklenti</a></b>si sayesinde 4 adet yan yana açıklamalı resimli şeklinde duran bir manşet olucak.</div><pre style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; color: #555555; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; overflow: auto; padding: 5px; text-align: left;">#manset{<br />padding:10px;<br />background:#fff;<br />border-radius:5px;<br />margin-top:7px;<br />border-bottom:1px solid #ddd;<br />border-right:1px solid #ddd;<br />border-left:1px solid #ddd;<br />border-top:1px solid #ddd;<br />height:147px;<br />}</pre><br />Manşetinizin nerede görünmesini istiyorsanız oraya aşağıdaki kodları yerleştirin.<br /><pre style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; color: #555555; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; overflow: auto; padding: 5px;"><div id='manset'><br /><center><br /><div id='dvUstManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 928px; color: rgb(76, 76, 76); font-family: arial, sans-serif; font-size: 12px; line-height: 19px; '><br /><ul id='menuManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; '><br /><li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 2px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '><br /><div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div><br /></li><br /><li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '><br /><div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 197px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div><br /></li><br /><li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 207px; '><br /><div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 207px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a hhref='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; ' target='_blank'>Manşet Açıklama</a></span></div><br /></li><br /><li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 0px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 200px; '><br /><div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 200px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div><br /></li><br /></ul><br /></div><br /></center><br /></div></pre><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger 4'lü Yatay Manşet Eklentisi" border="0" height="80" src="http://3.bp.blogspot.com/-NL0UC-Bka4w/UjWobc51uaI/AAAAAAAAG4k/ISwZqZYxs6A/s1600/uruIzHN.png" title="Blogger 4'lü Yatay Manşet Eklentisi" width="400" /></div><br /></div>

Blogger 4'lü Yatay Manşet Eklentisi

Evet bu blogger eklentisi sayesinde 4 adet yan yana açıklamalı resimli şeklinde duran bir manşet olucak.#manset{padding:10px;background:#fff;border-radius:5px;margin-top:7px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-top:1px solid #ddd;height:147px;}Ma…

Devamı »