Türkçe karakter Ascii Kodları aşağıdaki gibidir.
HTML Kaynak Kodu Giriniz :
Kodlanmış HTML Kaynak Kodu :
ç ç
ı ı
ğ ğ
ö ö
ş ş
ü ü
Ç Ç
İ İ
Ğ Ð
Ö Ö
Ş Ş
Ü Ü
Blogger'e uygulanan yasaklar yüzünden çogu kişi wordpress' geçmek istiyor.Bende kendi blogumda uyguladığım bir kaç yöntemi sizinle paylaşayım.
İlk önce bir domaininiz olduğunu ve wordpress kurulu olduğunu varsayıyorum.
1.Adım *
* Blogger ->Ayarlar -> Dışarı aktar diyoruz.
* Çıkan xml dosyasını wordpresse uyarlamak gerekiyor.Onuda Google appengine sitesinin yapmış olduğu converterle yapıyoruz.Tıklayın..
Boyut pek önemli değil dışarı verilen xml dosyasını wordpresse aktaracağız.
Blogunuzdaki yazarların resmini gösterin.
1 -
<b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if>
<div class='post-avatar-frame'> <div class='post-avatar'> <script type='text/javascript'> makeprofilelink("<data:post.author/>","img"); </script> <b:if cond='data:top.showAuthor != "true"'> <data:post.author/> </b:if> </div></div> <b:if cond='data:top.showAuthor'> <data:top.authorLabel></data:top.authorLabel> <script type='text/javascript'> makeprofilelink("<data:post.author></data:post.author>","txt"); </script> </b:if>
<script type='text/javascript'>
var team = new Array();
team["yazar"]="12312312312321353231";
team["yazar1"]="45645656876854645645";
team["yazar2"]="456456565646";
team["yazar3"]="7537537537535314";
function makeprofilelink (authorname, type) {
var pid = team[authorname];
if (type=="img") { document.write("<a href='http://www.blogger.com/profile/" + pid + "'><img class='post-avatar' height='40' src='http://isminiz.googlepages.com/resim/" + authorname + ".jpg' title='View Profile'/></a>"); }
else if (type=="txt") { document.write( "<a href='http://www.blogger.com/profile/" + pid + "'>" + authorname + "</a>"); }
else { document.write("<a href='http://www.blogger.com/profile/" + pid + "'>" + authorname + "</a""); }
}
</script>
3 - Css Kodları <head> </b:skin> arasına,.post-avatar {
border-style:none;
display:block;
}
.post-avatar-frame {
background:#FFFFFF; //arkaplan rengi
border-style:none; //kenar çizgisini gösterme
display:block; //sayfada göster
float:left; //sola yasla
}
Değiştirmeniz gereken yerler :Bloggerde istediğiniz kadar yazı listeleme (random widget) - Erman Haskan
Otomatik Devamını oku Bağlantısı (auto read-more) - Blogsolute
Recent Post Thumbnail Widget Gadget - Bloggerplugins
Blogger Son yorumlar && Son Yazılar Gadget Eklentisi - Bloggerbuster
Benzer Yazılar (Related Posts Widget Thumbnail) - Linkwithin
Bloggerde sadece yazı başlıklarını listelemek - Mafiamax
Blogger için Tema Adresleri
Blogger Tema Templates Şablon - Bloggertema
Blogger templates,blogger templates BTemplates
Blogger template premium templates - Magznetwork
Free blogger templates wordpress to blogger template - EBlogTemplates
Benim sorunum ie7 ile alakalıydı aslında ufak bir araştırmadan sonra işimi ayrı bir css dosyası hazırlayarak hallettim.
Firefoxta ve IE7'de düzgün çalışan transparent png dosyası ie6 tarayıcısında bozuk halde çıkıyor.Bu sorunu halletmek için aşağıdaki yöntemi uyguladım ve güzel bir sonuç aldım.
IE 6 da top ve left kodları işlemiyor onun içinde ayrıca ie6 css oluşturdum.(bknz)
elim değmişken ie 5.5 geçmeyi düşünüyordum fakat sitenin durumu iyi görünmüyordu.Kullanan varsa halen benim yapabileceğim bu kadar umarım akılda kalıcı bir bilgi olmuştur.
Önceki Kayıtlar
