Sitene kod ekle Sitene kod ekle |

Sitene iletişim bölümü ekle

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

  1. Blogger sayfalar bölümüne girip ( Yeni sayfa ) butonuna tıklıyalım.
  2. Açılan sayfada, sayfa başlığına ( İletişim ) yazarak, sayfamıza isim verelim.
  3. Daha sonra ( Html ) yazan yere tıklayıp sayfamıza aşağıda verdiğim Html Kodu yapıştıralım.
  4. Her blogger sitemizin bize ait bir ( Blog ıd ) numarası vardır. Bu numarayı kopyalayıp kodun içinde işaretlediğim ( BURAYA BLOG ID NONUZU YAZINIZ ) yere yapıştırıp, sayfamızın sol tarafında bulunan ( Oluştur ) butonuna tıklayıp, sayfamızı yaratalım.
<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?


Sayfamız açıkken ok işareti ile gösterdiğim yeri kopyalayıp bir yere yapıştırdığınız takdirde, burada  
( Blog Id ) numaranızı bulabilirsiniz...!

Meta Description Nasıl Yazılı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.

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.

  • Super lig
  • Ptt ligi
  • Avrupa ligi
  • Premier lig
  • Bundeslıga
  • Puan durumu






Sitene Blogger Resimli Son Yazılar Eklentisi

Sitene Blogger resimli son yazılar eklentisi. Sitenize yazdığınız son yazıları animasyonlu bir akış halinde yayınlayan bir HTML koddur. Sitenizde nerede göstermek istiyorsanız orada ki gadgetlerden birine aşağıdaki kodu yapıştırıp kaydetmeniz yeterlidir. Kodun içindeki kırmızı renkli link kısmına kendi site linkinizi yapıştırın.