DavutErarslan.com

Ramazanda iftar açarken okunacak dua

2013-06-10T22:04:00.002+03:00

Ramazanda, iftar açarken nasıl dua etmeliyiz diye düşünüyorsanız doğru adrestesiniz. İftarda Yapılacak Duâ “Allâhumme leke sumtu ve bike âmentu ve aleyke tevekkeltu ve alâ rızkıke eftartu veli savmi ğadin neveytu fağfir limâ kaddemtu vemâ ahhertu.” Anlamı: “Allah’ım! Senin için oruç tuttum, sana inandım, sana dayandım, Senin verdiğin rızıkla orucumu açtım. Yarının orucuna da niyet ettim, benim geçmiş ve gelecek günahlarımı bağışla.”

Kötü rüya görünce ne yapmak gerek ?

2013-06-09T20:58:00.001+03:00

İnsan her gece belki binlerce rüya görür ancak bunun çok az kısmını hatırlar, belki 1 veya 2. Gördüğümüz rüyalar bazen bizi korkutabilir bazen de mutlu edebilir. Eğer kötü bir rüya görürseniz yapmanız gereken sol tarafınıza üç kere tükürüp, şeytanın şerrinden Allah'a sığınmaktır.

Zira Peygamber Efendimiz Hz. Muhammed (s.a.v.) şöyle buyurmuştur: "Kötü rüya gören uyanınca sol tarafına üç defa tükürüp, şeytanın şerrinden Allah'ü teâlâya sığınsın. Bu takdirde rüya, ona zarar vermez." (Müslim)

Ebu Said el Hudri (r.a.)’den rivayetle Peygamber (s.a.v)’den şöyle buyurmuştur: “Herhangi biriniz sevdiği bir rüya görürse o Allah’tandır. Allah’a hamdetsin ve gördüğünü anlatsın. Hoşlanmadığı cins bir rüya görürse bu şeytandandır onun şerrinden Allah’a sığınsın ve onu hiçkimseye anlatmasın böylece o rüya ona zarar vermez.” (Buhârî, Ta’bir: 27)

2013 SBS soru ve Cevap anahtarı

2013-06-08T15:20:00.004+03:00

Merhabalar, bugün 2013, Haziran, 08, cumartei. 8. Sınıfa giden kardeşlerimiz bugün önemli bir sınava girdiler ve bu sınav onlar için kritik bir önem arz ediyordu. Sınavdan çıkan kardeşlerimiz haliyle bu sınavda ne kadar net yaptıklarını merak ediyorlar ve biran önce 2013 SBS (seviye belirleme sınavı) sorularını ve cevap anahtarını görmek istiyorlar. Bizde bu kardeşlerimizin işini kolaylaştırmak için bu yazıyı yazdık. İşte 2013 SBS Soru ve cevapları :

SORULARI VE CEVAPLARI GÖRMEK İÇİN TIKLAYIN

Şarkı Önerisi : Baharda kuşlar gibi [ZARA]

2013-04-29T00:06:00.001+03:00

Bugün bir tane yazı yazayım dedim. Tam o sırada da telefonda dinlediğim müzik aklıma geldi ve dur dedim tavsiye edeyim millet dinlesin. Şimdi efendiler bu şarkıyı Zara hanım efendi söylüyor, hani güzel de söylüyor. Şarkının sözleri de fena değil. Yani diyeceğim odur ki alın dinleyim işte, işiniz ne :)

Kavram haritasını kolayca hazırlayın

2013-03-09T19:37:00.003+02:00

Merhabalar, bugün genel bir konu yazmayı uygun bulduk ve gerçekten çok güzel bir online siteyi kullanarak kavram haritanızı kolayca hazırlayabilmeniz için bu yazıyı yazdık. Bilgisayarınızda kullanabileceğiniz kavram haritası hazırlama programları mevcut fakat biz siteyi denedik, kullandık ve beğendik. Ve burada sizin için önermeyi ve kullanmanız için bir iki ipucu vereceğiz.

1- Siteyi açtıktan sonra tarayıcınız seçin.
2- Start working'e tıklayarak çalışmaya başlayın.
3- Start here' yazan yere tıklayın başlığınızı yazın.
4- Açtığınız başlığın alt başlıkları varsa ve eklemek istiyorsanız altındaki işarete tıklayın(New Child Bubble), alt başlık ekleyin. Eğer alt başlık 2 tane yada daha fazlaysa açtığınız alt başlığın sağındaki işarete(TAB) tıklayın ve diğer alt başlıklarıda açın.
5- Eğer kutuların rengini değiştirmek istiyorsanız resimde yer alan "color" yazısının hemen üstündeki renge tıklayın ve değiştirin. Eğer yazının rengini değiştirmek istiyorsanız "T" yazısına tıklayın ve rengi seçin. "Size" ile büyüklüğü, "connect" ile de kutuları birbirine bağlayabilirsiniz. "Delete" ile de fazla kutuları silebilirsiniz.

İşte kavram haritası hazırlama sitesi : https://bubbl.us/

Bundan sonra yazılar geliyor :)

2013-02-16T23:31:00.001+02:00

Uzun süre oldu biliyorum ancak bundan sonra belki biraz daha sık yazılar yazmaya başlayacağım. En geç haftada bir yazı görmeniz içten bile değil. Blogger için çok özel bilgiler paylaşmaya başlayacağım. Çok nadir olarak görebileceğiniz teknikler olabilir içlerinde. Artık her sitenin paylaştığı eklentilerden ziyade kendinizi geliştirmeniz için birazcık yazdımcı olmaya çalışacağı(z). Sizlerden istediğimiz tek şey biraz yorum atmanız ve ipuçlarınızı sitelerinizde kaynak gösterek paylaşmanızdır. Bu daha fazla kişiye ulaşması için yardımcı olacak bir araç.. Hadi bekleyin bakalım yazıları :)

