Yapımcı

Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

CSS İLE AÇILIR MENÜ YAPMA

Posted by Yüksel Duman On 9 Şub 2016 3 yorum
CSS Açılır Menü


CSS ile açılır menü yapmak blog ve sitenizin görünümüne bambaşka bir hava katarak daha profesyonel olmasını sağlayacaktır.
Yukarıdaki ekran görüntüsü css ve html kodları kopyalanıp HTML Editor kullanılarak alınmıştır.

  • Sitenizin kontrol paneline girin
  • Şablon sekmesine tıklayın
  • HTML'yi Düzenle butonuna tıklayıp sitenizin kodlarına ulaşın
  • CTRL+F tuş yardımıyla aşağıdaki kodu bulun

]]></b:skin>

Bulduğunuz bo kod satırının hemen üstüne aşağıdaki kodları ekleyip şablonu kaydedin.

<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href="http://blogseocu.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menu"></a><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->



<!-- menü linkleriniz -->


<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Ana Sayfa</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>Hakkımda</span></a></li>
<li class="last"><a href="#"><span>İletişim</span></a></li>
</ul>
</div>

Şablonu kaydettikten sonra Yerleşim sekmesine tıklayın. Yerleşim sekmesi Blogger kontrol panelinizin sol alt köşededir.
Gadget ekle bağlantısına tıklayıp HTML Java Script'i seçin.

Gadget Ekle

Java script içine aşağıdaki HTML kodlarını ekleyip kaydedin. Son olarak sağ üst köşedeki 'düzenlemeyi kaydet' butona tıklamayı unutmayın.

<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Ana Sayfa</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>Hakkımda</span></a></li>
<li class="last"><a href="#"><span>İletişim</span></a></li>
</ul>
</div>

'#' işareti olan yerlere linklerinizi yazmalısınız. Span ile başlayan yerlere ise istediğiniz ismi yazabilirsiniz. Örnek: Ana sayfa, hakkımda gibi...
Bu işlemlerden sonra açılır menü yapımı bitmiş bulunuyor. Kullanıma hazırdır.
Daha fazla drop down menu (açılır menü) kodları

READ MORE

BLOGGER SİTEMAP SAYFASI OLUŞTURMA

Posted by Yüksel Duman On 16 Eki 2014 28 yorum

Sitemap bir web sitesinin haritasıdır. Yayınladığınız yazıların arama motorları tarafından hızlı bir şekilde indekslenmesini sağlıyor.
Blogger sitemap sayfası oluşturmak için önce yeni bir sayfa oluşturuyorsunuz. Aşağıdaki resimdeki gibi

http://blogseocu.blogspot.com


Daha sonra yeni sayfanın HTML sekmesine geçerek aşağıdaki kodları yapıştırıp kaydediniz.
Sayfa adını sitemap olarak yazabilirsiniz.
Html Kod

<div style="background-color: white; border: 0px solid #ccc; height: 700px; overflow: auto; padding: 5px; width: 500px;">
<script src=" https://googledrive.com/host/0By7Idpq5zcIoOVJoa05abXpGTUE" type="text/javascript"></script><script src="http://blogseocu.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Kodlardaki blogseocu adını kendi blog adınız ile değiştirmeyi unutmayınız. Takıldığınız yerler olursa yorum bölümünden yazabilirsiniz.

READ MORE

İYİ BLOG YAZMA ÖNERİLERİ

Posted by Yüksel Duman On 26 Ağu 2014 16 yorum
Günümüzde blog yazmak popüler oldu.
Bir çok insan blog yazıyor yada yazmaya başlamış. Peki hiç kendinize sordunuz mu?
İyi blog nasıl yazılır?
iyi blog yazma önerileri nelerdir?
Gibi sorular aklımıza takılabilir. Bu açıdan sizlerin blog yazmadaki başarınıza başarı katacak ve
daha fazla tecrübe kazandırabilecek blog yazma önerilerimi sizlere sunuyorum.

İYİ BİR BLOG YAZMA ÖNERİLERİM

