Bildiğiniz üzere bloggerde yeni bir widget çktı widget gelişmiş bir iletişim forumu bu forum sadece widget lerde(Sidebar) çalışıyordu ama aşağıdaki kod sayesinden istediğniniz sayfa koyabileceksiniz. Widgetin ayarlarını felan kendinize göre ayarlayın ve İletişim sayfanızın html kısmına yapıştırın. İşlemem tamamdır.

<div class='widget ContactForm' id='ContactForm1'> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p> İsim<p> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p> E-Posta *</p> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p> Mesaj *</p> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Gönder" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>

Bloggerde en can sıkan olay her hangi bir kategoriye girdiğinizde kategori en az 20 yayından sonra eski kayıtlara geçiriyor, ama bu kod sayesinde istediğiniz gibi ayar yapabilirsiniz. Kod çok basit, sadece ne kadar yayın gösterilmesini istiyorsan o sayıyı yazıcaksın ve işlem tamamdır. Şimdi kodlara ve anlatıma geçelim...

Şablona girin ve aşağıdaki CTRL + F yardımı ile aratın.

data:label.url

Daha sonra o kodun yerine aşağıdaki kodu yerleştiriyoruz.

data:label.url + "?max-results=4"

4 yazısının yerine kaç yazı göstermek istiyorsanız o sayıyı yazın.

Geçenlerde Paravan temasını indirdim, bir kaç inceleme yapıcaktım ve yaptım, yaptıktan sonra temayı hiç silesim gelmedi. Biraz edit yapsammı diye düşündüm, aklıma güzel bir fikir geldi ve temaya o fikirleri sergiledim, size sunuyorum. Tek isteğim footerdan adımı silmeyin.

Demo İndir

Çok güzel kullanışlı bir tema ile yeniden birlikteyiz. Burak İşçinin kodladığı V4 temasını Onur Batur güzel bir şekilde bloggere entegre etti ve blogculara sundu. Evet linklerimize geçelim.

Demo İndir

Merhaba Arkadaşlar bu yayında sizlere MiniBlog kodunu sunacağım bir çok arkadaşlar benim eski temamdaki mini blog kodunu istiyordu bende özgünlük olsun diye vermek istemiyodum fakat aklıma bir fikir geldi dedim neden olmasın hemen başladım mini blog kodlamaya. Sonrada kodladım ve sizinle paylaşıyorum.Kodlar şifrelidir. Artık important mı kullanırsınız başka bişeymi bilemem. Neyse aşağıdaki kodları istediğiniz gibi kullanabilirsiniz. Seo uyumludur, siteyi yavaşlatmaz.

Mini Blogu Önizlemek İçin Tıklayınız.


Aşağıdaki kodu </head> kodunun üstüne ekleyiniz.

<script type='text/javascript'> <!-- wmaraci html şifreleyici http://wmaraci.com --> document.write(unescape('%3C%73%74%79%6C%65%3E%0A%20%20%2E%6D%69%6E%69%62%6C%6F%67%67%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%34%38%30%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%66%66%3B%20%77%69%64%74%68%3A%35%39%30%70%78%3B%20%62%6F%72%64%65%72%3A%31%70%78%20%73%6F%6C%69%64%20%23%64%63%64%63%64%63%3B%7D%0A%20%20%2E%6D%69%6E%69%62%6C%6F%67%62%61%73%6C%69%6B%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%35%70%78%3B%20%63%6F%6C%6F%72%3A%23%62%62%62%3B%66%6F%6E%74%2D%73%69%7A%65%3A%31%36%70%78%3B%62%6F%72%64%65%72%2D%74%6F%70%3A%31%70%78%20%73%6F%6C%69%64%20%23%66%33%66%33%66%33%3B%70%61%64%64%69%6E%67%2D%74%6F%70%3A%33%70%78%3B%20%6D%61%72%67%69%6E%2D%62%6F%74%74%6F%6D%3A%34%70%78%3B%7D%0A%2E%6D%69%6E%69%62%6C%6F%67%62%61%73%6C%69%6B%20%73%74%72%6F%6E%67%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%31%30%70%78%3B%20%63%6F%6C%6F%72%3A%23%30%30%30%3B%66%6F%6E%74%2D%73%69%7A%65%3A%31%37%70%78%3B%7D%0A%20%20%2E%6D%69%6E%69%62%6C%6F%67%73%6C%6F%67%61%6E%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%31%30%70%78%21%69%6D%70%6F%72%74%61%6E%74%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%31%30%70%78%3B%63%6F%6C%6F%72%3A%23%63%63%63%3B%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%35%70%78%3B%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%3A%31%70%78%20%64%61%73%68%65%64%20%23%64%63%64%63%64%63%3B%77%69%64%74%68%3A%32%31%25%20%77%69%64%74%68%3A%32%35%30%70%78%3B%7D%0A%2E%6D%69%6E%69%62%6C%6F%67%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%35%70%78%3B%20%6D%61%72%67%69%6E%3A%31%30%70%78%20%30%70%78%3B%7D%0A%2E%6D%69%6E%69%62%6C%6F%67%79%61%7A%69%62%61%73%6C%69%6B%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%35%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%31%32%70%78%3B%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%63%6F%6C%6F%72%3A%23%33%33%33%3B%7D%0A%2E%6D%69%6E%69%62%6C%6F%67%79%61%7A%69%62%61%73%6C%69%6B%20%61%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%35%70%78%3B%20%63%6F%6C%6F%72%3A%23%33%33%33%3B%7D%0A%20%20%2E%6D%69%6E%69%62%6C%6F%67%79%61%7A%69%20%7B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%31%30%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%31%31%70%78%3B%63%6F%6C%6F%72%3A%23%61%61%61%3B%6C%69%6E%65%2D%68%65%69%67%68%74%3A%32%30%30%25%3B%20%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%3A%31%70%78%20%64%61%73%68%65%64%20%23%64%63%64%63%64%63%3B%7D%0A%3C%2F%73%74%79%6C%65%3E')); </script>