Kuşburnunun faydaları : Çayını içelim :)

2012-09-16T10:51:00.007+03:00

Merhalar, bugün kuşburnunun faydaları üzerinde durmak istiyoruz. Çünkü, çayı ne kadar lezzetliyse bir o kadarda faydası var.

Şu aşamada sizlere aşağıdaki listedeki faydaları bilmeniz kuşburnunun çayını içmek için yeterli olacaktır;

Yukarıdaki kuşburnunun faydalarını gördükten sonra şimdi kuşburnunun çayı nasıl hazırlanır bir de bunu öğrenmekte fayda var.

1 su bardağı kaynamış suya, 1 tatlı kaşığı, ince kıyılmış kuşburnu kabuğu eklenerek, 15 dk demlenir Süzüldükten sonra, günde 3 bardak içilebilir Her seferinde, taze olarak hazırlamak gerekir.

Kuşburnu çayını afiyetle için hatta size önerim kuşburnu çayının içerisine balda ilave edin. Çok güzel oluyor.

Name.com'daki domaini bloggera yönlendirme

2012-09-12T11:44:00.008+03:00

Merhabalar, bloggerı host olarak kullanıp site açmak isteyenler için güzel bir anlatım olacağına inancımız tam. Bu makalede yer alanları uyguladıktan sonra sitenizi sizde sorunsuz birşekilde blogger hostunu kullanarak açabileceksiniz. Bu kullanıma örnek isteyenler davuterarslan.com adresine bakabilir.

1. adım

İlk önce name.com'da hesabımıza giriyoruz ve accounts bağlantısını açıyoruz. Daha sonra gelen listeden bloggera yönlendirmek istediğimiz domaini seçiyoruz. +/- 1. resim

2. adım

Daha sonra aşağıdaki resimde yer alan yere yani DNS Record Management linkine tıklıyoruz. +/- 2. resim

3. adım

Bu adımda aşağıdaki resimde olduğu gibi A ve CNAME ekliyorsunuz. Burada dikkat etmeniz gereken 4 tane A recordu var ve bunların hepsinin değerleri farklı : 216.239.32.21 , 216.239.34.21 , 216.239.36.21 ve 216.239.38.21 değerlerini A recorduna www ekledikten sonra ghs.google.com yide CNAME recorduna ekliyorsunuz. +/- 3. resim

Hepsi sadece bu kadar !

Bayram o bayram ola !

2012-08-19T14:02:00.011+03:00

Mevlâ bizi afvede
Gör ne güzel ıyd olur
Cürm ü hatalar gide
Bayram o bayram olur

Merhamet ede Rahîm
Dermanı ver Hakîm
Lutfede luf-i Kadîm
Bayram o bayram olur

Feyz-i mehabbet-i Hak
Nur-i hidayet siyak
Cennet-i â’lâ durak
Bayram o bayram olur

Hakk’ı seven merd-i şîr
Kalbi olur müstenîr
Allah ola destigîr
Bayram o bayram olur

Merhametin kânıdır
Afv ü kerem şânıdır
Hep ânın ihsânıdır
Bayram o bayram olur

El tuta kitâbını
Dil tuta hitâbını
Can tuta şitâbını
Bayram o bayram olur

Mevlâ’yı candan seven
Rıza-yı Hakk’a even
Lüft-i Hüdâ’ya güven
Bayram o bayram olur

Hakk’ı seven dîl ü cân
Aşkı eden heyecân
Feth ola bâb-ı cinân
Bayram o bayram olur

Bahr-i keremden Hüdâ
Gark eden nûr-i Hüdâ
Afv ola bây u gedâ
Bayram o bayram olur

Ganîler ede kerem
Ref’ ola derd-i verem
Sahî ola muhterem
Bayram o bayram olur

Nûr-i hidayet dola
Dilde hidayet bula
Nâsırın Allah ola
Bayram o bayram olur

Tevhîd ede zevk ile
Hakk’ı seve şevk ile
Tasdîk inerse dile
Bayram o bayram olur

Dilde ki Rahmân olur
Dertlere dermân olur
zâde fermân olur
Bayram o bayram olur

Lutfî’ye lutf u kerem
Dâhil-i bâb-ı harem
Dâima Allah direm
Bayram o bayram olur

ALVARLI EFE HAZRETLERİ

Blogger resimli son yazılar eklentisi

2012-08-17T13:25:00.005+03:00

Selamün aleyküm, bugün wmaraci.com'da birisi resimli son yazılar eklentisi arıyormuş. Bulamamıştı en son baktığımda bende hemen paylaşayım oraya link atayım diye düşündüm. Herkes faydalansın istedik. Şimdi aşağıdaki kodu sitenize Tasarım--Gadget Ekle--Html/JAVASCRİPT ekleye tıklayıp davuterarslan.com yazan yere kendi sitenizi yazıyorsunuz ve ekliyorsunuz. Bu şekilde kaydedip çıktığınızda herşey olmuş bitmiş oluyor.

+/- Ekleyeceğiniz kod Aç-/-Kapat

<div id='bp_recent'></div><div class='bp_footer'><small style="display:none;">Powered By <a href='http://www.bloggerplugins.org/?utm_src=BP_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a> and <a href="http://www.davuterarslan.com" title="Blogger Eklentileri">Davut</a></small></div>
<script style='text/javascript' src='https://sites.google.com/site/davuterarslan1/resimlisonyazilar.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 90;
var titleLength = 80;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 50;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'Devam';
</script>
<script src='http://www.davuterarslan.com/feeds/posts/summary?max-results=5&orderby=updated&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Peki bu kodlar içerissinde düzenleme yapmak, resim boyutunu yazı miktarını ayarlamak mı istiyorsunuz ? Onun için lütfen şunlara bakınız;

