Resim ölçeklendirme, yeniden boyutlandırmak için kendi kulladığım basit bir kod var; arama motorlarında ücretsiz online resim düzenleyiciler de bulabilirsiniz, bunları da kullanabilirsiniz. . Kullanacağımız kodumuz şöyle.

1- Resim ölçüsünü düzenleme, genişlik: (width 600) yükseklik: (height 350) kısımlarını kendi isteğinize göre değiştirebilirsiniz.
2- (Site linki) yazan yere resme tıklandığında açılacak sitenin linkini yazınız veya boş bırakabilirsiniz.
3- (Resmi etiketleme) kısmı ise mausu resmin üzerine getirdiğiniz de çıkacak başlığı ekleyebilir veya boş bırakabilirsiniz.

1. Kod

<a href="Site linki" title="resmi etiketleme"><img alt="yazarlife" height="350" src="Resim linkini buraya yapıştırın" width="600" /></a>

2. Kod

<a href="Site linki" target="_blank"><img src="Resim linkini buraya yapıştırın" /></a>

Blogger yazar ve yönetici ekleme konusunu size anlatacağım bu yazımda, çoğu kişi Bloggerin bu  özelliğinden haberi bile yoktur sanırım. Sizde kendi kurmuş olduğunuz blog veya sitenize kendiniz dışında yönetici ve yazarlar atayabilir, bloğunuzu içerik yönünden zengin ve kaliteli bir hale getirebilirsiniz.

Bu işlem için uzun uzun şeylere ihtiyacımız yok, yazar atayacağımız kişinin mail adresini size iletmesi yeterli, geri kalan işi zaten yönetici olarak sizin o kişiye onay mesajı göndermenizle işlem bitiyor. Gelelim nasıl yapacağınıza...

1. Ayarlar sayfasına gidip, Temel yazan butonu tıklayarak, sayfaya geliyoruz
2. Burada Yazar ekle kısmına tıklayıp, açılan kutucuğa yazarın mail adresini yazıyoruz ( 100 kadar yazar ekleyebilirsiniz)
3. Mail adresini yazma işlemi bittikten sonra altta bulunan Yazar davet et butonuna tıklayıp işlemi bitiriyoruz.
4. Artık yazar atayacağınız kişiye bir istek maili gitti, o kişi mail adresini açıp onay butonuna bastığı zaman, karşılıklı bu işi tamamlamış oluyorsunuz. Bunu bir resimle de anlatacak olursak, aşağıda ki resim işinizi görecektir.

Yazar atanan kişi kendi mail adresiyle oturum açtıktan sonra yazılarını yazmaya ve yayınlamaya başlayabilir. Yazar atanan kişiler sadece yazı yayınlamakla sorumludur yani yönetici olmadıklarından, sizin blog veya sitenizin ayarları onlara kapalıdır, sizin dışınızda kimse değişiklik yapamaz...

Yönetici ekleme:
Atadığınız yazarlardan birini yönetici yapmak istiyorsanız, aynı panelden yazar yazan butona tıklayıp yönetici sekmesini seçmeniz yeterli olacaktır...

Sitene iletişim bölümü ekle. Blogger'ın kendine ait iletişim bölümü var ama bunu gatget kısmına ekleyebiliyoruz. Ben genellikle blog sitem de ana ön sayfada gözükmesini istemiyorum. Bunu gereksiz de buluyorum. Bu yazımda iletişim bölümünü, bir iletişim sayfası yaratıp buraya özel bir kodla ekleyeceğiz...

Html iletişim formu oluşturma

<script>
var blogId = 'BURAYA BLOG ID NONUZU YAZINIZ';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Gönderiliyor...';
var contactFormMessageSentMsg = 'Mesajınız başarılı bir şekilde gönderildi.';
var contactFormMessageNotSentMsg = 'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz.';
var contactFormEmptyMessageMsg ='Mesaj alanı boş olamaz.';
var contactFormInvalidEmailMsg = 'Lütfen geçerli e-mail adresi girin.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>