1- İyi bir blog yazarı güncel olmalıdır
2- Blog yazarı özgün olmalıdır
3- Blog yazma tutkusu canlı olmalıdır
4- Yazılarında objektif olmalıdır
5- Blogunun okuyucu kitlesini düşünmeli
6- Gerçekçi olmalı
7- Blog yazılarında ilk yazdığı yayın gibi yazmalı
8- Kişisel özelliklerini bloga yansıtmamalıdır.
9- Sinirlerine hakim ve sabırlı olmalı
10- Başka yazarlardan ilham almalı fakat kendini kaybetmemesi
11- Yazılarını basit ve anlaşılır yazmalıdır
12- Türkçeyi düzgün kullanmalı
13- Blog başlıklarına dikkat edip kısa tutması gerektiğini bilmesi
14- Yazmaya başlamadan önce karar vermesi
15- Yazısına konuyla ilgili bir görsel eklemesi
16- Blog okuyucularına sorular sorup onların da fikirlerini alması
17- Yazmaya bol zaman ayırın ve yazmaktan bıkmayın
18- Blogculuğun temel taşının yazmak olduğunu unutmayın
19- Yayınlamadan önce deneme yazısı yazmanız faydalı olabilir.
20- Makale olsun diye yazı yazmayın
21- İçinizden blog yazmak arzusu geçtiğinde yazmaya başlamanız çok iyi olacaktır.
22- Kendi alanınız üzerine yazılarınızı yoğunlaştırın
23- Reklamlardan kaçının
24- Blogunuza müzik, video gibi otomatik açılan dosyalar eklemeyin
25- Motivasyonunuzu yazmaya verin
26- İyi bir blog yazmak için üzerinizde kağıt kalem bulundurun. Hiç ummadık yerde ilham periniz
gelebilir.
27- Araştırmaya açık olun
28- Başaramam düşüncesini kafanızdan atın
29- İmkanınız varsa dışarıya, doğaya çıkın. Bu size farklı fikirler ve ilham kaynağı verebilir.
30- Yazdığınız yazıyı kontrol edin.

Makaleme son verirken iyi blog yazma önerileri hakkında sizlerin de düşüncelerinizi almak isterim değerli yazar arkadaşlar.

READ MORE

BLOG YAZMAK İÇİN İPUÇLARI

Posted by Yüksel Duman On 12 Ağu 2014 0 yorum
BLOG YAZMAK İÇİN İPUÇLARI

Merhaba değerli okurlar.
Blog yazmak için ipuçları makalemizle yine sizlerle beraberim.
Daha güzel bir blog yazıları için sizlere önemli ipuçları vereceğim.
Blog yazmaya yeni başlayanlar ve blog oluşturmak isteyenler için faydalı bir ön bilgi olacağına inanıyorum.

Benim için blog yazmak bir keyiftir. Sanırım sizler için de öyle.
Ancak blog yazarken yazılarımız ne derece etkili oluyor?
Bu konuda okuyucuyu memnun edebiliyor muyuz.?
Daha iyi bir blog nasıl yazarız? Bu gibi soruların üstesinden geleceğiz.


İnternet ortamında blog açmak için bir çok ücretsiz servisler mevcut. Blog açmak için sadece
bir dakika bile yeterli.
Blog açtığınızda iş bu kadar ile bitmiyor. Blogunuzu hayata geçirmek ve insanların yazdıklarınızdan bir zevk almasını sağlamak önemlidir.
Blog yazarken insanlara faydalı olabilmek ve yazdıklarınız ölçüsünde sizi takip etmeleri önemli husustur. İşte bu noktada işinize yarayacağını düşündüğüm blog yazmak için ipuçları vereceğim.

Kimin için blog yazıyorsunuz?
Öncelikle blog yazarken kim için yazdığınızı bilmelisiniz.
Yazılarınızı kendiniz için mi yoksa herkes için mi yazıyorsunuz?
Bu konuda kararınızı verdikten sonra yazmaya başlamalısınız. Yani hedef kitlenizi belirleyip ona göre bir yol çizmeniz gerekmektedir.

Kopyalama yapmayın
Bir yazarın emek verdiği yazılarını kopyalayarak kendinizin gibi yayınlamaktan uzak durmalısınız.
kopya içerikle hiç bir yere varamayacağınızı bilmelisiniz. Çünkü blogunuzdaki bir kopya yazının kaynağını okuyucular kolayca bulacak ve bu da blogunuzun değerini bozacaktır.
Ayrıca ziyaretçi kaybı yaşanacaktır. Sitenize gelen ziyaretçiler bu yazıyı filanca yerde gördüm aynısı burada yazıyor diyip kopyalama yaptığınızı anlar ve bir daha sitenize gelmeyebilir.
Yalnız alıntılar yapılabilir. Bu alıntılarda mutlaka alıntı yapılan sitenin linki verilmelidir.
Anı zamanda bu ziyaretçiye güven vereceği için tavsiye ederim. Link vererek alıntı yapabilirsiniz.

Okuyucuya saygılı olun
Blog yazarken dikkat etmeniz gereken önemli bir diğer durum ise okuyucuya saygılı olmaktır.
Yazılarınızı herkes okuyup herkes yorum yapacağı için ziyaretçilerin konuya yaptığı yorumları
kötü bir dille eleştirmeyin. Bu noktada kendinize hakim olmalısınız. Sitenize gelen ziyaretçileri kırmadan güzel bir lisan ile ağırlamalısınız. Unutmayın kötü söz sahibinindir.