var numberOfPosts = 5; -- Kaç yazı göstereceğini gösteriyor. Biz 5 yaptık siz değiştirebilirsiniz.
var summaryLength = 200; -- Yazı karakterinin kaç karakter olacağını belirtiyor. Biz 200 yaptık siz artırıp, azaltabilirsiniz.
var titleLength = 100; -- Başlık uzunluğunun en fazla kaç karakter olacağını belirtiyor biz 100 dedik siz azaltıp, artırabilirsiniz.
var imgDim = 50; -- Resim boyutunu belirtiyor. 50 derseneniz 50 genişliğinde 50 yüksekliğinde resim olur. Artırıp, azaltabilirsiniz.
var imgFloat = 'left'; -- İsterseniz right yazarark resimlerin sağda durmasını sağlayabilirsiniz.
var readMore = 'Devam'; -- Devamını okuma bağlantısına verdiğimiz isim.

Allah razı olsun demeniz kafidir. Birde paylaşırken kaynak gösterirseniz memnun oluruz.

Blogger linklerinize renk efekti verin

2012-08-15T17:31:00.004+03:00

Blogger sitelerinizde linkleriniz hem seo için hemde kullanıcılar için oldukça önemlidir. Siteniz içerisinde yer alan yazıda eğer linkleriniz normal bir yazıdan farklı olarak görünmüyorsa ve kullanıcılar yazı içerisinde link olup olmadığını ayıramadığı durumlar hiç iyi bir durum değildir. Bunun için "body a" yada başka kodlar ile sitenizdeki linklerin görünümünü değiştirin. Özellikle yazı içindeki linkleri altı çizik yapmaya özen gösterin.

Bu eklenti yardımıylada linklerinizin üzerine gelinince link farklı renkler almaya başlayacak. Bu eklentinin demosunu sitemizin sadece bu sayfasında görebilirsiniz. Bu sayfadaki hangi linkin üzerine gelirseniz o link renk değiştirecektir. Örneğin;

Bu bir LİNK denemesidir. Yandaki link kelimesinin üzerine gelince renk değiştirecektir.

"Peki herşey iyi güzelde bu eklentiyi nasıl kurarım ?" diye düşünmeyin çok basit eklemeniz gereken bir kod var. Bu kodu sitenizin </head> kodunun hemen üstüne aşağıdaki kodu yapıştırın ve kaydedin.

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

Hayırlı kullanımlar, Allah'a emenet olun.

Telsim reklamı- Yılmaz Erdoğan 2001-2002

2012-08-15T14:43:00.003+03:00

Heyt be. Yılmaz Erdoğan'ın 2001-2002 yılındaki reklam filmi. Çok güzel, izlemeyenler varsa izlemeye değer bir reklam.

Kadir geceniz mübarek olsun.

2012-08-14T23:05:00.005+03:00

Selamün aleyküm, bugün bildiğiniz üzere kadir gecesi. 1000 aydan yani yaklaşık 72 yıldan daha hayırlı olan bu gecede günahlarınızın affolmasını yüce ALLAH'tan niyaz ederim.

Peki bu mübarek gecede neler yapmalıyım ?

Blogger üzerine gelince açılan Facebook kutusu

2012-08-14T14:55:00.006+03:00

Selamün aleyküm, bugünde hergün yeni bir eklenti tanıtacağız sözümüzün arkasında durark üzerine gelince açılan facebook beğenme kutusunu anlatacağız. Belki bazı sitelerde görmüşsünüzdür. Ekranın en sağında facebook logosu var ve üzerine gelince o kutu açılıyor açılıyor. İşte bugün bizim yapacağımız, anlatacağımız eklentide bu. Öncelikle bu eklentinin görünümüne bir bakalım.

Bu eklentinin kurulumu sayfa numaralandırma gibi değil. Onu çok kişi kuramadı, neden bilinmez ancak sanırım sorun çıkabiliyor. İşte bu öyle değil. Eklemeniz gereken tek bir kod var. Temanızın Tasarım-Sayfa Öğeleri bölümüne gelin ve gadget ekleye tıklayın. Oradan HTML/Javascript ekle'yi seçin ve aşağıdaki kodları yapıştırın.

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

<a href="http://www.davuterarslan.com" target="_blank" title="Blogger Eklentileri"><img src="http://icons.iconarchive.com/icons/deleket/orb/16/Blogger-icon.png" border="0" alt=Blogger" style="position:absolute; display:none; top: 0px; right: 0px;" /></a><script type="text/javascript">

//<!--

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

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("http://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

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

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

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

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

</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/DavutErarslancom/392448237475243&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.davuterarslan.com">Blogger</a> / <a href="http://www.davuterarslan.com/2012/08/blogger-uzerine-gelince-aclan-facebook.html">+Sitene Ekle!</a></span></div></div>

Yukarıda kırmızı ile belirtilen yere kendi facebook sayfanızın adresini yazın.

Bu kaynak yabancı bir siteden alınmıştır ve sitenin adresi 24worktür.

Blogger siteleriniz için süper manşet eklentisi !

2012-08-14T14:52:00.000+03:00

Selamün aleyküm millet ! Bugün çoğu sitede görüp özendiğiniz manşet eklentisini anlatacağız. Eklentinin kurulumu 3 adımdan oluşuyor. Birinci adım CSS kodlarını eklemek, ikinci adım script eklemek ve üçüncü adım ise HTML kodlarını eklemek.

1. Adım - CSS kodlarını eklemek

Bu adımda yapmanız gereken CSS kodlarınızı sitenize ekleyerek eklentinin sitenizde düzgün biçimde görünmesini sağlamak. Eğer aşağıdaki kodlarını nereye ekleyeceğini bilmeyenler "CSS kodlarını eklemek" adlı sayfamızı ziyaret edebilir.

#featured{
width:400px;
padding-right:250px;
position:relative;
height:250px;
background:#fff;
border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}

#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
overflow:hidden;
}
#featured .ui-tabs-hide{
display:none;
}

