blogger kodları

1: Kesilen yazının "Devamını oku" şeklinde bağlantısı

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

2:Konu başlığı kodu

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

3:Yazıya ait etiketler

4:Yazıya ait önizleme resmini gösteren kod

<b:if cond='data:post.thumbnailUrl'>

5:Yazının belli bir kısmını gösteren kod

6:Widget , yazı , resim vb; sadece ana sayfada göstermek isteyenler ;

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Kod

</b:if>

7:Yazı tarihi kodu (ör: 12 Ekim 2012 Perşembe);

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

8:Yazı tarihi - saati kodu (ör: Perşembe, Ekim 18, 2012 / 6:03:01 PM);

9:Blogger Pagetype kodları

Sadece arşiv sayfasında görünür

<b:if cond='data:blog.pageType == "archive"'>

Bu yazı sadece arşiv sayfasında görünür. Arşiv sayfasına etiket sayfası da dahildir. Bu kısma istediğiniz bir div'i alabilirsiniz. İsterseniz siteyi baştan aşağı değiştirebilirsiniz. Çünkü bu alana style kodları da ekleyebilirsiniz, böylece öncelik bu kodlarda olmuş olur.

</b:if>

Sadece, arşiv sayfasında görünmez

<b:if cond='data:blog.pageType != "archive"'>

Bu kodun yukarıdaki koddan değişik kısmı iki tane eşittir yerine bir eşittir ve ünlem olmasıdır. Bu da demek oluyor ki, buraya ekleyeceğimiz kodlar sadece arşiv sayfasında görünmeyecek.

</b:if>

Sadece, yazı sayfasında görünür

<b:if cond='data:blog.pageType == "item"'>

Bakın burada da iki tane eşittir var. Bu da, buradaki kod topluluğunun sadece yazı sayfalarında görüneceğini açıklıyor.

</b:if>

Sadece, yazı sayfasında görünmez

<b:if cond='data:blog.pageType != "item"'>

Burada da iki eşittir yerine bir ünlem ve bir eşittir var. Bu da, buradaki kodların sadece yazı sayfasında görünmeyeceğini belirtir.

</b:if>

Sadece, sayfa sayfasında görünür

<b:if cond='data:blog.pageType == "static_page"'>

Merhaba, burası sayfa sayfası. Yani hakkımda, iletişim vs.

</b:if>

Sadece, sayfa sayfasında görünmez

<b:if cond='data:blog.pageType != "static_page"'>

Burasının sayfa sayfası olmadığı kesin, çünkü burası sadece sayfa sayfasında görünmez.

</b:if>

Aşağıdaki kod tipinde, bir css elementinin, sadece belirli bir url'de görünüp görünemeyeceğini seçebiliriz.

<b:if cond='data:blog.url == "Söz konusu Link"'>

İşte buradaki kodların sadece Söz konusu Linke sahip sayfada, yazıda vs.'de görünmesini sağladık.

</b:if>

-----------------------------

<b:if cond='data:blog.url != "Söz konusu Link"'>

Burada da sadece Söz konusu Linke sahip sayfada, yazıda vs.'de görünmemesini sağladık.

</b:if>

10.İlk gönderiden sonra

İşte işin en cafcaflı kısmı, aşağıdaki kodun arasına ne koyarsanız ilk gönderiden hemen sonra çıkacaktır. Diğer gönderilerin altı boş kalacaktır. Reklam kodu olabilir mesela.

<b:if cond='data:post.isFirstPost'>

İstediğimiz bir kodu buraya koyabiliriz.

</b:if>

11:Devamını oku Linki

Kodları yerleştirmeye başlamadan önce "Widget Şablonlarını Genişlet"
seçeneğinin işaretli olduğundan emin olun.
İlk olarak şablonun başında bulunan <head> etiketinden hemen sonra

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

kodlarını yapıştırın.

<data:post.body/>

Etiketinden sonra

<b:if cond='data:blog.pageType != "item"'><br/>
<a expr:href='data:post.url'>Devamını okuyun >>> </a>
</b:if>