<br />
<form name="contact-form">
<div>
<b>Adınız Soyadınız : </b></div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<div>
<b>E-Posta Adresiniz :</b> <em>(<span style="color: red;">gerekli</span>)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
<b>Mesajınız :</b> <em>(<span style="color: red;">gerekli</span>)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Gönder" />

<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<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>
</div>
</form>

Blog Id nosu nasıl alınır?

Meta Description Nasıl Yazılır? Bu yazımda size Meta Description hakkında bilgi vermek istiyorum. Site kullanımda, Seo nasıl önemli bir yer kaplıyorsa, bunun devamı olarak Meta Description da site sağlığı için o derece önemlidir.

Sitenizi yayına hazır hale getirdikten sonra meta taglarınızı oluşturup, elde ettiğiniz kodu sitenizin şablonu (Tema) içindeki kodların <Head> ile başlayan koddan sonra yapıştırıp kaydetmeniz yeterlidir. Meta Taglarınızı wmaraci.com sitesinin  Meta-Tag Oluşturucu sayfasından buraya tıklayarak üretebilirsiniz.

* Şimdi Meta Description Nasıl Yazılır? Bunu anlatayım. Yukarıdaki linke tıklayarak, gittiğiniz Meta-Tag Oluşturucu sayfasında, karşınıza bu şekilde bir sayfa gelecek. Burada gördüğünüz gibi, ilk olarak ( Site Başlığı ) Kısmına sitenizin ismini yazınız. Burada yazdığınız isim, sizin Google gibi arama motorlarında gözükecek kısımdır.

* Onun altında, ( Site Tanımlaması ) kısmına ( Description ) yazılacak. Bu kısım sizin sitenizin tanıtım kısmıdır. Yani bir slogan gibi, bu benim sitem için bir örnek olursa, ( Geniş Kod Arşivi..! ) olabilir. Bu kısımda arama motorlarında site başlığınızın altında gözükecektir. Mesela; Sitene Kod Ekle ve altında Geniş Kod Arşivi..! gibi.

* Üçüncü kısım ise ( Anahtar Kelimeler ) ( Keywords ) kısmı. Bu kısımda sitenizin ne ile olduğunu yani hangi konular hakkında olduğunu arama motorlarına söyleyen kısımdır. Buraya ( Keywords ) ları yazarken en fazla 25 adet kelime yazılması yeterlidir ve kelime arasına virgülle ayrılır. Buna da bir kısa örnek verecek olursam, yine bu sitemden devam edersek şu şekilde olmalıdır. Örnek; ( Sitene kod ekle, site kodları, site kodu, hazır kodlar, ) gibi yazılır.

* Son olarak, Yazar (Author) kısmı. Burası site yazarının ismi yazılıp, alttaki oluştur butonuna tıklayıp, Meta Tag kodu oluşturulur. Yukarıda yazımın başında belirttiğim gibi oluşturulan bu kod, sitenizin ana kodları (CSS) içine <Head> kodundan sonra yapıştırılıp, kaydedilir.

Bunu nasıl yapacağını bilmeyen, kodların nasıl kullanıldığı hakkında bilgi sahibi olmayanlar için hemen küçük bir açıklama yapayım. Aşağıda ki resimdeki sırayı takip ederek bunu yapabilirsiniz...

Sitene Puan durumu ekle. Sitenize puan durumu ve lig fikstürü ekleyin. Ayrıntılı güzel bir kod olan bu puan durumu. Sitenize tek bir basit kodla puan durumu ve lig fikstürünü sayfanızın neresinde gözükmesini istiyorsanız, oradaki bir gadgete eklemeniz yeterli.