#featured li.ui-tabs-nav-item a{/*On Hover Style*/
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
background:url('selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}

#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px; width: 400px;
background: url('transparent-bg.png');
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}

2. Adım - JS kodlarını eklemek

Aşağıda yer alan kodları </head> kodundan hemen önceye ekleyin.

<a href="http://www.davuterarslan.com" target="_blank" title="Blogger eklentileri"><img src="http://icons.iconarchive.com/icons/deleket/orb/16/Blogger-icon.png" border="0" alt="Blogger Eklentileri" style="position:absolute; top: 0px; right: 0px;" /></a><script src='https://sites.google.com/site/davuterarslan1/jquarydavut.js' type='text/javascript'/>

<script src='https://sites.google.com/site/davuterarslan1/jquarymin.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);
});
</script>

3. Adım - HTML kodlarını eklemek

Yukarıdaki 2 adımı yaptıktan sonra temanızı kaydedin ve çıkın. Çünkü 3. adım sayfa öğelerine ekleyeceğiniz gadget sayesinde olacak. Tasarım-Sayfa öğelerine gelin ve HTML/Javascript ekleye tıklayın. Daha sonra aşağıdaki kodları ekleyin. Ve kaydetmeden önce kendi düzenlemelerinizi yapın;

<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='pic1' src='http://i49.tinypic.com/e1aohv.jpg'/><span>1. blogger manşet eklentisi başlığı</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt='blogger' src='http://i438.photobucket.com/albums/qq108/fooble11/image2-small.jpg'/><span>2. blogger manşet eklentisi başlığı</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt='buzz' src='http://i438.photobucket.com/albums/qq108/fooble11/new1.jpg'/><span>3. blogger manşet eklentisi başlığı</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt='chat' src='http://i50.tinypic.com/34xfg4m.jpg'/><span>4. blogger manşet eklentisi başlığı</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='mac' src='http://i47.tinypic.com/rsbi80.jpg'/>
<div class='info'>
<h3><a href='#'>1. blogger manşet eklentisi başlığı</a></h3>
<p>Burası birinci başlığın açıklama yeri <a href='http://www.davuterarslan.com'>devamını oku.</a></p>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='' src='http://i50.tinypic.com/33kprh5.jpg'/>
<div class='info'>
<h3><a href='#'>2. blogger manşet eklentisi başlığı</a></h3>
<p>Burası ikinci başlığın açıklama yeri <a href='http://www.davuterarslan.com'>devamını oku.</a></p>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='' src='http://i47.tinypic.com/2191lqt.jpg'/>
<div class='info'>
<h3><a href='#'>3. blogger manşet eklentisi başlığı</a></h3>
<p>Burası üçüncü başlığın açıklama yeri <a href='http://www.davuterarslan.com'>devamını oku.</a></p>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='' src='http://i48.tinypic.com/10pwp3o.jpg'/>
<div class='info'>
<h3><a href='#'>4. blogger manşet eklentisi başlığı</a></h3>
<p>Burası dördüncü başlığın açıklama yeri <a href='http://www.davuterarslan.com'>devamını oku.</a></p>
</div>
</div> </div>

Burada 1.,2.,3. ve 4. deinlen yerlere başlıkları ekleyin. Tanım yerlerine tanımları ekleyin. Ayrıca <a href='http://www.davuterarslan.com'>devamını oku.</a> bölümünüde o yazının linki ile değiştirin. Ekleyeceğiniz resimlerin 400x250 olmalı. Başka düzenleyeceğiniz yer aklıma gelmiyor. İstediğiniz soruyu yorumlardan sorabilirsiniz. Her sorunuzu cevaplayacağız : )

Blogger yazılarınızın "url"sini siz seçin !

2012-08-14T14:02:00.002+03:00

İyi günler, blogger eklentileri paylaşmaya tam gaz devam. Ancak bu bir eklentiden ziyade yeni bir özelliği tanıtma yazısı.. Draft.blogger.com yeni bir özelliği tanıtmış. Bu özellik sayesinde bloggerda eklediğiniz yazıların urlsini siz http://www.blogger.com/img/blank.gifbelirleyebiliyorsunuz. Örneğin: http://www.davuterarslan.com/2012/08/blogger-sturkmen-temas-yok-boyle-tema.html Burada /2012/08/blogger-sturkmen-temas-yok-boyle-tema.html bölümü içerisinde sizin düzenlemenize izin verilen bölge blogger-sturkmen-temas-yok-boyle-tema bölümü. Eğe başlığınız "Blogger Sturkmen Teması - Yok böyle tema !" ise siz adresinizi /2012/08/tema.html yapabileceksiniz. Bu özellik ile SEO alanında blogger siteleri bir adım geriden bir adım öne çıkacak gibi görünüyor. Blogger Draft adresine girdikten sonra sitenize yeni yazı eklemeye tıklayın ve yazı seçenekleri arasında Kalıcı Bağlantı'yı seçin. Ve düzenleyin.

Blogger widget şablonu nasıl genişletilir ?

2012-08-14T01:01:00.001+03:00

Blogger eklentilerini sitelerine kurmak isteyip ancak blogger konusunda acemi olanlar widget şablonunun nasıl genişletileceğini bilemeyebilir ve o kısım gözünden kaçmış olabilir. Bu yüzden bu konuyu açma gereği duyduk. Tasaraım - HTML düzenle bölümüne gelin ve aşağıda resimde gösterileni yapın.

Blogger CSS bölümü neresi ?

2012-08-14T00:56:00.004+03:00

Bu yazıyı blogger sitelerinde css kodlarını nereye ekleyeceğini bilemeyenler için yazıyoruz. Aşağıdaki resim herşeyi açıklıyor. Tasarım - HTML düzenle bölümüne gelip ]]></b:skin> diye arama yapın ve hemen üstüne CSS kodlarınızı ekleyin.