Blog yazınıza samimiyet katın
Yazarken konuyla ilgili ufak espiriler yapabilirsiniz. Bu okuyucuyu eğlendirebilir ve yazınızdan keyif alabilir. Fakat dozunda ve yerinde yapmanızı tavsiye ederim. Çünkü yaptığınız espiriye herkes gülümsemeyebilir.

Benim blog yazmak için tavsiyelerim bunlar. Siz de kendi düşünce ve tecrübelerinizi bizimle paylaşın. Blog yazacak olanlar için daha faydalı bir ön bilgi verebilirsiniz.

READ MORE

BLOGGER 404 HATA SAYFASI OLUŞTURMA

Posted by Yüksel Duman On 16 Haz 2014 3 yorum
Blogunuzda 404 hata sayfası var mı? Eğer yok diyorsanız makalemi okumanızda yarar vardır.
Hata sayfaları blogunuzda veya web sitenizde yanlış bir yazım olduğunda ziyaretçiyi bilgilendiren
sayfalardır. 404 hata sayfaları muhakkak bloğunuzda olması gerekenlerden biridir.
Buradaki anlatımım Blogger içindir.
Blogger 404 hata sayfası oluşturmak için yapmanız gerekenler;
Blogger kumanda paneli- Ayarlar - Arama tercihleri seçeneğine tıklayın.
Oradaki hatalar ve yönlendirmeler başlığı altında yer alan Sayfa Bulunamadı Sayfası için Özel İçerik
seçimine tıklayıp kutunun açılmasını bekleyin. Karşınıza çıkan boş kutucuk içine aşağıdaki kodları
kopyalayıp yapıştırın.

404 hata sayfası oluşturma kodu

<h1>404 SAYFA BULUNAMADI !</h1>
    <div id="error">
    <div id="wadah">
      <div class="tengah">
       <div class="box-atas"></div>
       <div class="box">
        <div id="halaman">
        <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz8juvbnHJaj_qcdSnrZSebTI9gUWKxsS_nJ9apWbzklbTcTWENH7eqER8tn0f5E0nCdAP-YXujDaT5RS9xSDUkILqoP2Pu9_ORB3vJt-0kzUdkFKVcZEL14f4LbKNVdwHP2LHx17Rd7qo/s350/4041.jpg" /></p>
         <p>Ulaşmaya çalıştığınız sayfa bulunamadı.Eğer adresi doğru yazdıysanız sayfa silinmiş olabilir.  </p>
         <p> <h2><a href="http://blog adresiniz.blogspot.com" title="Blogunuzun adı" >Ana Sayfa</a></h2></p>
        </div>
       </div>
       <div class="box-bawah"></div>
      </div>
    </div>
    </div>
    </b:if>

Kodlardaki blog adresiniz yazan yeri kendi adresinizi yazın.

Yukarıdaki kodların çalışıp çalışmadığını anlamak için kodları kopyalayıp buradaki boşluğa çerçeveli alana yapıştırın.
Sonrasında HTML kodunu test et butonuna tıklayın. Canlı bir ön izlemesi göreceksiniz.
404 hata sayfası oluşturma, sayfa bulunamadı sayfası yapmak

READ MORE

Blogger Seo Ayarları Nasıl Yapılır?

Posted by Yüksel Duman On 5 May 2014 28 yorum
BLOGGER SEO AYARLARI
Blogger, Google firması tarafından sunulan açması kolay kullanımı daha da kolay bir servistir.
İşin asıl önemli noktası ise blog açtıktan sonra blogger seo ayarlarının yapılmasıdır.
Bu seo ayarları ile blogumuzun hızlı bir şekilde Google'da index almasıdır.



Blogger blogspot bizlere SEO ayarları ile gelmiyor. Biz biraz emek sarf edip
kendimiz SEO ayarlarını yapmamız gerekmektedir.
Bu ayarlar ile blogumuzu search engine optimization uyumlu hale getireceğiz.
Blogger seo ayarları nasıl yapılır diyorsanız hemen başlayalım.

Blogger link ayarları
Linkler SEO'da önemlidir. Linkler arama motorlarında SEO'a uygun nasıl yapılır?
Öncelikle buna bir örnek olarak aramalardan bahsedeyim.
Google ve benzeri arama motorlarında bir içerik ararken ilk önce blog adı sonra yazının başlığı
şeklinde çıkmaktadır. Bu aramalarda kötü bir görünüm oluşturmakta ve ziyaretçilerin aradıklarını
tam olarak bulamamasına neden olacaktır. Oysa ziyaretçiler önce aradığı içeriği sonra blogunuzun adını görmek ister. Bu şekilde daha da iyi bir Google araması olacak.
İşte bu ayarlamayı yapmak için aşağıdaki adımları uygulayın.
Kontrol paneli, şablon, HTMLyi düzenle yolunu izleyerek ctrl+f tuşları ile aşağıdaki kodu bulun.
<title><data:blog.pageTitle/></title>
Bununla değiştirin
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title></b:if>