Bundan sonra yazı yazarken görüntülenmesini istediğiniz yazıyı normal bir şekilde yazıp gizlemek istediğiniz kısmı

<span class="fullpost"> gizlenmesini istediğiniz kısım </span>

Etiketleri arasına yazmalısınız

12:Navbar Gizleme

<head> Tagından sonra aşağıdaki kodu kullanın.

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>

13:Benzer Yazılar Eklentisi

Widget Şablonlarını Genişlet <data:post.body/> den hemen sonra "<p></p>" arasına aşağıdaki kodu koyuyoruz ve kaydediyoruz.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>





<div class='widget-content'>
<h3>Benzer Yazılar</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

14:Title Ayarı ( Konu başlığını baş tarafa alma)

Şablon içinde bulunan

<title><data:blog.pageTitle/></title> Kodunu aşağıdaki kod ile değiştiriyoruz.

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> - <data:blog.title/></title></b:if>

15:Navbarı açılır kapanır yapmak

Sayfanın herhangi bir bölümüne Html /Javascript page element ekleyip aşağıdaki kodları yapıştırın...

<span style="cursor:pointer;" onclick="ShowHideNav();">
Göster / Gizle - Navbar
<a style="visibility:hidden;" href="blog adresiniz"></a>
</span>

16:Yazı içine reklam

Normal koymak istiyosanız bu kodun altına normal şekilde koyun kodunuzu

Farklı çeşitlerlede koyabilirsiniz.

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;'>
Yazı içine girince sağ taraf yazı içine reklam
</div>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;'>
Yazı içine girince sol taraf yazı içine reklam
</div>
</b:if>

<div style='float:right;'>
Sağ taraf yazı içine reklam
</div>

<div style='float:left;'>
Sol taraf yazı içine reklam
</div>

Yazı sonuna reklam koymak için

<data:post.body/> kodundan sonra reklamı koyabilirsiniz.

Adsense reklamı koymak istiyorsanız kodlarda aşağıdaki gibi ufak değişiklik yapmanız gerekiyor. Adsense kodunu notepad yapıştırıp ctrl+h yapın üsteki kısıma sırasıyla < , > , " bu kodları değiştiriceksiniz karşılık olan kodları aşağıda...

< <
> >
" "

Adsense harici reklamlarda bu değişikliğe gerek olmuyo...

17:Yazılara menü gibi tablo yapma

Yazılarına ve diğer eklediğiniz her uygulama için tablo şeklinde bi menü yapabilirsiniz.

<div style="padding:5px; border:1px solid #999999; background-color:#ffffff; margin-top:1px;"> yazılar bu kısıma gelicek </div>

18:Son Yazılar ve Son Yorumlar

<Head>
kodundan hemen sonra

<script src='http://siteadi.com/sonyorumlar_yazilar.js' type='text/javascript'/>
<span/>

js indir - http://sites.google.com/site/demobloglar/Home/js.rar

SON YORUMLAR İÇİN

<script language="javascript"> var numcomments = 5; var numchars = 70; var showauthor =true; var showposttitle =false; </script><script src="http://www.blogadresi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

SON YAZILAR İÇİN

<script language="javascript"> var numcomments = 5; var numchars = 70; var showposttitle =true; var showauthor =false; </script><script src="http://www.blogadresi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showrecentcomments"></script>

19:Sağ Tarafta Kayan Banner

Sayfanın herhangi bi yerine HTML/JavaScript ile eklemeniz gereken kod

<style type="text/css">

#topbar{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: white;
width: 111px;
visibility: hidden;
z-index: 0;
}

</style>

<script type="text/javascript">
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 0);
}
ftlObj = ml("topbar");
stayTopright();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar">
Reklam kodunuz
</div>

20:Sağ Tarafta Kapanabilen reklam kodu

<div id="sticky" style="position: absolute; right: 3px; top: 5px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>

<td>

Reklam Kodunuz

</td>
</tr>
<tr>

<td style="padding: 1px;">
<center><a href="javascript:; " onClick="sticky.style.visibility = 'hidden';" style="text-decoration: none"><b>Reklamı Kapat</b></a></center></td>
</tr>
</table>

</div>