Blogger sosyal imleme eklentisi v2

2012-08-14T00:23:00.007+03:00

Selamnün aleyküm cemaat. Bugün blogger sosyal imleme eklentisini anlatacağım. Daha doğrusu kurmasını anlatacağım. Daha önceden bu eklentiyi tanıtmıştım. Hatta o zamanlar çok fazla sitede tanıtımı olmamıştı bayaüı güzel olmuştu ve birçok site kullanmıştı. Ancak ne olduysa Google'nin gözünden düştü site. O günden sonra yorum bile almamış düşünün en son 2010'da yorum almış. Ki o kadar ses getirmişti. Nesye, öenmli olan şimdiki tanıtacağımız blogger sosyal paylaşım butonlarını kurarak yapacağınız imleme eklentisi..

Aslına bakarsanız yazıyı yazmaya başladığımda bugün farklı bir imleme eklentisi anlatayım dedim ancak google'ye yazınca gördüm ki çoğu site bizim eklentiyi kullanmış, tanıtmış ama bir o kadarıda hiç bu davuterarslan.com'dan alınmıştır dememiş. Öncelikle onları kınıyorum, şimdi ise eklentiyi tekrar tanıtıyorum.

Öncelikle tasarrım-html düzenle-widget şablonu genişlet yapıyoruz.

Daha sonra aşağıda yer alan iki koddan birisini buluyoruz. Bazı temalarda ikisinden herhangi birisi yer aldığı için ikisinide yazma gereği duyduk. (CTRL+F ile arayın.)

<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

Bu kodu bulduktan sonra şu kodu hemen altına ekleyin.


<div class='social'>     <div class='socialtextspace'>Yazıyı <span id='socialtext' name='socialtext'> paylaş</span></div>      <div class='socialicons'><a expr:href='&quot;http://friendfeed.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Friendfeede ekle&quot;;' target='_blank' title='FriendFeed'><img alt='Friendfeed' border='0' src='http://i29.tinypic.com/2qm1d.gif'/></a><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url   + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Diggle&quot;;' target='_blank'><img alt='Digg' border='0' src='http://lh5.ggpht.com/_NM94Gq10WeA/SbvXLVNsPlI/AAAAAAAAAH8/t5ylic2NCBI/digg.png'/></a><a expr:href='&quot;http://technorati.com/faves?add= &quot; + data:post.url' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Technoratiye ekle&quot;;' target='_blank' title='Add to Technorati'><img alt='Technorati' border='0' src='http://lh5.ggpht.com/_NM94Gq10WeA/SbvXLhpzo5I/AAAAAAAAAIU/BEDvzATh6Xk/technorati.png'/></a><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Stumbleupona ekle&quot;;' target='_blank'><img alt='Stumble This' border='0' src='http://lh4.ggpht.com/_NM94Gq10WeA/SbvXLXKDm8I/AAAAAAAAAIE/lEm8sbKURNw/stumbleupon.png'/></a><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Kuşa ekle&quot;;' target='_blank' title='Twitthis'><img alt='Twitthis' border='0' src='http://lh4.ggpht.com/_NM94Gq10WeA/SbvXy8khbMI/AAAAAAAAAIc/eLok8dj0Wpw/twitter.png'/></a><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot;   + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;del.icio.us a ekle&quot;;' target='_blank' title='Add to Del.icio.us'><img alt='Del.icio.us' border='0' src='http://lh4.ggpht.com/_NM94Gq10WeA/SbvXLT8jlpI/AAAAAAAAAH0/3OHdFlXlvhE/delicious.png'/></a><a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=  &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Furla ekle&quot;;' target='_blank' title='Add to Furl'><img alt='Furl' border='0' src='http://lh5.ggpht.com/_NM94Gq10WeA/SbvXyzhmcNI/AAAAAAAAAIk/hp7br4yzVnY/furl.png'/></a><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=  &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Reddite ekle&quot;;' target='_blank' title='Add to Reddit'><img alt='Reddit' border='0' src='http://lh4.ggpht.com/_NM94Gq10WeA/SbvXLulumCI/AAAAAAAAAIM/ReXJ-1liTr8/reddit.png'/></a><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=  &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Facebooka ekle&quot;;' target='_blank' title='Add to Facebook'><img alt='Facebook' border='0' src='http://i42.tinypic.com/6xuogk.png'/></a><a style="display:none;" href="http://www.davuterarslan.com" title="Blogger Eklentileri">DavutErarslan</a>
</div>  </div>

Bu kod içerisinde yer alan davuterarslan.com linkini kaldırmak isteyenler kaldırabilir. Destek vermek isteyenler bırakabilir.

Daha sonrada ]]></b:skin> bulun ve hemen üstüne aşağıdaki kodları ekleyin.



.social {

height:34px;

}

.socialtextspace {

float:left;

}

.socialicons {

float:right;

text-align:right;

}

Ve temanızı kaydedin, çıkın. Allah'a emanet olun.

Blogger popüler konular eklentisi (Yorum sayısız)

2012-08-12T12:19:00.005+03:00

Daha önce yayınladığımız Blogger Popüler Yazılar eklentisi yorum sayısını gösteriyordu. Buda yorum sayısını göstermiyor. Aslına bakarsanız o koddan iki kod parçacığını silince bu sayfadaki popüler yazı eklentisi ortaya çıkıyor ancak karışıklık olmasın ve arayanlar kolayca ulaşsın diye böyle birşey yaptık.(Kodu gadget ekle/html javascript ekleye tıklayıp oraya ekleyin.)

<!-- Popüler yazılar eklentisi -  www.davuterarslan.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.davuterarslan.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

<!-- Popüler yazılar eklentisi -  www.davuterarslan.com -->

Yukarıdaki kırmızı ile yazılmış yeri kendinize göre düzenlemeniz gerekir.
ShowHowMany=10 buradaki 10 sayısı kaç tane gösterileceğini belirliyor.