Şablonu kaydet butonuna tıklıyoruz. Bu ayardan sonra artık blogumuz Yazının başlığı, blog ismi
şeklinde çıkacaktır.

Blogger meta ayarları
Blogger meta ayarları, blogunuzun ne hakkında olduğunu gösteren etiketlerdir. Siteniz hakkında arama motorlarına bilgi verir. Bu nedenle meta ayarlarınızı yapmanız faydalı olacaktır.
şablona girip gerekli ayarlamalar yapılmalıdır.
Bu ayarlamalar blog adı, anahtar kelimeler şeklindedir.
Dilerseniz yazar adı da ekleyebilirsiniz.


Tags (etiketler)
Blog yazılarınızda önemli bir yeri olan ve aramalarda sitenizin bulunabilirliğini arttırır.
Bu etiketleri gereksiz yere fazladan kullanmak sitenize zarar getirir.
Dozunda kullanmak yararlı gereksiz kullanmak zararlı olabilir.
Etiketler konu ile ilgili olmalıdır. Konu ile alakasız etiketlerden kaçının.

Türkçe karakterler
Yayın başlıklarınızda Türkçe karakter kullanmaktan kaçınmalısınız. Bu durum Blogger SEO açısından önem taşımaktadır.
İşinize yaraması dileğimle esen kalın..

READ MORE

Blogger İletişim Formunu Sabit Sayfaya Ekleme

Posted by Yüksel Duman On 1 May 2014 13 yorum

Merhaba! Blogger iletişim formu oluşturma adlı makalemizle sizlere Blogger iletişim formunu sabit sayfaya eklemeyi anlatacam. Bu eklentiyi hızlı ve kolay olarak gadget şeklinde ekleyebiliyoruz. Bu güzel iletişim formu gadgeti oldukça hızlı ve kullanışlıdır. Peki sayfaya nasıl ekleyeceğiz? işte bunu anlatmaya çalışıcam.

Öncelikle aşağıdaki resimdeki gibi gadgetimizi ekliyoruz. Gadgeti eklemek için;
Blogger kumanda paneli/Yerleşim/Gadget ekle yolunu takip ediyoruz.


Daha sonra Blogger kumanda paneline girip Şablon/HTML'yi düzenle yolunu takip ederek Widget'a atla/ContactForm1 olduğu yere geliyoruz. Burada iletişim formuna ait kodları göreceksiniz.
Sol taraftaki siyah ok işaretine tıklayıp kodları genişletiniz.
Genişletme yaptığınızda iletişim formuna ait kodlar şu şekilde görünecektir:

HTML Kod

<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'> 
    <b:includable id='main'> 
<b:if cond='data:title != &quot;&quot;'> 
    <h2 class='title'><data:title/></h2> 
  </b:if> 
  <div class='contact-form-widget'> 
    <div class='form'> 
      <form name='contact-form'> 
        <p/> 
        <data:contactFormNameMsg/> 
        <br/> 
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/> 
        <p/> 
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> 
        <br/> 
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/> 
        <p/> 
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span> 
        <br/> 
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/> 
        <p/> 
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/> 
        <p/> 
        <div style='text-align: center; max-width: 222px; width: 100%'> 
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/> 
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/> 
        </div> 
      </form> 
    </div> 
  </div> 
  <b:include name='quickedit'/> </b:includable> 
  </b:widget>

Buradaki kırmızı renkli yerleri siliyoruz. Sildiğimizde blog iletişim formunu algılıyor ama gadget olarak görünmeyecek.

Son olarak sayfa oluşturacaz. Blogger - sayfalar - sayfa oluştur - boş sayfa yolunu takip ediniz. Boş bir sayfa oluşturup adını 'iletişim' olarak yazınız.
Boş sayfanın HTML sekmesine geçerek aşağıdaki kodları yapıştırınız.

<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'></textarea> 
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/> 
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> 
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> 
      </form> 
    </div> 
  </div> 
</div>

İletişim formunu Blogger'da sabit sayfaya eklemiş olduk böylece.
Ön izleme yaparak baktığınızda sorun yoksa kaydedebiliriz. Hayırlı olsun.
Takıldığınız yerler olursa yazın yardımcı olurum.

READ MORE