Aşağıdaki kodu istediğiniz yere ekleyebilirsiniz.

<b:if cond='data:blog.pageType == "index"'><div class='miniblogg'> <div class='miniblogbaslik'> <strong>Kisisel </strong>Blog</div> <div class='miniblogslogan'> Hayata Dair Bazı Kişisel Yazılarım.</div> <div class='miniblog'> <div class='miniblogyazibaslik'> <a href='http://e-kocin.blogspot.com/2013/06/mouseum-bozuldu.html'>Offf! Mause`um Bozuldu!</a></div> <div class='miniblogyazi'> Merhaba arkadaşlar başlıktada gördüğünüz gibi mausum bozuldu. Biraz kızgınım çünkü oyunun tam ortasında ve en keyifli yerinde bozuldu. Şu anda mausum var eski bilgisayardan kalma biraz eski ama...</div> </div> <div class='miniblog'> <div class='miniblogyazibaslik'> <a href='http://e-kocin.blogspot.com/2013/06/izlediklerim-1-kezban-1-mahmut.html'>1 Kezban 1 Mahmut</a></div> <div class='miniblogyazi'> Merhaba arkadaşlar bu diziyi veyselin blogunda gördüm gülmekten öldüm biraz küfürlü ama küfürsüzüde var sebastiyan iki modunuda sunuyor. Videoya geçelim izlemenizi...</div> </div> <div class='miniblog'> <div class='miniblogyazibaslik'> <a href='http://e-kocin.blogspot.com/2013/06/dinlediklerim-sinan-akcl-kap.html'>Sinan Akcıl - Kapı</a></div> <div class='miniblogyazi'> Olacakları önceden gördüm,Dedim ki boş yere öldüm,Gecelerden gündüze döndüm,Işıkta kendimi gördüm OOooOOOo :D Bana bi ağlama, boşuna zorlama Kaderi gördüğün herkese bağlama Değil ki umrumda, iyice duydun ya...</div> </div> </div> </b:if>

İşlem tamam.Artık gerisi size kalmış.İçindeki yazıları kendinize göre düzenliyebilirsiniz.

Merhaba arkadaşlar bu yayında sizlere bloggerde resimlere siyahlık efekti vermeyi göstericem. Kod çok basit yani uğraştırıcı bir kod değil, Aşağıdaki kodu bskin üzerine ekliyeceksiniz ve tamamdır. Evet koda geçelim...

Aşağıdaki kodu </b:skin> üzerine ekleyin ve kayıt edin.

.post img { filter:grayscale(1); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); } .post img:hover { filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); }

Ve işlem tamamdır.

Merhaba arkadaşlar bu yayında sizlere bloggerde favicon değiştirmeyi göstericem. Öncelikle çok kod basit yani tek kod, yapıştırıcaksınız ve kodun içindeki resimi değiştiriceksiniz. Hepsi bu, şimdi koda geçelim...

<head> Kodunun altına aşağıdaki kodları ekleyin.

<link href='http://4.bp.blogspot.com/-AzyB6OhoADY/T2hDac5AFiI/AAAAAAAADG0/-g4NekF6EVQ/s1600/eye.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ve işlem tamamdır... Kodun içinde kırmızı yazılmış bir yazı var o resimdir onu istediğiniz şekilde değiştirebilirsiniz.

Merhaba arkadaşlar çok güzel yarayışlı bir konuda yeniden birlikteyiz bu yayında sizlere bloggerde sayfa altına etkili aramalar kodunu paylaşacağım kod çok basit zaten koduda kendim yaptım :) neyse fazla uzatmadan geçeyim...

body-post kodunun altına aşağıdaki kodları ekleyin ve kayıt edin.

<b:if cond='data:blog.pageType == "item"'><data:post.title/> İçin Etkili Aramalar : <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 != "true"'> - </b:if></b:loop></b:if>

İşlem tamamdır.

Merhaba arkadaşlar bu yayında sizinle blogger istatislik kodunu paylaşıcam, kod çok güzel bir koddur eklediğiniz heryerde çalışır ve yer kaplamaz. Neyse koda geçelim...

Önizleme ;

Kod ;

<center> <script style="text/javascript"> function numberOfPosts(json) {document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b><br>');} function numberOfComments(json) {document.write('<span class="Apple-style-span" style="">toplam</span> <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');} </script> Sitemizde <b>12</b> kategoride toplam <script src="http://<span style="color: red;">e-kocin</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script> yayın, yayınlara yazılmış <script src="http://<span style="color: red;">e-kocin</span>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> yorum mevcuttur. </center>

Kodda bulunan e-kocin.blogspot.com adresi kendi adresiniz ile değiştirin, işlem tamam.

Merhaba arkadaşlar bu yayında size Veyselkaraselek.com a ait bir yazı paylaşıcam... Bloggerde twitterda paylaştığınız son yazıyı(iletiyi) gösterir ve fazla yer kaplamaz,  lafı uzatmıyorum ve anlatıma geçiyorum...

Aşağıdaki kodu isterseniz yerleşimden isterseniz şablondan uygun bir yere ekleyiniz. ekocin yazan yere kendi twitter kullanıcı adınızı yazınız.

<style>
twitter_update_list ul, id { font-size:11px arial;
color: #f60;
list-style:none;}
</style>
<div id="tr">
<div class="icon"></div>
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/ekocin.json?callback=twitterCallback2&count=1"></script>

Ve işlem tamamdır.

Kaynak aldığım siteye git.

Arkadaşlar blog blog dolanırken aklıma birşey takıldı, dedim neden olmasın... Hemen böyle bir kod yapmayı düşündüm ve birazda bazı kodlardan örnek aldım ve size böyle bir kod oluşturdum... Lafı fazla uzatmadan nasıl ekleyeceğinizi göstereyim...

]]></b:skin>

Üstteki kodu bulduktan sonra hemen üstüne şu kodu ekliyoruz ;

#eren-yeni {

position:relative;

z-index: 0;

width:55px;

height:55px;

right:-25px;

float:right;

top:-4px;

background-image: url('http://d1210.hizliresim.com/12/w/fcyrq.png');

background-repeat: no-repeat;

}

Ekledikten sonra Alttaki kodu buluyoruz ;

<div id='headline'>

bulduktan sonra hemen altına şu kodu ekliyoruz ;

<div id='eren-yeni'/>

Ve şablonu kayıtediyoruz... İşlem tamamdır.

Evet arkadaşlar süper bir temayla yine birlikteyiz, temanın adı Gravel yani benim kullandığım tema ama fazla sevinmeyin ben kendi temamı biraz editleyerek geliştirdim önizlemesi indirme linki aşağıdadır, iyi bloglamalar...

DEMO | İNDİR 

Footer bölümünü kaldıran kişiler şikayet edilecektir...

Evet arkadaşlar yeni bir yayında yine birlikteyiz, bu yayında sizlere sade şık ve seosu iyi olan bir tema sunacağım. Adı Trendy olan bu temanın biraz özelliklerinden bahsedeyim.

Tredy Blogger Teması Özellikleri ;

• Sabit Üst Menü /  Infinite Yazı Kaydırma Efektleri
• Sonsuz Kaydırma
• SEO Uyumlu
• Adsense Uyumlu

Demo | İndir