Allah'a emanet olun.

Blogger popüler konular eklentisi (Yorum sayısı görünümlü)

2012-08-12T12:06:00.007+03:00

Selamün aleyküm, bugün blogger siteleri için hazırlanmış olan popüler yazılar eklentisini anlatacağız. Eklentinin kurulumu oldukça basit, eklemeniz gereken bir kod ve o kodun içerisine yazmanız gereken birde site adresiniz var. Aşağıda yer alan kod içerisinde yer alan kırmızı yazılı yere kendi site adresinizi yazarsanız yorum sayısına göre blogger yazılarınız listelenecek. (Kodu gadget ekle/html javascript ekleye tıklayıp oraya ekleyin.)

<!-- Popüler yazılar eklentisi -  www.davuterarslan.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.davuterarslan.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

<!-- Popüler yazılar eklentisi -  www.davuterarslan.com -->

Yukarıda yer alan yorum sayısını yanında gösteriyor. Şuradaki ise yorum sayısını göstermiyor. Eğer yorum sayısını göstermek istemeyenler varsa şu yazıya gidebilir.

Bu kodda yer alan <ol> ve </ol> kodları listeyi 1-2-3-... gibi sıralıyor. Yani sayı veriyor. Eğer isterseniz onları "ol" ları "ul" ile değiştirirseniz sidebarınızda yer alan diğer bağlantılar gibi sıralanır.
ShowHowMany=10 buradaki 10 sayısı kaç tane gösterileceğini belirliyor.

Umarım beğenirsiniz. Hepinize kolay gelsin.

Blogger siteleri ve hit - 1 ayda hite kavuşun !

2012-08-11T12:00:00.002+03:00

Blogger siteleriniz için elbette hit almasını istersiniz. Ancak bu öyle birkaç günde olacak iş değildir. Bunun için çalışmanız gerekir, çalışmanız gerekir. Aşağıda hit almak isteyenler için 1 aayı kapsayan bir çalışma sürecini yazdım. Bu süreci kendi sağlık sitemdede test edeceğimi vurgulamak istiyorum. Hergün yapmanız gerekenleri uygulayın, 1 ay boyunca sitenize gereken önemi verin.

1 Kaliteli site bu devirde şart !
Öncelikle hit kazanmak istediğiniz siteyi bot, kopya içerik ile üst sıralara çıkaracağım düşüncesinden kurtulun. Hit alan siteler artık kaliteli olmak zorunda. Bunun için temanızın görünümünden daha çok içeriğiniz ön planda. Artık sitelerinize giren kullanıcılar aradıklarını bulsun.

2 İnsanlar aradığını bulacak !
Düşünün bir flash oyun siteniz var. İçeriğine sadece oyun ekliyorsunuz. Açıklama bile eklemiyorsunuz. Bu sitede özgünlük yok diyebilir miyiz ? Peki nasıl oluyorda bu site üst sıralarad yer alıyor. Herkesin eklediği oyunları ekliyor. İşte burada kaliteli ortaya çıkıyor, siteye giren kullanıcı aradığını buluyor. Batman oyununu aradıysa onu buluyor ancak siz batman oyunu diye aratan çocuğa ben ten oyunu açarsanız sitenize girmiyor. Bir müddet sonra sitenizi google aramalarında yok sayıyor ve altındaki üstündeki siteye tıklarken sizin sitenize tıklamıyor bile !Yani kullanıcı aradığını bulacak.

3 Bir aylık sürecin ilk çalışmaları !
Sitenize bu bir aylık süreçte yapmanız gereken ilkşey içeriğinizde bulunan kopya yazıları silmek ve özgün yazılar yazmak olsun. Kaliteli, özgün yazılar yazmaya bugünden itibaren başlayın.

4 Sitenizin içeriğine göre resimlere dikkat edin !
Bir moda yada saç stilleri siteniz varsa sizin için önemli olan yazılar değil eklediğiniz resimlerdir. Google aramalarında eklediğiniz resimler gözükürse beklediğinizden yüksek hit alabilirsiniz. (Görsel eklerken dikkat etmeniz gerekenler)

5 Sitenizi Google'den önce siz tanıtın !
Sitenize gelencek hitlerin büyük bir bölümü Google'den yada diğer arama motorlarından gelecektir. Bunu siz daha iyi biliyorsunuz ancak sitenizin bu hitin daha çabuk sürede gelmesi için kaliteli sitenizi diğer insanların tanıtması gerekiyor. Bunun için yapmanız gereken ilk önemli şey sitenizi internette tanıtmak. Peki ama nasıl ? Lütfen 6,7,8'inci maddeleri okuyun.

6 Sitenizi alakalı forumlarda tanıtın !
Sitenizi alakalı forumlarda tanıtmak sizin için çok güzel bir başlangıç olabilir. Şöyleki webmaster araçları ile ilgili bir siteniz varsa burada yapmanız gereken en önemli şeylerden birisi webmaster sitelerinde açacağınız konular olabilir. Alakalı hiti direk olarak alırsınız. Sitenize gelenlerin merak ettikleri bellidir ve sitenizin içeriği onları meraklandırır. Doğrudan kalıcı hit elde edebilirsiniz.

7 Tanıtım yazısı ve reklam !
Forumlarda tanıtımı tanıtım yazısı şeklinde ele almak biraz yanlış olur. Alakalı forumlardan elde ettiğiniz direk hit tanıtım yazısından belkide daha etkili olabilir. Tanıtım yazıları ile sitenizin içeriğine yakın sitelere tanıtım metinleri verirsiniz. Bu metinlerde size direk hit kazandırabilir. Ancak belkide en önemlisi Google gözünde kazandıracağı +1 puandır.