<!-- BAŞLA: TRT Spor Sitene Ekle --> <div style="font: normal 11px Arial; width: 298px; border: solid 1px #ccc; background: #fff; border-radius: 3px; box-shadow: 1px 1px 3px #ccc;"> <h2 style="padding: 8px; margin: 0; height: 25px; border: 0; border-bottom: solid 1px #ccc;"> <a href="https://www.trtspor.com.tr/"> <img src="https://www.trtspor.com.tr/static/img/siteneEkle/logo_a.png" alt="TRT Spor Haberler" style="border: none 0;"> </a> </h2> <iframe frameborder="0" width="298" height="282" src="https://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=a&baslik=1&resimler=1&a=6"></iframe> <div style="text-align: center;line-height: 23px;border-top: solid 1px #ccc; color: #666; margin-top: 5px;box-shadow: 0 -1px 3px #ccc;"> <a style="text-decoration: none;color: #666; font: normal 11px Arial;" href="https://www.trtspor.com.tr/puandurumu_ekle.html" target="_blank">Ayrıntılı Puandurumu Tablosu</a> </div> </div> <!-- BİTİŞ: TRT Spor Sitene Ekle -->

Yazılarına otomatik link kodu ekleme başlıklı bu yazımızda, üretmiş olduğunuz kendi yazılarınızda kopyalamalara karşı otomatik link kodu nasıl eklenir bununla ilgili kısa ve kolay iki adet html kod sunacağız. Bu kodların amacı, siteleriniz de yayınladığınız yazılarınızdan okuyucularınız alıntı yaparak bir yerde bunları yayınladıklarında, otomatik olarak sizin sitenizin kaynak linki onların sitelerinde yayınlanacaktır. Not: ( Verilen bu kodlar bazı özel şablonlarda çalışmayabilir)




Örnek: Kod 1, kopyalanan içerik böyle gözükür.

Blogger özel tema arka plan resmi nasıl değişir? Blogger arka planı değiştirme konusunu kısaca anlatayım. Blogger'ın kendi standart şablonlarında arka planı değiştirmek kolaydır. Read more : http://www.sitenekodekle.org/2017/09/blogger-ozel-tema-arka-plan-resmi-nasl.html

Örnek: Kod 2 de böyle gözükür.

Blogger özel tema arka plan resmi nasıl değişir? Blogger arka planı değiştirme konusunu kısaca anlatayım. Blogger'ın kendi standart şablonlarında arka planı değiştirmek kolaydır.
© Sitene kod ekleSource: http://www.sitenekodekle.org/2017/09/blogger-ozel-tema-arka-plan-resmi-nasl.html

Nasıl eklerim?

Kodları eklemek için şu yolu takip edeceğiz ayarlar sayfasından Blogger > tema > Html'yi düzenle butonuna tıklayarak şablonunuzun CSS kodları içinde <head> kodundan sonra bu kodu yapıştırmanız yeterlidir.

Kod 1

<script type='text/javascript'>
//<![CDATA[
// Copy Text
function nocopas(){var e=window.getSelection();pagelink=" Read more : "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas);
//]]>
</script>

Kod 2

<script type='text/javascript'>
//<![CDATA[
!function(e,t){var n="getSelection",o="removeAllRanges",i="addRange",l="parentNode",a="firstChild",d="appendChild",r="removeChild",s="test",c="innerHTML";if(e[n]){var p,g,f,h,u,y;t.addEventListener("copy",function(C){for(g=C.target;3===g.nodeType;)g=g[l];if(h=t.createElement("div"),(p=e[n]())&&p.rangeCount&&(p=p.getRangeAt(0))&&(f=p.cloneRange(),p=p.cloneContents())){for(;u=p[a];)h[d](u);if(!/^(pre|code)$/i[s](g.nodeName||"")&&!/(^|\s)no-attribution(\s|$)/i[s](g.className||"")){var v=e.location.href;h[c]+="<br><br>&copy; "+t.title+'<br>Source: <a href="'+v+'">'+v+"</a>"}y=t.createRange(),t.body[d](h),y.selectNodeContents(h),p=e[n](),p[o](),p[i](y),setTimeout(function(){h[l][r](h),p[o](),p[i](f)})}},!1)}}(window,document);
//]]>
</script>