8 Sosyal medya çok etkili !
Gelişen internet dünyasının en etkili Google'de yükselme yöntemleri içerisinde ön sıralarda sosyal medya geliyor. Çünkü beğenilen siteler artık eskisi gibi kendi blogunda linklenmiyor. Artık Facebook'ta, Twitter'da takip ediliyor, beğeniliyor. Sosyal medyayı artık hergün takip edin ve sitenizi tanıtın.

Bu bir aylık süreçte hergün şunları yapabilirsiniz;

Hergün 1 saatinizi özgün yazılar eklemeye ayırın.
Hergün yarım saatinizi sosyal medyaya ayırın.
Hergün yarım saatinizi siteniz ile alakalı forumlarda gezmeye, yorumlar atmaya, konular açmaya ayırın.
Hergün yarım saatinizi siteniz ile içerik olarak yakın sitelere yorumlar atmaya, onları takip etmeye ve kullanıcıların nabzını yoklamaya ayırın.

"Etiketine sahip yayınlar gösteriliyor" Yazısını Kaldırmak

2012-08-10T22:40:00.004+03:00

Bloggerda bazı kullanıcıların hiç hoşuna gitmeyen ve çok sık sorulan iki soru var. 1. navnar çubuğunu kaldırmak ve 2. ise "Etiketine sahip yayınlar gösteriliyor" Yazısını kaldırmak. Bu sebeple bu yazıyı yazdık ve kullanıcıların dertlerine deva olma ihtiyacı hissettik. Yapmanız gerekenler çok basit. Bir kodu bulup bir kod ile değiştireceksiniz..

İlk önce aşağıki kodu bulun.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Ve aşağıdaki kod parçası ile bu kodu değiştirin.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Yukarıdaki bulmanızı istediğimiz kod her zaman bu şekilde olmaz ancak <b:includable id='status-message'> şu bölüm hep aynıdır. Bu bölümü bularak o kod parçasınada erişebilirsiniz.

Blogger resim ekleyenlere ipucular

2012-08-10T22:10:00.004+03:00

Blogger blogunuza resim ekliyor ve eklediğiniz resimlerden hit almak istiyorsanız sizlere önerdiğimiz aşağıdaki önerileri dikkate alın. Bir müddet sonra hit alamya başlayınca Allah razı olsun dersiniz : ) Bu hitin tecrübeyle sabit olduğuna lütfen inanın.

1 Resimlerinizi eklerken kullanıcıları göz önüne alın. Onlar resimleri büyük halde görmek isteyebilir. Bu yüzden resimlere bloggerın otomatik eklediği linkleri silmeyin. O linkler birinci aşamada çok önemli.

2 Her yerde okuduğunuz ve bildiğiniz gibi resimlere alt ve title tagı ekleyin ve içeriğinizle alakalı ve gerçekçi ifadeler ile resminizi tanıtın.

3 En önemli aşamalardan biriside eklediğiniz resimlerde bulunan resim ismidir. Örneğin 123-davuterarslancom.jpg adında bir resminiz var burada bulunan 123-davuterarslancom.jpg
ifade oldukça önemli. Öyleki burada davuterarslan gibi resmin sitenize ait olduğunu belirten bir metin varsa oldukça faydasını göreceksiniz.

4 Resimlerinizi olduğu gibi eklemeyi bırakın. Resimlerinizi bilgisyarınızda optimize edin. Değiştirebilir, resimde düzenlemeler yapabilir ve resmin ayrıntılarına girerek açıklama metni ekleyebilirsiniz.

Blogger yazı altına yorum, tarih, etiket, yazar vs eklemek

2012-08-10T14:23:00.001+03:00

Merhabalar, bir kaç gün önce artık blog için sık sık blogger ile ilgili paylaşımların olacağını söylemişim. Bugün blogger yazı altında konu ile ilgili bilgiler eklemeyi ve bu eklediğimiz bilgileri istediğiniz gibi değiştirmeyi anlatacağım. Yani size "Alın şu kodu şu kodu ekleyin tamamdır." demeyeceğim. Eklediğimiz kodların neye yaradığını anlatacağım.

Öncelikle bu yazıda ekleyebileceğiniz yazı bilgileri içerisinde neler var onu yazalım. Eklediğiniz özellikler yazar bilgisi, etiket bilgisi, yorum sayısı bilgisi, yazıyı paylaş ve devamını oku bağlantısı. Bu ekleyecekleriniz ve CSS ile katacağınız görsellik ile blogunuz bir ayrı görünecek.

Bu yazı oldukça uzun bir yazı. İsterseniz yazıda yer alan eklenti bilgilerini hiç öğrenmeden direk özet bölümüne geçebilirsiniz. TIKLA ÖZETE GİT !

İlk önce ekleyeceğimiz CSS kodlarına ve bu kodlarda ne neyi ifade ediyor ona bakalım. Bu css kodlarını ]]></b:skin> kodunun hemen üstüne ekleyeceksiniz. Haberiniz olsun :)

span.kategoribilgi1 {
float:left;
width:130px;
background:url(http://2.bp.blogspot.com/-epWODhXQ4cg/TgB64G7nXmI/AAAAAAAABvM/bhm5hcE_R_c/s1600/Folder-websites-Folder-icon.png) left center no-repeat;
height:26px;
line-height:26px;
display:inline;
overflow:hidden;
margin:0 0 0 20px;
padding:0 0 0 28px;
}

span.paylas1 {
float:left;
width:130px;
background:url(http://4.bp.blogspot.com/-pa4Aqx6jn8M/TgB79t_DdRI/AAAAAAAABvU/9-4_6pzLzM4/s1600/up-icon.png) left center no-repeat;
height:26px;
line-height:26px;
display:inline;
margin:0 0 0 20px;
padding:0 0 0 28px;
overflow:hidden;
}

span.tarihbilgi1 {
float:left;
background:url(http://4.bp.blogspot.com/-J9UbGqklJn8/TgB6ICvFI6I/AAAAAAAABu8/FyHxy00fkV8/s1600/Calendar-icon.png) left center no-repeat;
width:130px;
height:26px;
line-height:26px;
display:inline;
margin:0 0 0 20px;
padding:0 0 0 28px;overflow:hidden;
}

span.yorumbilgi1 {
float:left;
width:130px;
height:26px;
background:url(http://1.bp.blogspot.com/-FmgUyheVXh4/TgB6YDWGk8I/AAAAAAAABvE/j_k_WQBBXjI/s1600/Chat-icon.png) left center no-repeat;
line-height:26px;
display:inline;
margin:0 0 0 20px;
padding:0 0 0 28px;
}

.yazialtbilgi1 {
float:left;
width:580px;
height:55px;
background:url(http://4.bp.blogspot.com/-d3KA1l4rOnI/TgC20-Xm1HI/AAAAAAAABwY/_BApfOSmhiU/s1600/bilgiarkaplan.png) left center no-repeat;
color:#b2b2b2;
font-size:13px;
font-family:"Calibri", Arial, Helvetica, sans-serif;
font-style:italic;
margin:0 0 0;
}
.yazibilgisol {
float:left;
width:362px;
}
.yazibilgisag {
float:right;
width:210px;
position:relative;
}
a.devamet {
display:block;
float:right;
width:140px;
height:37px;
background:url(
http://1.bp.blogspot.com/-k8xgPAyY228/TgCE0yHXpFI/AAAAAAAABvc/MMn6Jydbiic/s1600/devam.gif) left top no-repeat;
text-indent:-9999px;
margin:9px 10px 0 0;
}

Bu kodların kısaca açıklaması şu şekilde:

span.kategoribilgi1 : etiketler için belirlediğimiz alanda istediğimiz özelliklerin oluşmasını sağladık. float:left; kodunu ekleyerek etiketlerin sola yaslanmasını sağladık. Bu sayede diğer eklediğimiz kodlar ile yanyana ve alt alta düzgün biçimde duracak. width:130px; özelliğini vererek genişliğini height:26px; ile yüksekliğini belirttik. background:url(...) kodu ile arkaplanı belirttik. Yanında yer alan logo background ile belirlendi. line-height:26px; ile satırlar arası boşluğu belirledik. vs. vs. vs.

span.paylas1 : Yazıyı paylaş butonunun alanını bu eklediğimiz css kodları ile düzenledik. Yukarıdaki span.kategoribilgi etiketiyle aynı. İkisinde de aynı kodlar var. Sadece backgroundlarındaki logo farklı.

span.tarihbilgi1 : Tarihi görüntülediğimiz alanı bu CSS kodu ile düzenledik. Yukarıdaki kodlardakiler ile aynı.

span.yorumbilgi1 : Yorum sayısının bulunduğu alanı bu CSS kodu ile düzenledik.

.yazialtbilgi1 Bu kod ile yorum,yazar, devamını oku, paylas ve tarih bilgilerinin bulunacağı alanı düzenledik. Arkaplanı, renk kodunu, genişliği, yüksekliği, yazı özelliklerini belirledik. Genişliği davuterarslan.com'daki yazı alanının genişliğine göre ayarladık. İsterseniz siz kendi temanıza göre ayarlayın ve genişliği düşürün. Ancak genişliği düşürünce görüntü bozulabilir. Bu yüzden span.tarihbilgi1 gibi 4 kodlada oynamanız ve genişliği azaltmanız gerekecek.

color:#b2b2b2; // Renk kodunu istediğiniz şekilde ayarlayabilirsiniz.
font-size:13px; // Yazı boyutunu px cinsinden ayarladık.
font-family:"Calibri", Arial, Helvetica, sans-serif; // Yazı türünü.
font-style:italic; // Yazıların eğik olmasını sağladık.

.yazibilgisol : Solda yer alan 4 özelliği yani yorum, yazar, paylas ve tarih bilgilerini sola aldık. Aynı şekilde eklediğimiz .yazibilgisag ile devamını oku butonunu sağa aldık.

a.devamet : Bu kod devamını oku butonunun özelliklerini gösteriyor. Burada http://1.bp.blogspot.com/-k8xgPAyY228/TgCE0yHXpFI/AAAAAAAABvc/MMn6Jydbiic/s1600/devam.gif resmini değiştirerek kendi resminizi ekleyebilirsiniz.

Buraya kadar CSS kodları ile ilgilendik şimdi yapmanız gereken şu kodları temanızın <data:post.body/> kodunun hemen altına eklemek. (Widget şablonunu genişletmeyi unutmayın.)

<div style='clear: both;'/>

<div class='yazialtbilgi1'>
<div class='yazibilgisol'>
<span class='kategoribilgi'>
        <b:if cond='data:post.labels'>
<b>          <data:postLabelsLabel/></b>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
<span class='okunmabilgi'>
      <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if></span>
<span class='tarihbilgi'><b>Tarih</b>: <data:post.dateHeader/></span>
<span class='yorumbilgi'>Yorum:  <span class='post-comment-link'>

          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>

      </span></span>
</div>

<div class='yazibilgisag'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a class='devamet' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></b:if>

</div>
</div>
<div style='clear:both'/>

Kolay gelsin. Aşağıdaki bölüm özetine bakmak isteyenler ve yazıyı okumak istemeyenler, css ile ilgili kodların neye yaradığını bilenler için hazırlanmıştır.

ÖZET

Temanızın CSS bölümüne yani kısaca ]]></b:skin> kodunun hemen üstüne şu kodları ekleyin. Daha sonrada <data:post.body/> kodunun hemen üstüne şu kodları ekleyin ve temanızı kaydedin.

Bundan sonra kefini çıkarabilirsiniz, yanlız çıkarmadan önce bir kere Allah razı olsun derseniz bizde memnun oluruz.