tag:blogger.com,1999:blog-7116978239929385342024-03-19T10:51:16.037+03:00Blogger EfendisiUnknownnoreply@blogger.comBlogger67125tag:blogger.com,1999:blog-711697823992938534.post-6263646731077228482016-11-11T21:09:00.001+03:002016-11-11T21:09:52.368+03:00Freelance Nedir ?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9o3osmNkflt-hfrN81dapSHePpxeiARZtVCKiiIoLRyGQ0PRYXorraxouSNivmFEJ5MH0R_F912DRN9BypxC9tNFA-xyDG5QrxxnYvpO1TlLBbmi1dUyuPx5iypf0SugTA2DTNNHKXRc/s1600/freelance-14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9o3osmNkflt-hfrN81dapSHePpxeiARZtVCKiiIoLRyGQ0PRYXorraxouSNivmFEJ5MH0R_F912DRN9BypxC9tNFA-xyDG5QrxxnYvpO1TlLBbmi1dUyuPx5iypf0SugTA2DTNNHKXRc/s640/freelance-14.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Günümüzde çoğu insan çalışmak için fabrikalara, ofislere, bürolara gidiyor. Her gün aynı saatte orada olmak, aynı saatte mola vermek, aynı saatte çıkış yapmak bu işin zorunluluğudur. Özgürlük kısıtlanması ise cabası. Ev ortamında çalışmaksa çok daha farklı bir iştir. İstediğiniz zaman kalkar, yemek yer, mola verir, dışarı çıkabilirsiniz. Sizden tek istenilen ise verilen işi doğru yapmak ve zamanında teslim etmektir. İşte buna freelance denir. Başka anlamlarda bağımsız savaşçı, bağımsız çalışan denir. Türkiye de ise serbest meslek erbabı olarak bilinir.<br />
<br />
Peki bu işin riskleri ve faydaları nelerdir? Risklerinden bahsedecek olursak, ofiste veya büroda aldığımız ücret kadar ücret alamayabiliyorsunuz. Bazen ise çok daha fazlasını alabiliyorsunuz. Tamamen forumlarda veya freelance için açılmış internet sitelerinden iş alabiliyorsunuz. Bazen az iş, bazen ise çok iş alıyorsunuz. Tamamen şans işi olsa gerek...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvq3ZlKxIv6p1P7KFootoCVFGePITbLDEDn5kIzHFPtcZCWygWfEwwLkJotC3WdnoUhaosFAs3cyYGIEpBANygX8CYBa3YI8oZAwCedqABzYXUsiC2PHq5LJDz8u_57dFQUOwHX7azkq0/s1600/freelance-3051519-poster-1280-how-job-prepared-me-for-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvq3ZlKxIv6p1P7KFootoCVFGePITbLDEDn5kIzHFPtcZCWygWfEwwLkJotC3WdnoUhaosFAs3cyYGIEpBANygX8CYBa3YI8oZAwCedqABzYXUsiC2PHq5LJDz8u_57dFQUOwHX7azkq0/s640/freelance-3051519-poster-1280-how-job-prepared-me-for-.jpg" width="640" /></a></div>
<br />
<br />
Faydalarından bahsedersek ( iyi yönlerinden ), özgürlüğünüzden feragat vermezsiniz. İş aldıysanız istediğiniz zaman kalkar, yemeğinizi yavaşça televizyon veya bilgisayar eşliğinde yiyebilirsiniz. Dışarı çıkabilir, arkadaşlarınız ile buluşabilirsiniz. Sizden istenilen tek şey ise işin doğru yapılması ve zamanında teslim edilmesidir.<br />
<br />
Freelance olarak çalışmanın başka bir kötü yanı ise esnek fiyatlardır. Bir kullanıcı 10 TL verirken, bir kullanıcı 5 TL verebilir. Fiyatlar arasında ufak tefek değişmeler olabiliyor. Ancak şunu temin edebilirim ki, günlük aldığınız fiyat çok fazla olabiliyor. İnternette dolaşarak freelance eleman arayan işverenler görebilir, tanışabilir ve iş alabilirsiniz.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-91861605704366798082016-11-09T21:26:00.001+03:002016-11-09T21:26:30.209+03:00Kimler, Hangi Yazılım Editörünü KullanmalıBildiğiniz üzere günümüzde çok fazla yazılım için editör kullanılmakta. Bazıları yeni programlar çıkartırken, bazıları ise programları güncellemeye devam ediyorlar. Yazılım için önereceiğim belirli başlı programlar var. Yazımızda ise bu programlardan bahsedeceğim.<br />
<br />
<br />
<ul>
<li>Dreamweaver</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRNtx8NCPJHqQy7mVbIiliujU_6TM8sZBnqIBw2Drha05QdI30VQttFoyqlErP0KjwvWtViURv_5JLy2EQTYzb4TDx-NYxuRBowKIaPbT2MeqFw1Rm5zWe5Y7cv7sHPSt2z4BCuiVOf0/s1600/dw.jpg" imageanchor="1"><img border="0" height="492" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRNtx8NCPJHqQy7mVbIiliujU_6TM8sZBnqIBw2Drha05QdI30VQttFoyqlErP0KjwvWtViURv_5JLy2EQTYzb4TDx-NYxuRBowKIaPbT2MeqFw1Rm5zWe5Y7cv7sHPSt2z4BCuiVOf0/s640/dw.jpg" width="640" /></a><br />
<br />Dreamweaver Adobe tarafından geliştirilen bir yazılım programıdır. Birçok dilde yazılar yazabilirsiniz. İnternet sitesi tasarlamak ve yazmak için kullanılan programdır. Bu programda internet sitesi yazmak için sadece kod kullanılmayabilir. Dreamweaver programında 4 farklı bölme var.<br />
<br />
<ol>
<li>Kod</li>
<li>Kod / Tasarım</li>
<li>Tasarım</li>
<li>Canlı</li>
</ol>
Bunları teker teker açıklamak gerekirse, kod kısmı sadece kod yazmaya yarıyor. Ancak kod ve tasarım kısmında, yazdığınız kodları görebiliyorken, bir yandan ise kodlar ile hazırlamış olduğunuz tasarımı görebiliyorsunuz. Ya da tam tersi, tasarlamış olduğunuz internet sitesinin kodlarını görebiliyorsunuz. Tasarım kısmında ise kod yazamazsınız. Orada yapacağınız her işlem internet sitesinde gözükecektir. İnsanların ne görmesini istiyorsanız onu tasarlayın. Canlı kısmında ise yapmış olduğunuz tasarımı naklen görebilirsiniz. Yeni başlayanların favorisi olan Adobe Dreamweaver yeni çıkarmış olduğu sürümlerde, eskisine göre daha basit, kullanışlı bir program oluyor. Her gün gelişmeye devam eden Dreamweaver gelişmeye devam ediyor.<br />
<br />
<ul>
<li>Sublime Text</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljEyFUEvx57NH5iP3JSUhh7cx1h_IxHcn_aY9esw_ZjChm-59HHHg87kDsBpySN7cpecl7-dpxld5A_5behfaV5cW8_Gt2Q0ovAzEEBQedcUE8eQLp9lCGDKY4zxCyilE_5e95FphDzU/s1600/B7cXd.png" imageanchor="1"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgljEyFUEvx57NH5iP3JSUhh7cx1h_IxHcn_aY9esw_ZjChm-59HHHg87kDsBpySN7cpecl7-dpxld5A_5behfaV5cW8_Gt2Q0ovAzEEBQedcUE8eQLp9lCGDKY4zxCyilE_5e95FphDzU/s640/B7cXd.png" width="640" /></a><br />
<br />Artık kodları öğrendiniz ve yazabiliyorsunuz. Sublime Text editöründe, Dreamweaver'da ki gibi tasarım alanı olmadığından sadece kodlar ile uğraşabiliyorsunuz. Yaptığınız tasarımı görmek için ise internet tarayıcısını açmanız gerekiyor. İnternet tarayıcısı ile olan makalemize ise <a href="http://www.bloggerefendisi.com/2016/11/front-end-yazlmclar-icin-internet.html">buraya tıklayarak</a> ulaşabilirsiniz. Sublime Text hızlı yazmak için kullanılan programdır. Yazdığınız kodları açıp, kapatırken size yardımcı olur. Bu sayede kısa zamanda daha fazla iş çıkartabilirsiniz. Bu editörde Dreamweaver'a göre daha fazla kod yazma seçeneği bulunuyor.<br />
<br />
<br />
<ul>
<li>Brackets</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zTPfT-rlYsZFZzv50jrg9hFdXcBG7EIQcYWlZgz0FI-cD1k-koEgRDsVcoFi1Gx1p5zYCwnp7Dd50oCol0HV7mfO8uI9inP7_B25uzsYkg_1Rl6ULugtpL7cpXkSXWlP6hYkiC7uxcg/s1600/brackets.png" imageanchor="1"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zTPfT-rlYsZFZzv50jrg9hFdXcBG7EIQcYWlZgz0FI-cD1k-koEgRDsVcoFi1Gx1p5zYCwnp7Dd50oCol0HV7mfO8uI9inP7_B25uzsYkg_1Rl6ULugtpL7cpXkSXWlP6hYkiC7uxcg/s640/brackets.png" width="640" /></a><br />
<br />Brackets programı aynı Sublime Text gibidir.Kod yazmanızda yardımcı olur. Ancak bir özelliği daha bulunmaktadır. Brackets programında bulunan sağ taraftaki yıldırım ikonuna tıklarsanız canlı görünüme geçer. Bu özelliğin çalışabilmesi için gerekli olan program sadece Google Chrome'dur. Yaptığınız işlemi kaydederek, sayfayı yenilemeden ne yaptığınızı görebilirsiniz. 2. ekranı olan arkadaşlar kullanım açısından rahatlığını çok daha rahat anlayabilecekler.<br />
<br />
<ul>
<li>Notepad++</li>
</ul>
Çoğu profesyonel yazılımcıların kullandığı editördür. Birkaç plugin indirerek size kodları yazmanızda rahatlık sağlayacaktır. Program boyutunun az olması ise, program için bir artıdır. Program hızlı olduğu için çok rahat kullanılabilir. Ancak yeni başlayanların bu programı kullanmasını tavsiye etmiyorum.<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-711697823992938534.post-87291985036190324312016-11-08T21:45:00.001+03:002016-11-09T14:28:48.672+03:00Profesyonel Web Tasarımı YapmakBildiğiniz üzere internet sitesinin yapım aşamasının ilk maddesi, photoshop programında siteyi tasarlamak. Yalnız bunu yaparken körü körüne değil de araştırarak, ilham alınarak yapılması daha güzel bir site tasarımı olacaktır. İlk başta araştırmalısınız. Modern web sitelerini araştırarak, inceleyerek muazzam işler çıkartabilirsiniz.<br />
<br />
<br />
<ul>
<li>Araştırma</li>
</ul>
Google'da profesyonel internet sitelerini aratarak bunlara ulaşabilirsiniz. Veya profesyonel internet sitelerini satan internet sitelerini ziyaret edebilirsiniz. Tek tek siteleri inceleyerek henüz bilmediğiniz tasarım çeşitlerini öğrenebilir, bunu tasarlayacağınız sitenizde kullanabilirsiniz. Örnek olarak profesyonel internet sitelerini satan link <a href="https://themeforest.net/">hemen şurada</a>.<br />
<br />
<br />
<ul>
<li>Deneme - Yanılma</li>
</ul>
Yine Google'dan bedava veya profesyonel indirdiğiniz internet siteleri üzerinde oynamalar yapabilir, hangi renk nerede daha iyi, yoksa bu font mu daha iyi öğrenebilirsiniz. Unutmayın en iyi öğrenme yolu uygulama yaparak öğrenmektir. Google'da aratarak çok rahat bir şekilde bedava internet sitelerine ulaşabilirsiniz<br />
<br />
<br />
<ul>
<li>Video izlemek</li>
</ul>
Youtube veya başka video barındırma sitelerinde aramaya " web design speed art " diye aratarak, tasarımcı arkadaşların hazırlamış olduğu hızlandırılmış videoları izleyerek güzel yöntemler öğrenebilirsiniz.Çok yararlı olduğunu, tasarımınızı yaparken fark edeceksiniz<br />
<br />
<ul>
<li>Uygulama</li>
</ul>
İnternet sitelerinizi yayımlamadan önce pratik yaparak kendinizi daha fazla geliştirebilirsiniz. Küçük küçük tasarımlar, logolar yaparak hayal gücünüzü arttırabilirsiniz. Bunları kenarda, köşede saklayarak ihtiyacınız olduğunda tekrar bakıp, yararlanabilirsiniz.<br />
<br />
<ul>
<li>Programı anlama</li>
</ul>
Program üzerinde çok fazla vaktinizi harcayarak, programı yalayıp, yuta bilirsiniz. Programı tam anlamı ile öğrenerek el hızınızı arttırabilirsiniz. Daha az zamanda, çok daha iyi işler yapabilirsiniz. Benim program olarak önerim Adobe'nin Photoshop programıdır. Sürüm olarak ise aralarında çok fark bulunmadığından fark etmez. Ancak siz son sürümden yine de şaşmayın.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9Wj2yVsTxSpV5bZfB6WG2h-DUCAxlNAKtFz2aMuPMFMDu3t1_hvihgIvKVWShP1CCnR9VPpOJv3c8r5Nw74kopLZ7M6d3wmrbEQfQ1Zx9XG8qBTpM465eCHqsNoX9PhqvdUv0X24zkQ/s1600/ps.jpg" imageanchor="1"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9Wj2yVsTxSpV5bZfB6WG2h-DUCAxlNAKtFz2aMuPMFMDu3t1_hvihgIvKVWShP1CCnR9VPpOJv3c8r5Nw74kopLZ7M6d3wmrbEQfQ1Zx9XG8qBTpM465eCHqsNoX9PhqvdUv0X24zkQ/s640/ps.jpg" width="640" /></a></div>
<br />
<ul>
<li>Arkadaş etkeni</li>
</ul>
Yaptığınız çalışmaları arkadaşlarınıza göstererek eksikliklerinizi, daha neler ekleyebileceğinizi sorabilirsiniz. Bu konuda arkadaşlarınızın çok yararı olacaktır. Birden fazla göz ve hayal gücü her zaman iyidir.<br />
<br />
<ul>
<li>Sosyal medya</li>
</ul>
Tıpkı arkadaşlarınıza sorduğunuz gibi sosyal medya'da yaptığınız tasarımı sayfalarda, gruplarda paylaşabilir, birden fazla kişinin görüşlerini alabilirsiniz. Bu sayede yaptığınız tasarımda eksiğinizin ne olduğunu görecek ve onu iyileştirmeye çalışacaksınız.<br />
<br />
<ul>
<li>Artık hazırsınız</li>
</ul>
Birçok internet sitesine bakıp ilham aldınız, öğrendiniz. Birçok kişiye sorup, soruşturdunuz. Artık çoğu kişinin beğeneceği tasarımı hayal gücünüzle yapabilirsiniz. Ancak unutmayın ki bu yeteneği kazanmak çok kolay değil. Çok çalışmalı, caymamalısınız.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-34489879706615938722016-11-08T16:48:00.002+03:002017-07-12T22:59:15.296+03:00Hangi Alanda Siteler Açılmamalı ?<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IBCAMBGnHM3BfpUPGfZvA5zCexWFOwaMYvIU49diWIBLYS98ZLDaOX7tFN3DUtX9285DQVgnidia65ql9g4CqAkYl4ZRd7yP5PyOIuqJ-W_OG_vfgFrkg6-BXOrSpZiae3IUsZgqHeza/s1600/%25C3%25BC%25C3%25A7+yanl%25C4%25B1%25C5%259F....png" imageanchor="1"><img border="0" height="416" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IBCAMBGnHM3BfpUPGfZvA5zCexWFOwaMYvIU49diWIBLYS98ZLDaOX7tFN3DUtX9285DQVgnidia65ql9g4CqAkYl4ZRd7yP5PyOIuqJ-W_OG_vfgFrkg6-BXOrSpZiae3IUsZgqHeza/s640/%25C3%25BC%25C3%25A7+yanl%25C4%25B1%25C5%259F....png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
<div style="text-align: center;">
Çoğu webmaster arkadaşın kafasını kodlardan çok yoran o malum soru 'Hangi Alanda Site Açmalıyım ?' her işte olduğu gibi site kurma kervanına katılmadan önce de güzergahınızı belirlemeniz gelişiminiz açısından çok önemlidir. Herkesin aklına ilk gelen fikirler bellidir. Kalıplaşmış fikirler vardır bunların bazılarını ve neden seçmememiz gerektiğini anlatalım. Bu makale sayesinde belkide bazı webmaster arkadaşların zaman kaybını önlemiş oluruz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<ol>
<li style="text-align: left;"><b>FİLM SİTESİ: </b>İlk akla gelen fikirlerden biri film sitesi açmaktır. Bir film sitesi açmak kulağa hoş geliyor olabilir ama hiçte öyle değil. Bir film sitesi oluşturmaktan çok oluşturmamak için sebepler sıralayabilirim size. En caydırıcı olan ise telif hakkı problemidir. Nedir bu telif hakkı diyen arkadaşlar için ufak bir açıklama yapayım telif hakkı yemeniz demek film yapımcısı tarafından dava edilmeniz demektir. Hakkınız olmayan bir film veya dizi üzerinden para kazanmanızı istemezler açıkçası. Çünkü onların pastasından pay almış olursunuz bu durumu devam ettirirseniz mahkemeye kadar gidebilecek sonuçlar doğurur. Daha ilk nedenden aman aman eksik kalsın dediğinizi duyar gibi oldum ama daha bitmedi. Film sektörü internette geniş bir alan kaplıyor bunların arasından sıyrılıp tanınmanız gerekiyor. Bu oldukça zor bir iş. Ayrıca ziyaretçilerinizi memnun edebilmeniz için çok geniş bir film arşivinizin olması gerekmekte insan aradığını bulamadığı bir film sitesine bir daha girmek istemez açıkçası. Bir film projesi oluşturmamamız gerektiğini öğrenmiş olduk.</li>
<li style="text-align: left;"><b>İNDİRME SİTELERİ: </b>Hemen aklımızdan geçen bir diğer proje örneği ise indirme siteleridir. Ne indirdiğinizin pek bir önemi olmamasına rağmen bu indirme sitelerinin en önemli özelliği güvenilir olmak zorunda olması. Bilgisayar virüslerinin bu kadar yaygın olduğu bir dönemdeyken insanlar güvenilir yani bir diğer anlamda internet aleminde marka yapmamış bir siteden program indirmek istemezler. Bir indirme sitesi kurduysanız günlük ziyaretçilerinizin çok fazla olması gerekiyor eğer sitenizden para kazanmak istiyorsanız. Ayrıca bir film sitesi kadar da uğraştırıcı malesef arşivinizin mümkün olduğu kadar geniş olması gerekiyor. Bu işte biraz sıkıntılı başka bir fikir mi düşünsek acaba ?</li>
<li style="text-align: left;"><b>OYUN SİTELERİ: </b>Böyle diyince biraz genel oldu ama oyun sitesi diyince ne anladığınıza göre değişebilir. Eğer bir oyun yapabilirseniz onun sitesini açarak gerçekten başarılı olabilirsiniz ama ben insanların oyun indirebileceği bir platform oluşturmak istiyorum derseniz orada durun derim. Burada telif hakkı konusunda korkmanıza gerek yok öyle bir sorunla karşılaşan kimseyi görmedim ama oyun boyutları gerçekten çok fazla olabiliyor bu bir gerçek bunun altından kalkabilecek bir ağınız olması gerekmekte ( TTNET kullanan arkadaşları alalım burdan ). Bir diğer problemi ise para kazanacak olanakların az olması diyebiliriz. Bu işlerden para kazanmak harbiden baya zor neyse umudunu kaybetme aşağıya in bakalım.</li>
<li style="text-align: left;"><b>HABER SİTELERİ: </b>İlk başta oldukça çekici duruyor haber siteleri çünkü yazmak için sadece istemeniz yetiyor. Çalışma alanınız çok geniş bu yüzden birçok arkadaşımız bu tercihi yaparak yanılgıya düşebiliyor. Bir ziyaretçinin sizden haber okuması için güncel ve özgün olmanız gerekiyor siz başka sitelerden yapılan haberleri tekrardan yayınlarsanız kimsenin sizi takip etmesini beklemeyin lütfen :) Hem diğer haber siteleri saatte 1-2 makale paylaşırken büyük bir ekipleri bulunmakta tek başınıza bu yazım hızına ulaşmanız gerçekten de zor.</li>
<li style="text-align: left;"><b>TEKNOLOJİ SİTELERİ: </b>Piyasa bu tür sitelerden geçilmiyor doğruyu söylemek gerekiyor ise bende böyle bir site ile başlamıştım bu işlere ama pek başarı sağladığım söylenemez. O kadar çok teknoloji sitesi içerisinden sıyrılmak zor ama imkansız değil tabi ki ama ben genede tavsiye etmiyorum.</li>
</ol>
<div style="text-align: left;">
Bu kadar yeter bence ne tarzda siteler açılmaması gerektiği aklımızda hafiften oturmuştur. Bu konuda bir makale serisi düzenlemek istiyorum bir sonraki yazılarımda Hangi Alanda Siteler Açmalıyız ? ve Adsanse'nin Sevdiği Site Türleri makalelerimle devam edeceğim umarım işinize yarar.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red; font-size: large;"><b>Sende yoruma Açılmaması gereken veya Zaman kaybı olduğunu düşündüğün fikirleri yaz.</b></span></div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-711697823992938534.post-86723688927681129782016-11-08T14:21:00.002+03:002016-11-08T17:28:01.045+03:00Front End Yazılımcılar İçin İnternet TarayıcısıGünümüzde artık herkes internete giriyor. İnternette zaman geçiriyor, haber okuyor, müzik dinliyor, arkadaşları ile sohbet ediyor, yemek tariflerine bakıyor.Bunları yapabilmek için ise internete bağlanmamız gerekmekte.İnternet tarayıcılarını bunun için kullanıyoruz.Bütün işlerimizi internet tarayıcıları sayesinde yapıyoruz. Peki ya geliştiriciler için internet tarayıcısı var desek?<br />
<br />
Şuan çoğumuzun kullandığı Google Chrome oldukça verimli çalışmakta. Yaptığı işleri çok hızlı bir şekilde halletmesi kullanıcılar tarafından çok seviliyor. Ancak bahsettiğim " Front End " yazılımcıları için internet tarayıcısı bu değil. Elbette yazılımcılar birazdan bahsedeceğim tarayıcıları kullanmaya bilir, herhangi bir zorunluluğu yok.<br />
<br />
Hız ve işlevsel olarak Google Chrome'dan biraz geri kalsa da, Google Chrome'un yaptığı işlere ek olarak bazı artıları bulunmakta. Bir önceki yazımızda bootstrap'tan bahsetmiştik. Bootstrap'ın diğer bir özelliği ise sayfaları " responsive ( mobil uyumlu ) " yapmaktır. Google Chrome'da, yazmış olduğumuz internet sitesinin mobil uyumlu olup, olmadığını anlayabilmek için tarayıcıyı küçültüp, büyütmek gerekiyor. Ancak Mozilla Firefox tarayıcısını kullandığımız taktirde sitemizin responsive olmasını anlayabilmek için tarayıcıyı küçültüp, büyütmemize gerek yok. Mozilla Firefox'ta bulunan özelliği kullanabilmemiz için, klavyemizde bulunan 3 tane farklı tuşa basarak kombinasyonu kullanabilmeliyiz.<br />
<br />
Responsive penceresini açmamız için gerekli olan kombinasyon şu şekildedir:<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="color: #444444; font-size: x-large;">CONTROL(CTRL)+SHIFT+M</span></blockquote>
<div style="text-align: left;">
Yukarıda belirttiğim tuşlara basarak ekranınıza aşağıda ki gibi bir pencere açılacaktır. </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWONRqvg2g0PTfUAuR2tMZxyZm9hM_bt_YSMq6G7j0v2UfT-4y7x4xi-kAiLZBlBN-zXhl7mhJRQQSJR6SGbfVadAFPwbjuXrgD2ueC-WbjWN3zR4um66hYOSbS-B1vGWBkffQ9cU1h0/s1600/mozilla.jpg" imageanchor="1"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWONRqvg2g0PTfUAuR2tMZxyZm9hM_bt_YSMq6G7j0v2UfT-4y7x4xi-kAiLZBlBN-zXhl7mhJRQQSJR6SGbfVadAFPwbjuXrgD2ueC-WbjWN3zR4um66hYOSbS-B1vGWBkffQ9cU1h0/s640/mozilla.jpg" width="640" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Pencerenin sağ ve alt tarafında bir çubuk görüyorsunuz.Bu çubukları sola, sağa veya yukarı, aşağıya çekerek pencereyi küçültüp, büyütebiliriz.Veya sol üstte görmüş olduğunuz piksel sayılarının ( 1305x600 ) bulunduğu butona tıklayarak açılır pencerenin açılmasını sağlayabilirsiniz.Orada belirli pikseller bulunmakta. Bu pikseller sayesinde sitenizi tamamen responsive bir şekilde ayarlayabilirsiniz. Dilerseniz sol üstte bulunan butonların ne işe yaradığından bahsedelim.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Sol üstte bulunan çarpı " x " kısmına basarsak açmış olduğumuz responsive modunu kapatabilirsiniz. Tekrar aynı kombinasyonu yaparak açabilirsiniz. Sağ tarafa doğru yatmış bir ok işareti görüyorsunuz. O butona tıklayarak en fazla 1 kere olmak şartıyla yaptığınız işlemi geri alabilirsiniz ( photoshop'ta bulunan ctrl+z gibi ). </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Sağ tarafta bulunan kamera işaretine tıklayarak ise şuanda bulunduğunuz sayfanın resmini indirebilirsiniz ( yanda bulunan çubuklar ve siyah taraf gözükmeyecektir ).</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Tabi Front End yazılımcılarının bunu kullanması şart değil.İstediğiniz tarayıcıyı kullanabilirsiniz...</div>
<div style="text-align: left;">
Başka bir makale de görüşmek üzere hoşçakalın.</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-48508668903780853142016-11-07T20:19:00.000+03:002016-11-08T17:27:14.644+03:00Bootstrap Nedir? Nasıl Kullanılır?Günümüzde internet sitelerini kodlara dökerek para kazanmak çok yaygın. Yazılan bütün sitelere çok fazla emek harcanmıştır. Son dönemde responsive( mobil uyumlu görünüm ) çok tercih edilen bir özelliktir. Ki bu da, başlı başına bir emek.Bu konuda da yardımımıza " bootstrap " yetişiyor. Bootstrap, kullanıcılara çok büyük bir kolaylık sağlayarak yardım eden hazır css ve jquery döküman dosyalarıdır. Bu yazımızda ise bootstrap'ı biraz anlatarak nasıl kullanılır onları göstereceğim. Kullanıcılar sadece html kodlarını yazarak hızlı bir şekilde basit bir görünüm elde edebilir. Bootstrap bu konuda bize çok büyük bir hız sağlıyor. Eğer eliniz bir yerden sonra alışmaya başlarsa internet sitelerini yazmak çok basit olacak.Ancak bootstrapı tamamiyle anlayabilmek için günlerinizi vermeniz gerekmekte.<br />
<br />
Bootsrap'ın internet sitesine <a href="http://getbootstrap.com/">buradan</a> ulaşabilirsiniz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWzxuMFvRMrNWqWhwzA8sp6GA0AhwTotmtktbkY4a0pUniEl5fnV694EKPoIYiIz1dJJi1l7GgccOpg2_wxW2MH1MPt_scUAOX8Wp6i7LmvruE2DnA_YCeHiG0REviZTEk6wkYLd2n3E/s1600/bootstrap-anasayfa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWzxuMFvRMrNWqWhwzA8sp6GA0AhwTotmtktbkY4a0pUniEl5fnV694EKPoIYiIz1dJJi1l7GgccOpg2_wxW2MH1MPt_scUAOX8Wp6i7LmvruE2DnA_YCeHiG0REviZTEk6wkYLd2n3E/s640/bootstrap-anasayfa.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Siteye ilk girdiğinizde sizi bu sayfa karşılıyor. Bu sayfadan ana ekranda görülen " Download Bootstrap" butonuna tıklayarak bootstrap döküman dosyalarını indirebilirsiniz. " Getting started " butonuna tıklayarak ise ( hiçbir şey bilmiyorsanız ) buradan html dökümanına nasıl ekleneceği, Windows dışında ki başka işletim sistemlerine nasıl indirileceğini, Basic Template'i nasıl kullanacağınızı ( fare tekerleğinizi aşağıya doğru kaydırarak ulaşabilirsiniz ) veya hazır yazılmış dökümanları görebilirsiniz ( Examples yazan yere ulaşmak için ise tekrar fare tekerleğini biraz aşağı indirmelisiniz ).<br />
<br />
Menüde ki css yazan yazıya tıklarsanız, size bootstrap üzerindeki css ile yazılmış bütün örnekleri gösterecektir. Birde yanında nasıl kullanılacağına dair kod'ta yazmaktadır. Buradan bootstrap nasıl kullanılabilir öğrenebilirsiniz. Getting started sayfasında ki " examples "ta bulunan şablonları teker teker yaparsanız bootstrap'ı yeteri kadar öğrenmiş olursunuz.Ek kaynak almak istiyorsanız internetten videolar izleyebilir, makaleler okuyabilirsiniz.<br />
<br />
Components sayfasına girdiğimiz zaman bizi ikonlar karşılıyor. Görmüş olduğunuz bütün ikonların nasıl kullanılacağına dair bir kodlu örnekte hemen altında bulunmakta.Bu sayfada açılır menüler, menü barları, onaylandı veya onaylanmadı gibi hazır yazılmış css dökümanlarını görebilirsiniz.Buradan da bootstrap hakkında bilgiler edinebilirsiniz.<br />
<br />
JavaScript sayfasına girerek hangi dosyayı yüklediğimize ve neler yapılabileceğine göz gezdirebilirsiniz.Javascript ile kullanıcıların, siteyi daha basit, hızlı ve güzel kullanabilmelerini sağlayabilirsiniz.<br />
<br />
Customize sayfası ise hazır yazılmış olan css dökümanları ile oynama yapmamızı sağlıyor.Bootstrap'ın en önemli kısmı da bu zaten.Diğer sitelerden farklı olmasını istiyorsanız customize yaparak sitenizi farklı bir site haline getirebileceksiniz.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-17418494936866207342016-11-06T17:59:00.001+03:002016-11-08T17:26:41.235+03:00Animate CSS Nedir? İnternet sitesini html ve css kodları ile hazırlarken bazen butonlarda veya yazılarda animasyonlara ihtiyaç duyabiliriz.Bu animasyonlar internet sitelerinin olmazsa olmazıdır.Ziyaretçilerin gözüne güzel gözüken bir animasyon yaparak, ziyaretçilerin internet sitenizde daha uzun bir süre kalmasını ve daha sonra tekrar ziyaret etmelerini sağlayabilirsiniz.<br />
Animasyonlar sadece yazılarda ve butonlarda olmayabilir.Tamamen yazılımcının hayal gücüne kalmıştır.Sadece animasyonlar sayesinde internet siteleri de yapabiliriz.Örnek olarak, uzay boşluğunda süzülen bir uzay gemisi veya fare tekerleği ile hareket eden bir adam,araba,uçak,bisiklet vb. şeyler yapabilirsiniz.Yukarıda da dediğim gibi tamamen yazılımcının hayal dünyasına kalmış birşey.Ancak birazdan vereceğim css dökümanında bunları yapmak pek mümkün değil.<br />
<br />
Animate.css dökümanını indirmek için gerekli olan internet sitesine <a href="https://daneden.github.io/animate.css/">buradan</a> ulaşabilirsiniz.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYD-hh5wylXerZqkBl3NEo0y8fAb1zgj4i3Ungm2fonogKIv35wWvpFVrgNY2xYcDLz-YF7JBB9mlZnoPrg2_dBfcqYelqTFPIeEmAqgUYyidJwmTro-7sEHEG1qTSljWc6zbyNXSMm4/s1600/animate.jpg" imageanchor="1"><img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYD-hh5wylXerZqkBl3NEo0y8fAb1zgj4i3Ungm2fonogKIv35wWvpFVrgNY2xYcDLz-YF7JBB9mlZnoPrg2_dBfcqYelqTFPIeEmAqgUYyidJwmTro-7sEHEG1qTSljWc6zbyNXSMm4/s640/animate.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
İnternet sitesine girdiğiniz taktirde, yukarıdaki resimde görmüş olduğunuz bir ekran sizi karşılayacak .</div>
<div class="separator" style="clear: both; text-align: center;">
(Kırmızı çerçeveler ve 1,2,3,4 sayıları haricinde)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Sayılarla belirtmemin sebebi ise siz okuyucularımıza daha rahat bir şekilde anlatmak istememden dolayıdır.O zaman siteye bir göz atalım.Resimde de gördüğünüz gibi "1" ile yazılan yere tıkladığınız taktirde sizi açılan bir pencere karşılayacak.Açılan pencerede dilediğiniz yazıya tıklayarak bütün animasyonları teker teker deneyebilirsiniz.Aralarından herhangi bir animasyonu beğendiğinizi varsayarak yazıya devam ediyorum."2" ile belirttiğim dikdörtgene yani "Animate it" yazısına tıklayarak yan tarafta seçtiğiniz animasyonun, nasıl bir animasyon olduğunu görebilirsiniz.İstediğiniz gibi 1. karede seçtiğiniz animasyonu değiştirebilirsiniz.Tekrar tekrar deneyerek Animate.css'de hangi css'ler olduğunu görebilirsiniz.Animasyonlara teker teker göz gezdirdiniz ve hoşunuza gitti diye düşünürek yazıma tekrar devam ediyorum."3" ile belirttiğim dikdörtgene yani "Download Animate.css" yazısına tıkladığınız zaman Animate.css dökümanını indirebilirsiniz.İndirdiğiniz taktirde html dosyanızı açarak "<head>" tagları arasına css dökümanını ekleyebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
"4" ile belirttiğim dikdörtgene yani "View on Github" yazısına tıklayarak aşağıda ki resim ile birebir aynı sayfa göreceksiniz.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZGPwFP9KspP1aXQzx6IoBswkWJsa9-Vn7V8s942LbJQjanFktezD2D-ljZjIukjwdog-QeDWbrS81t__6tFJOHgh0_f5lh9ivXRGbRtYM8bQ3E-lU7vQXxfARfc_uRyh4hnrsab_Sy0/s1600/animate-2.jpg" imageanchor="1"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZGPwFP9KspP1aXQzx6IoBswkWJsa9-Vn7V8s942LbJQjanFktezD2D-ljZjIukjwdog-QeDWbrS81t__6tFJOHgh0_f5lh9ivXRGbRtYM8bQ3E-lU7vQXxfARfc_uRyh4hnrsab_Sy0/s640/animate-2.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Görmüş olduğunuz resimde metin belgelerini göreceksiniz.Dilediğiniz gibi bunları açarak kontrol edebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: center;">
Animate.css dosyasını indirdiniz ve html dosyanıza eklediniz.Peki nasıl kullanacağım?</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Dediğim gibi animate.css hazır css dökümanı olduğu için kullanımı çok basittir.Örnek verecek olursak, bir "h1" tagını ele alalım.İşimiz sadece "h1"e sınıf(class) vermek.Aşağıda bir örnek yazım bulunmakta:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<h1 class="animated infinite bounce">Örnek Başlık</h1></div>
<div class="separator" style="clear: both; text-align: center;">
Sondaki "bounce" yazısı animayonumuzun sınıfıdır.Dilediğiniz taktirde değiştirebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Başka makalelerde görüşmek üzere hoşçakalın.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-59654694036092232372016-10-29T11:17:00.000+03:002016-10-29T11:17:12.397+03:00Blogger Otomatik Resim Boyutu Ayarı<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvhW6-YUgB9pJ8Flr-n7t27ZfgcoT_AXa1W-yd7CPsUFB0lNT923qPoUWM86jSPZfHwlVRkXHMtVrQCbjmaRTZ0meOxJBo_IfV9Db4m_0lbVtDAAsGajgs8VRDisXAe35poeuYbIXkK0/s1600/blogger-foto-galeri.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvhW6-YUgB9pJ8Flr-n7t27ZfgcoT_AXa1W-yd7CPsUFB0lNT923qPoUWM86jSPZfHwlVRkXHMtVrQCbjmaRTZ0meOxJBo_IfV9Db4m_0lbVtDAAsGajgs8VRDisXAe35poeuYbIXkK0/s400/blogger-foto-galeri.jpg" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Merhaba arkadaşlar bugün size sitenizdeki resimleri nasıl kolay bir şekilde boyut ayarı yapılır onu göstereceğim. Sık sık tema değiştiren hep daha iyisini arayan arkadaşların en büyük problemidir bu, yeni temaya geçince resimlerin taşması veya küçük kalması yapacağımız ufak bir kod değişikliği sayesinde bu sorundan kalıcı bir şekilde kurtulacağız.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
İlk olarak yapmamız gereken her zamanki gibi blogger yönetici panelimize gelip <b>Şablon > HTML'yi Düzenle </b>demek olacak bu işlemi gerçekleştirdiğimizde karşımıza html kodlarımız gelecektir <b>CTRL+F </b>tuşlarının yardımıyla <span style="background-color: #f8f8f8; font-style: inherit; text-align: justify;"><b><span style="font-family: inherit;">]]></span></b></span></div>
kodunu aratın ve bir üst satırına aşağıdaki kodları kopyalayıp yapıştırın.<br />
<pre style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dFv5hE4qkn4HfJVtazZGqHH7xVdI20m3cHLBjJ7FkArmpr2XpoXbEcLWVOXBWfq8cilVj0WCP0gTnCa7e1G_Vn9DQQGRNF396glKozs6HBBatt7KD_SyiGsjsDKbq9kw9vzof0aEpOk/s1600/kod.png") right top no-repeat rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: PFBeauSansProBbookRegular, Verdana, sans-serif, monospace; font-size: 12px; outline: 0px; overflow: auto; padding: 5px; text-align: justify; vertical-align: baseline;"><code style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}</code></pre>
<div style="text-align: left;">
<span style="background-color: #f8f8f8; font-style: inherit; text-align: justify;"><span style="font-family: inherit;"><br /></span></span>
<span style="background-color: #f8f8f8; font-style: inherit; text-align: justify;"><span style="font-family: inherit;">Son olarak <b>Şablonu Kaydet </b>diyerek işlemi bitiriyoruz. Hepsi bu kadar umarım işinize yaramıştır.</span></span></div>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-711697823992938534.post-67693728467294037182016-10-19T18:01:00.000+03:002016-10-19T18:01:40.854+03:00Blogger Site İstatistikleri Eklentisi<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxiLqoo8yufPG65jirViYzQoDAmtu_wKKOqVQQ4MljR3WM_HBcrXu8TG_V8uWnUVeClaL1r7aSMAVsnoXV9WC1HB5mhGR5jA3l32jW2Id6LVQfCwt-eRLY8WT_Kj68dZmMV70oaQ-gPEU/s1600/1.png" imageanchor="1"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxiLqoo8yufPG65jirViYzQoDAmtu_wKKOqVQQ4MljR3WM_HBcrXu8TG_V8uWnUVeClaL1r7aSMAVsnoXV9WC1HB5mhGR5jA3l32jW2Id6LVQfCwt-eRLY8WT_Kj68dZmMV70oaQ-gPEU/s400/1.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Blogger kullanıcılarının çoğunda gördüğüm güzel bir eklenti özellikle footer kısmına eklediğinizde güzel bir görüntü oluşturuyor. Hem sitenizi ziyarete gelmiş insanlar makalenizi okumayı bitirdiğinde siteyi araştırmaya başlayacaktır. Footer kısmına geldiklerinde siteyi özetleyen bu istatistikleri görmeleri hoş olur. Benim de buna benzer bir eklenti kullandığımı düşünürsek her blogcunun kullanmasını tavsite ediyorum. Gelelim bu eklentiyi nasıl ekleyeceğimize.<br />
<br />
<div style="text-align: left;">
Aşağıda verdiğim kodları blogger panelinden <b>Yerleşim > Gadget Ekle > HTML/JavaScript Ekle </b>yolunu izleyerek ulaştığımız kutuya yapıştırıyoruz.</div>
<div style="text-align: left;">
<br /></div>
<pre style="background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; color: #666666; font-size: 16px; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px; text-align: left;"><code style="color: #272727; font-family: "Courier New", Courier, monospace; font-size: 12px; margin: 0px; padding: 0px;"><span style="font-family: times, "times new roman", serif; margin: 0px; padding: 0px;"><script style="text/javascript">
function numberOfPosts(json) {
document.write('Toplam Yazı: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Toplam Yorum: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://bloggereklentideposu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://bloggereklentideposu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font></span></code></pre>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Kodları ekledikten sonra <b>Kaydet </b>butonuna basmayı unutmayın.</div>
<br />
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-711697823992938534.post-50523233551485897052016-10-17T17:32:00.001+03:002016-10-17T17:32:44.858+03:00Blogger Sosyal Medya Eklentisi-Hareketli<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHIwMMT0VPN1gL3jIk4Pr54F09Z3VgrTrezIOhFTwOVo4DDA7jOFyHdxJ4VmsG1nIOfU9ZAQjQaj2THGuGGf1MZJZaszvfEA9IAiHv32oDoatsy1weAW8Q5KxvUfySKsC1QE64Lw4UrxFs/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHIwMMT0VPN1gL3jIk4Pr54F09Z3VgrTrezIOhFTwOVo4DDA7jOFyHdxJ4VmsG1nIOfU9ZAQjQaj2THGuGGf1MZJZaszvfEA9IAiHv32oDoatsy1weAW8Q5KxvUfySKsC1QE64Lw4UrxFs/s400/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Merhaba arkadaşlar bugün gene güzel bir o kadar da şık bir sosyal platform eklentisi ile karşınızdayım. Normalde siyah beyaz bir görüntü ile ziyaretçilerinizin karşısına çıkacak olan bu eklentinin üzerine gelindiğinde asıl renkleri ortaya çıkıyor ve diğer eklentilerden değişik olduğunu gösteriyor. Kullandığınız temanızda sosyal butonlar yok veya beğenmediyseniz her siteye uygun bu eklenti tam da size göre tasarlanmış. Eklentinin demosunu aşağıda verdiğim giftten görebilirsiniz.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw9farKD6Oq8Nafu3Xj2ie8ptOoyrmhIlgea1OTnyFPDeV_5JBV9Wy7UnBLAHRFHjLffZxOFHzgmorFsoaIPzx38XhcI57v-X_5ElfLzj-gNyfe_klajtAacoadG_hJld61WDliQzWcaN/s1600/Touch+Me.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRw9farKD6Oq8Nafu3Xj2ie8ptOoyrmhIlgea1OTnyFPDeV_5JBV9Wy7UnBLAHRFHjLffZxOFHzgmorFsoaIPzx38XhcI57v-X_5ElfLzj-gNyfe_klajtAacoadG_hJld61WDliQzWcaN/s400/Touch+Me.gif" /></a><br />
<br />
Hemen gelelim bu eklentiyi sitemize nasıl ekleyeceğimize.<br />
<br />
Blogger panelinden <b>Yerleşim </b>sayfasına giderek sosyal butonların nerede gözükmesini istiyorsanız oradaki <b>Gadget Ekle </b>butonuna basıyorsunuz ve karşınıza gelen seçeneklerden <b>HTML/JavaScript Ekle </b>diyerek aşağıda verdiğim kodları kendinize göre düzenleyerek ekliyorsunuz son olarak <b>Kaydet </b>demeniz ile bu eklentiyi başarı ile kurmuş oluyorsunuz.<br />
<br />
<br /></div>
<div class="code">
<span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><style></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">/*--------Touch Me Sharing Widget ------*/</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">display:block;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">height:50px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">width:50px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">padding:0 4px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">float:left;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">-webkit-transition: ease-in 0.2s all; </span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">-moz-transition: ease-in 0.2s all; </span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">-o-transition: ease-in 0.2s all; </span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">-ms-transition: ease-in 0.2s all; </span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">transition: ease-in 0.2s all;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">cursor:pointer;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.googleplus {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -58px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.googleplus:hover {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px 0px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.twitter {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -290px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.twitter:hover {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -232px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.facebook {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -406px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.facebook:hover {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -348px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.rss {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -174px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">.touchme a.rss:hover {</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">background-position: 0px -116px;</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">}</span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"></style></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><div class='touchme'></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><!--RSS--></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><a class='rss' href="</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><span style="color: red;">YOUR RSS LINK</span></span><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">" rel='external nofollow' target='_blank'></a></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><!--Google Plus--></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><a class='googleplus' href="</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><span style="color: red;">YOUR GOOGLE PROFILE LINK</span></span><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">" rel='external nofollow' target='_blank'></a></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><!--Facebook--></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><a class='facebook' href="</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><span style="color: red;">YOUR FACEBOOK LINK</span></span><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">" rel='external nofollow' target='_blank'></a></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><!-- Twitter --></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><a class='twitter' href="</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"><span style="color: red;">YOUR TWITTER LINK</span></span><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;">" rel='external nofollow' target='_blank' ></a></span><br style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;" /><span style="background-color: white; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic;"></div></span></div>
<br />
Kodları sitenize eklemeden <span style="color: red;">kırmızı </span>ile belirttiğim yerleri kendinize göre düzenlemeyi unutmayın.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-47799728934968367502016-10-16T11:09:00.000+03:002017-07-12T22:59:40.116+03:00Name.com Blogger Domain-Alan adı Nasıl Yönlendirilir ?<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1CcH_uHcuqNEU0LCtYZb0KiERtBDgltoNM1R8PkmpPfbjBPZu7KymW_m3Q78ViGziUL25gdOQb6NPzj25-92ZjfwrySmh2NFi6eA4qn1txnmTgRIheqQ4uJzjs7-1a6gmUe71XBfqtRb/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1CcH_uHcuqNEU0LCtYZb0KiERtBDgltoNM1R8PkmpPfbjBPZu7KymW_m3Q78ViGziUL25gdOQb6NPzj25-92ZjfwrySmh2NFi6eA4qn1txnmTgRIheqQ4uJzjs7-1a6gmUe71XBfqtRb/s400/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Son zamanlarda yapmış olduğu büyük indirimler sonucunda tanıştığım bir firma name.com fiyatları oldukça uygundu ve beni kendilerine çektiler. Aldığım domain ise 5 dk bile olmadan aktifleşti ve kullanmaya başladım. Şimdilik herhangi bir sorun yaşamadık hal böyle olunca Blogger için yönlendirme yapmasını anlatmak istedim. Diğer alan adı firmalarına göre oldukça kolay bir sistemi var lafı fazla uzatmadan hemen konuya dönelim.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Alan adınızı seçtikten sonra ödemenizi yapıyorsunuz domain sizde olduğuna göre başlayabiliriz bu kısmı yapmış olduğunuzu farz ediyorum.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Menüye gelerek <b>Domains </b>tuşuna basın açılan bölümde <b>my domains </b>butonuna gidiyoruz.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wIp9VbzsdZRhHSvIT2DNnJR_ATi_Dcc0AyOpl8Z8g2Q0HFSbUXmskEJ9-W4MBk2jT-ev9ls1tyP-sAym_ayuWENt689lIeOQwZjDAarxJ_YxbdXljJGeeVdf6SadmyBucYK7cOZig8Uq/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wIp9VbzsdZRhHSvIT2DNnJR_ATi_Dcc0AyOpl8Z8g2Q0HFSbUXmskEJ9-W4MBk2jT-ev9ls1tyP-sAym_ayuWENt689lIeOQwZjDAarxJ_YxbdXljJGeeVdf6SadmyBucYK7cOZig8Uq/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Bu sayfada aldığınız alan adı gözükecek üzerine tıklayarak onunla ilgili ayarlamaları yapmaya çalışacağız. Hemen satın aldığınız alan adına tıklayın.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-g2qSm_-6OcnVWMmiaJpau6mYfH7mm2T9PP1-kNsCck5wQdgnO3DLYPsQiTi8uYUJx7GckeOwSOidcnNHCYFoc5F1ODvRHcJrH6vOGqIVUU_9H2MmRCJE7qk6JJl-FQbgTT3dB0XdlDp/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-g2qSm_-6OcnVWMmiaJpau6mYfH7mm2T9PP1-kNsCck5wQdgnO3DLYPsQiTi8uYUJx7GckeOwSOidcnNHCYFoc5F1ODvRHcJrH6vOGqIVUU_9H2MmRCJE7qk6JJl-FQbgTT3dB0XdlDp/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
İşte geldik alan adınızın ayarlarının bulunduğu bölüm ayarlarımızın çoğunu buradan yapacağız sol tarafta bulunan dikey menüyü kullanarak <b>DNS Records </b>sayfasına giriyoruz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aEYqQogNxhy-q05kLlNFEy-hKpq9wudnzqTKzuJ8l0U2hMgkbjTmL6cpO2yRbZ94na9C7oTVDHQ9L5AfEbdspVB_dZvSg2itz12X7SNQRhQUgF2DMPqFN62hnMn6V1_LCS5HT6L_AuGT/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aEYqQogNxhy-q05kLlNFEy-hKpq9wudnzqTKzuJ8l0U2hMgkbjTmL6cpO2yRbZ94na9C7oTVDHQ9L5AfEbdspVB_dZvSg2itz12X7SNQRhQUgF2DMPqFN62hnMn6V1_LCS5HT6L_AuGT/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="252" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Şimdilik sitede işimiz kalmadı bu sayfayı kapatmadan bekletin. Blogger paneline giriş yapın ve sol taraftaki menüden <b>Ayarlar > Temel </b>bölümüne gelin karşınıza gelen ekranda <b>Blogunuz için üçüncü taraf bir URL ayarlayın </b>yazısına tıklayın</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rIGjpv4RkauF__HdwD53vZ-sb5ObUi0DYoy7QlXk2DobbBKKM9M_Tv0V4c1qseDy4PPGJsmSkkja7EJxlMvQ6oVOMnnhyNaRhIVD3TikYHEG3H3qiT8gMSLqCuXWlmZ3oC9ACfmxTakx/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rIGjpv4RkauF__HdwD53vZ-sb5ObUi0DYoy7QlXk2DobbBKKM9M_Tv0V4c1qseDy4PPGJsmSkkja7EJxlMvQ6oVOMnnhyNaRhIVD3TikYHEG3H3qiT8gMSLqCuXWlmZ3oC9ACfmxTakx/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Açılan alana satın almış olduğunuz domain ismini www.alanadi.com şeklinde girin ve <b>Kaydet </b>diyin. Henüz ayarlamaları yapmadığımız için bize bir hata verecektir bu sayfayı sakın kapatmayın.</div>
<div style="text-align: center;">
<br />
<a href="https://www.blogger.com/blogger.g?blogID=711697823992938534" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zjpmZmTjx0PmZQr0tNK0KIlm23HxPvggKFjjsLp3l_-yjmczXiHHvt0ffqf_tSSp3nYd-xqJWfK61VJGaeW3H7hL29y1Ohy-RtSub2_JZpA6onrbz9r-2jFO9Ub9QXBQTR1s4PcqnvNV/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zjpmZmTjx0PmZQr0tNK0KIlm23HxPvggKFjjsLp3l_-yjmczXiHHvt0ffqf_tSSp3nYd-xqJWfK61VJGaeW3H7hL29y1Ohy-RtSub2_JZpA6onrbz9r-2jFO9Ub9QXBQTR1s4PcqnvNV/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a><br />
<br />
Bu hatayı aldıktan sonra name.com adresine dönelim aşağıda verdiğim tablodaki gibi kodları teker teker yerleştirerek ekleyin.</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<table cellpadding="0" cellspacing="0" style="text-align: center;">
<tbody>
<tr>
<th>Type</th>
<th>Host</th>
<th>Answer</th>
</tr>
<tr>
<td>CNAME</td>
<td>www.siteadi.com</td>
<td>1 Numaralı Kod</td>
</tr>
<tr>
<td>CNAME</td>
<td>2 Numaralı Kod</td>
<td>3 Numaralı Kod</td>
</tr>
<tr>
<td>CNAME</td>
<td>siteadi.com</td>
<td>1 Numaralı Kod</td>
</tr>
</tbody>
</table>
<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtFfhUsvgpA55vIz0i5uOAUGvLKIa4sCskgTT4K8UDtJUQPaJz69gp18nkkZjL2LVG0NMAJ9FUe5imT74sfHOUO97FylSGmEhXLk2UFFJZLOQnxULq8Cl-sLvH5Xsc0zzUl4WzO8GEyYPR/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtFfhUsvgpA55vIz0i5uOAUGvLKIa4sCskgTT4K8UDtJUQPaJz69gp18nkkZjL2LVG0NMAJ9FUe5imT74sfHOUO97FylSGmEhXLk2UFFJZLOQnxULq8Cl-sLvH5Xsc0zzUl4WzO8GEyYPR/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Yukarıda gösterdiğim şekilde DNS ayarlarınızı yaptıysanız domain kayıt işlemini başarılı bir şekilde yapmışsınız demektir. Son eklediğimiz DNS sitenize www olmadan girmenize yarar. Şimdi blogger paneline gidip <b>Kaydet </b>diyoruz. Alan adımız artık yönlendiriliyor. Artık son bir adım kaldı kaydet dedikten sonra alan adınız gözükmeye başlar hemen yan tarafından <b>Düzenle</b> diyoruz karşımıza çıkan </div>
<blockquote class="tr_bq" style="text-align: center;">
siteadı.com adresini www.siteadı.com adresine yönlendirilsin mi ?</blockquote>
<br />
sorusuna onay verip tekrar <b>Kaydet </b>diyoruz bütün işlemleri tamamladık artık sitenize yeni ismiyle girebilirsiniz.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-711697823992938534.post-73516693193257315192016-10-15T08:18:00.000+03:002016-10-15T08:18:16.155+03:00Blogger dan Beklenen Yenilik<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb4fpsSHWZc8DbMk1UOOzfvWKXnpsx964Kx53BVM8Ijkgf3PDH_YVTLtcCb-kZlLCe_jOVnl7RZVQbORIC5_7VyNTGXCkhXGA3rRTo0dQvAZMFkcd-yl4mUCjYdz7Tc1tMEwQlQJw-YF0/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb4fpsSHWZc8DbMk1UOOzfvWKXnpsx964Kx53BVM8Ijkgf3PDH_YVTLtcCb-kZlLCe_jOVnl7RZVQbORIC5_7VyNTGXCkhXGA3rRTo0dQvAZMFkcd-yl4mUCjYdz7Tc1tMEwQlQJw-YF0/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<br />
<br />
Sonunda blogger da kendine özgü bir giriş sayfası yaptı. Blogger Google ürünlerini kullandığı için böyle bir sayfaya ihtiyaç duymuyordu. Son yapılan değişikliklere göre blogger.com adresinde sizi görsel açıdan memnun edecek görüntüler bulacaksınız.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGM3_7Ck7DPtmhoJYKmmeikNNm41CETIOfpmk_IxYLG5J6JVx2Xy3pXk5vwG7DpNySW_K0FP8yXwOcS4WOO5rajYlTBrMAWy0ZnyLtSuPy3aNxP2ydNeCASrjv4R-B_eQ2OC6bIvC4J8w/s1600/Yeni+Bit+E%25C5%259Flem+Resmi+%25282%2529.bmp" imageanchor="1"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGM3_7Ck7DPtmhoJYKmmeikNNm41CETIOfpmk_IxYLG5J6JVx2Xy3pXk5vwG7DpNySW_K0FP8yXwOcS4WOO5rajYlTBrMAWy0ZnyLtSuPy3aNxP2ydNeCASrjv4R-B_eQ2OC6bIvC4J8w/s640/Yeni+Bit+E%25C5%259Flem+Resmi+%25282%2529.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Benin daha önceden eksikliğini farkettiğim bir konuydu bu aslında diğer blog sitelerine giriş yaparken karşınıza sistemin nasıl çalıştığı ve burada neler yapabileceğiniz konusunda bilgiler veriyor buda yeni kullanıcıların daha kolay adapte olmalarına yarıyor diyebiliriz.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQ1tyVEr6Ctktw41Jm5iqKV9WLmkUwm0A1ysrABzBpZNFAXwHoJr4k3aCibAmxDL_Tatdv_wXry_fnYqRn-7HC0d6sDsT87BYPl7VEOvUxRUI3TYb-wm1Io6htDozfYB6ZkYNlJRZmSmf/s1600/Yeni+Bit+E%25C5%259Flem+Resmi+%25283%2529.bmp" imageanchor="1"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQ1tyVEr6Ctktw41Jm5iqKV9WLmkUwm0A1ysrABzBpZNFAXwHoJr4k3aCibAmxDL_Tatdv_wXry_fnYqRn-7HC0d6sDsT87BYPl7VEOvUxRUI3TYb-wm1Io6htDozfYB6ZkYNlJRZmSmf/s640/Yeni+Bit+E%25C5%259Flem+Resmi+%25283%2529.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Benim oldukça hoşuma gitti bu tasarım aşağı indikçe ücretsiz alan adından tutun nasıl para kazanabileceğiniz anlatılmak isteniyor. Belki de blogger bu çalışma ile daha çok insanı kendine çekmeyi amaçlıyor.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv1LGezqEv1jM9jhw3XieIxHHNbJLI-W2BrW0ZIFV1Cpc3y757n58H7cmo7-xbmVzzCABP5rOyyjL9wiDYUl2fZZRHR92uLh5Uqju_Ma6_tYi-kZ-xNwvBuzxzUh8dey1nN4uEZevN6DrK/s1600/Yeni+Bit+E%25C5%259Flem+Resmi+%25284%2529.bmp" imageanchor="1"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv1LGezqEv1jM9jhw3XieIxHHNbJLI-W2BrW0ZIFV1Cpc3y757n58H7cmo7-xbmVzzCABP5rOyyjL9wiDYUl2fZZRHR92uLh5Uqju_Ma6_tYi-kZ-xNwvBuzxzUh8dey1nN4uEZevN6DrK/s640/Yeni+Bit+E%25C5%259Flem+Resmi+%25284%2529.bmp" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Ne olursa olsun blogger iyi bir çalışma yapmış hakkını vermek gerekir. Artık sizlerle buluşurken daha renkli ve eğlenceli bir panelden geçerek geleceğiz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-711697823992938534.post-9649887675855068602016-10-09T11:54:00.000+03:002016-10-09T11:54:57.494+03:00Tekil ve Çoğul Hit Nedir ?<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YaRwpG61GmGN6RpuE5rqKxAHrPClPW3hM4U2Ph1PFTUdvHNbBrfDS3f-bH0t_v5UYUpu_gpdSESP5S97RitK6G7_t-4HXVcFvPT4xlW9DSUiIfB8rAfMik-ZwtWuC_gCRyp81YCRbxXs/s1600/tekil-hit-ve-cogul-hit.jpg" imageanchor="1"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YaRwpG61GmGN6RpuE5rqKxAHrPClPW3hM4U2Ph1PFTUdvHNbBrfDS3f-bH0t_v5UYUpu_gpdSESP5S97RitK6G7_t-4HXVcFvPT4xlW9DSUiIfB8rAfMik-ZwtWuC_gCRyp81YCRbxXs/s640/tekil-hit-ve-cogul-hit.jpg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Mutlaka duymuşsunuzdur tekil ve çoğul hit kavramlarını merak edip araştırdığınızda sitenize gelen ziyaretçilerin yaptıkları işlere göre tekil veya çoğul olduklarını görürsünüz. Bu yazıyı yazmamda ki asıl sebep bazı arkadaşların tıklanmayı tekil hit zannetmeleri. Yazımı okumayı bitirdiğinizde artık tekil ve çoğul hitin farklarını daha net anlayabileceksiniz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><b>Tekil Hit Nedir ?</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Tekil hit sitenize farklı ip adreslerinden gelen ziyaretçi sayısını belirten bir kavramdır. Örnek vermek gerekirse sitenize 5 farklı yerden giriş yapıldığında istatistiklere 5 tekil hit olarak düşer.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><b>Çoğul Hit Nedir ?</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Çoğul hit genel olarak tekil hitten daha fazla olur. Bunun nedeni çoğul hitin gelen ziyaretçilerin girdiği sayfa sayısını söylemesidir. Örneğin sitenizi ziyaret eden bir kişi 5 makale okudu ve sitenizden ayrıldı. Bu ziyaretçinin istatistikleri 1 Tekil 5 Çoğul hit olarak geçer.</div>
Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-711697823992938534.post-72127757134745246062016-10-09T11:23:00.000+03:002016-10-09T11:23:41.557+03:00Blogger Siteye Mp3 Çalar Nasıl Eklenir ?-Müzik Çalar Eklentisi<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9C_fN7V-WNGcJq2TY8es27xwJDAMAhtaeaQVRVo4U9g5Dd3HhVO3stM1RfMkl046NdYKJJxr04FOCzzhonxjJXsgjpHvQ8JxYZWIiJ4OQE8B0zfBl7V7IKc_g7YtOxHGyhBdyrxwNd0RV/s1600/SCM-Music-Player_2.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9C_fN7V-WNGcJq2TY8es27xwJDAMAhtaeaQVRVo4U9g5Dd3HhVO3stM1RfMkl046NdYKJJxr04FOCzzhonxjJXsgjpHvQ8JxYZWIiJ4OQE8B0zfBl7V7IKc_g7YtOxHGyhBdyrxwNd0RV/s400/SCM-Music-Player_2.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Yeni bir makale ile karşınızdayım bugün sitenize bir müzik çalar nasıl eklenir adım adım bunu göstereceğim. Ziyaretçilerinize istediğiniz parçaları dinletmek isteyen yazarlar için işe yarar bir hizmet. Hemde oldukça fazla renk seçeneği mevcut. Konuyu fazla uzatmadan nasıl ekleme işlemini gerçekleştireceğinizi anlatayım. Yapmanız gereken ilk şey <a href="http://scmplayer.net/" target="_blank">buradan</a> siteye gitmek olacak.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Karşımıza gelen ekrandan sitemizde görmek istediğimiz müzik çalar şeklini seçmemiz gerekiyor eğer hiçbir ayarlama yapmadıysanız en çok tercih edilen seçenekler karşınıza çıkar ama ben daha fazla seçeneğe göz atmak istiyorum derseniz aşağıdan <b>4000+ Custom Skins </b>linkine basmanız yeterli diğer 4000 mp3 çalar seçeneğine de göz atabilirsiniz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjq9KM-0TqVLFU4ivXsKGG2JSAEWI_hnMhcw8xZVSMjnDopp3a0MgklsINEgEkPQkuUGVGTebilomgE07i78u6rig8LONFANp3dYbAaC3hBCGVLL7-F3qTQKebfsqPVjPYbHV7lGl02RF/s1600/SCM-Music-Player_2.png" imageanchor="1"><img border="0" height="523" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjq9KM-0TqVLFU4ivXsKGG2JSAEWI_hnMhcw8xZVSMjnDopp3a0MgklsINEgEkPQkuUGVGTebilomgE07i78u6rig8LONFANp3dYbAaC3hBCGVLL7-F3qTQKebfsqPVjPYbHV7lGl02RF/s640/SCM-Music-Player_2.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
İstediğimiz şekli seçtiğimize göre <b>Next </b>diyoruz ve karşımıza aşağıdaki gibi bir ekran geliyor buradan çalmak istediğimiz şarkıları ekleyeceğiz sol tarafa şarkıların isimlerini sağ tarafa ise şarkıların linklerini eklemelisiniz. Linkleri kendi veri tabanınızdan çekebilir eğer böyle bir imkanınız yok ise YouTube üzerinden linklere ulaşabilirsiniz. Şarkı sayısını arttırmak için <b>Add More Songs </b>butonunu kullanabilirsiniz. Şarkı listemizi oluşturduktan sonra <b>Next </b>butonuna basarak sonraki sayfaya geçiyoruz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhE_oxoS2wUEOK1ID04PcUQyMpysPEyvAKvFoV4CWZ32g_x5rmzbbsrOSAkHlzxpUkGxEl8flKWapcbXhwNP6FsSR1Rm3ASAB-1bbJ9IDfKEGy_CgN2JGFoINNjouZh2jvKXt5eNuSJC7I/s1600/SCM-Music-Player_2.png" imageanchor="1"><img border="0" height="475" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhE_oxoS2wUEOK1ID04PcUQyMpysPEyvAKvFoV4CWZ32g_x5rmzbbsrOSAkHlzxpUkGxEl8flKWapcbXhwNP6FsSR1Rm3ASAB-1bbJ9IDfKEGy_CgN2JGFoINNjouZh2jvKXt5eNuSJC7I/s640/SCM-Music-Player_2.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Burası biraz daha karışık karşımıza bir kaç ufak ayar geliyor ama sorun yok ben buradayım :)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuIIoSNbh7yNePL8Jn3Xv-FoXgzCfGUFxyl77L9E8uOhRN9tF76O-MthJ3j9msey0TyzClrIb6tRHHsfrLwU3PzBigU60hG9cH8P1y3kvJpjfwHHxGuVE5OghpyPs9NlTu_dfy51MiBdYF/s1600/SCM-Music-Player_2.png" imageanchor="1"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuIIoSNbh7yNePL8Jn3Xv-FoXgzCfGUFxyl77L9E8uOhRN9tF76O-MthJ3j9msey0TyzClrIb6tRHHsfrLwU3PzBigU60hG9cH8P1y3kvJpjfwHHxGuVE5OghpyPs9NlTu_dfy51MiBdYF/s640/SCM-Music-Player_2.png" width="640" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b style="color: red;">Auto Play: </b>Bu seçeneği işaretlerseniz sitenize ziyaretçi girer girmez otomatikman şarkılar çalmaya başlar.</div>
<div style="text-align: left;">
<b style="color: red;">Shuffe Playback: </b>Bu işaret şarkıların hangi sırayla çalacağını belirler. İşaretlerseniz şarkılar karışık işaretlemez iseniz şarkılar sizin eklediğiniz sırayla çalar.</div>
<div style="text-align: left;">
<b style="color: red;">Default Volume: </b>Buradan şarkıların hangi ses düzeyinde başlayacağını seçersiniz. İdeal düzey %50'dir.</div>
<div style="text-align: left;">
<b style="color: red;">Repeat Mode: </b>Bu seçenekten tekrar modunu değiştirebilirsiniz.</div>
<div style="text-align: left;">
<span style="color: red;"><b><br /></b></span></div>
<div style="text-align: left;">
<b style="color: red;">Placement of Player Bar: </b>Burada iki seçenek mevcuttur. <b>Top </b>seçeneğini işaretlerseniz müzik çalarınız sitenin en üstünde <b>Bottom </b>seçeneğini işaretlerseniz müzik çalarınız sitenin en altında yer alır.</div>
<div style="text-align: left;">
<b style="color: red;">Show Playlist by Default: </b>Şarkı listesinin gözüküp gözükmemesini buradan ayarlayabilirsiniz.</div>
<div style="text-align: center;">
Ayarlarımızı tamamladıktan sonra <b>Done </b>diyerek ayarladığınız müzik çaların HTML kodlarına ulaşıyoruz. Gelelim bu müzik çaları nasıl entegre edeceğiz ?</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Müzik çaları eklemenin iki yolu vardır en basiti blogger panelinden <b>Yerleşim > Gadget Ekle > HTML/JavaScript Ekle </b>yolunu izleyerek siteden aldığımız kodu yapıştırmak.<br />
Diğer bir yöntem ise gene blogger panelinden <b>Şablon > HTML'yi Düzenle </b>diyip <b>CTRL+F </b>tuşlarını kullanarak <b><body> </b>kodunu bularak bu kodun bir alt satırına aldığımız kodları yapıştırmak olacaktır.Böylece müzik çalarımızı sitemize ekledik herhangi bir sorun olursa yorum kısmından bildirebilirsiniz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-711697823992938534.post-35482565282830904212016-10-06T20:29:00.001+03:002017-07-12T22:58:56.077+03:00Neden Blog Yazarız ?<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzkb90T8gUrIFsWeEgYX6Y7PuYwX6NiuRu-5_GTenGsCuIXXUWOVOD_hgHDPdpVyEydfz4jS8J4Pb281TGniDLOnlRc7SicLGAnKn8QA4fdWPMaEqiqqptWap_UtzZ_RuTyhGZO1lYeid/s1600/blog-pic-b2c.jpg" imageanchor="1"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzkb90T8gUrIFsWeEgYX6Y7PuYwX6NiuRu-5_GTenGsCuIXXUWOVOD_hgHDPdpVyEydfz4jS8J4Pb281TGniDLOnlRc7SicLGAnKn8QA4fdWPMaEqiqqptWap_UtzZ_RuTyhGZO1lYeid/s640/blog-pic-b2c.jpg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Arkadaşlarınızla sohbet ederken Bende blog yazarlığına başladım gibi bir cümle kurduysanız çoğu zaman yüzünüze boş boş bakan insanlar görürsünüz. Çünkü bu işin ne demek olduğunu, size ne kazandırdığını ve sizin neler kazandırdığınızdan haberleri dahi yoktur. Bende bu makalemde bu arkadaşlara cevap niteliğinde bir yazı yazmak istedim. Soru basit neden blog yazarız ?</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Blog yazarlığının çeşitli nedenleri vardır tabi bunları maddelemek gerekirse şöyle sıralayabiliriz;</div>
<div style="text-align: center;">
</div>
<ol>
<li style="text-align: left;">İnsanlara herhangi bir konuda faydalı olmak veya onlara yardımcı olmak istiyorsanız en basit yöntemlerden biri olan blog yazma işine başlayabilirsiniz. Benim de temel amaçlarımdan biri budur ki sitemde blog yazarlığına ve blog sitesi kurma işine yeni başlayan arkadaşlara yararlı bilgiler sunuyorum.</li>
<li style="text-align: left;">Ünlü bir kişi olmayı hepimiz hayal etmişizdir. Ünlü bir kişi olabilmek için bir dizi de oynamak şarkıcı veya milli bir sporcu olmanıza gerek yoktur. Alanında 1 numara olarak sizde internet aleminin ünlüleri arasında yerinizi alabilirsiniz. Hatta sokakta sizi görüp tanıyanlar bile olabilir. Yeter ki emek vererek yaratıcı işler ortaya koyun.</li>
<li style="text-align: left;">Daha fazla insanla tanışmak onlara yol gösterip yardımcı olmak ve yeni arkadaşlar isteyenlerin tercihi de tabi ki blog yazarlığı olacaktır. Blog yazarlığı sayesinde sosyal çevrenizi genişletebilirsiniz.</li>
<li style="text-align: left;">Tabi blog yazarı olarak ufak miktarlar kazanmak mümkün bunun için çeşitli reklam şirketleri var ama herkesin tercihi Google Adsanse den yana hem güven hem de ücret açısından diğerlerinden çok önde diyebiliriz. İnsanlara yardımcı olurken 3-5 bir şeyler kazansak hoş olur tabi ki :)</li>
</ol>
<div>
Bu makalemde neden blog yazarız sorusuna yanıt aradık hepinize iyi bloglamalar...</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-89609377467576433852016-09-29T00:53:00.002+03:002017-07-12T22:59:03.934+03:00Her Blog Sitesinde Olması Gereken 11 Eklenti<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHeWa-5u6x5iKmP_7AJ7UmYEZ-5vi1uhWAOEDnyRch2Obcf_7tih2kMp_fhzLYqgIu5CXpIV5t3-zPS54vGQMcq2KvbE6rfFYBgdQbJ8lcJReTfXCBxsZQjj0_qug_9UbuiCWsQ4uMWdo/s1600/social-network-men-internet-relationship-media-2560x1600.jpg" imageanchor="1"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHeWa-5u6x5iKmP_7AJ7UmYEZ-5vi1uhWAOEDnyRch2Obcf_7tih2kMp_fhzLYqgIu5CXpIV5t3-zPS54vGQMcq2KvbE6rfFYBgdQbJ8lcJReTfXCBxsZQjj0_qug_9UbuiCWsQ4uMWdo/s400/social-network-men-internet-relationship-media-2560x1600.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Şuana kadar sizlere en çok faydasının dokunacağını düşündüğüm makalemi yazıyorum. Blog işlerine ilk girdiğim sıralar acaba sitemde bir eksik var mı ? Eklemem gereken bir eklenti kaldı mı ? diye sorular içimi yer dururdu. Tecrübe kazandıkça bu şüphelerim artık dindi ve sizin için olmazsa olmaz eklentileri sıralamaya karar verdim. O halde hiç hız kesmeden devam edelim.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<ol>
<li style="text-align: left;"><b style="font-size: x-large;">Arama Kutusu: </b>İlk eklentimiz arama kutusu eklentisi insanlar sitenizde dolaşırken merak ettikleri veya ihtiyaçları olan makaleyi bulmak amacıyla arama yapmaları gerekir. Bunun en kolay yolu ise arama kutusu eklentisidir. Blogger arama kutuları etiketlere göre arama yapar bu sebepten dolayı makalelerinizde kullandığınız etiketlere dikkat etmelisiniz.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Email Aboneliği: </b>Email aboneliği eklentisi benim de sitemde oldukça geniş bir alanda yer verdiğim işe yarar bir eklentidir. Sitenizde olmazsa olmaz dediğim bir eklentidir. Webmaster adımlarını atarken insanlar iletişim amacıyla mail kullanmaktadır. Bu eklenti yazdığınız her makaleyi kayıtlı kullanıcılarına mail yoluyla bildirir böylece takipçileriniz sitenizi kontrol etmek zorunda kalmaz.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Popüler Yayınlar: </b>Sitenizdeki popüler yani en çok okunan yazıları öne çıkaran bir eklentidir. Sizi ziyaret eden insanların sitede daha çok vakit geçirmesine yarayan bir eklentidir.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Benzer Yazılar: </b>Bu yazımızı okudunuz mu ? gibi sorularla insanları diğer makalelerinize çekmeye çalışabilirsiniz. Böylece ziyaretçileriniz makaleden makaleye koşabilir sizde bunun keyfini doyasıya çıkarabilirsiniz.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Rastgele Yazılar: </b>Amaç olarak popüler yayınlar eklentisine benzeyen bir eklentidir. İnsanların normalde aramadıkları ama gördüklerinde merak edip girmelerini sağlar. Özellikle üç sütunlu bir tema kullanıyorsanız oldukça boş yeriniz olacaktır kullanmanızı tavsiye ederim.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Makaleyi Paylaş Butonları: </b>Her makalenin altında sosyal medyada paylaşmanıza yarayan eklentidir. Yazdığınız yazıyı beğenen kullanıcılar sosyal medya hesaplarında paylaşarak arkadaşlarına duyururlar. Onlar da sitenize gelip makalenizi okumaya başlarlar. Bu sayede bedavadan sitenizin reklamını yapmış olursunuz.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Sosyal Medya: </b>Sitenizde mutlaka sosyal medya hesaplarınızı gösteren bir eklenti olmalıdır. Bu sayede insanlar sizi her platformdan rahatlıkla takip edebilirler. Ne kadar çok yerde sitenizi duyurabilirseniz o kadar çok reklam ve ziyaretçi çekmiş sayılırsınız.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Son Yorumlar: </b>Son yorumlar eklentisi de aynı popüler yayınlar ve rastgele yazılar eklentileri gibi ziyaretçilerinizin sitenizde daha çok vakit geçirmesi amacı ile sitenizde bulunmalıdır. Yapılan güzel yorumları gören ziyaretçiler merak ederek sitenin bir diğer makalesine göz atacaktır.</li>
<li style="text-align: left;"><b style="font-size: x-large;">İletişim:</b> İnsanların sizinle iletişim kurması çok önemlidir. Bunun için sitenizde çeşitli iletişim sayfaları bulundurmalısınız. Size istek, öneri, şikayet veya misafir yazarlık teklifinde bulunacak insanların size ulaşabileceği eklentiler her zaman işe yarar ve kuşkusuz her sitede olması gerekiyor.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Banner:</b> Sitenize banner reklamları almanız için gerekli bir eklentidir. Sitenizden para kazanmak istiyor ve banner tablolarını kiralamak istiyorsanız bir banner eklentisi ekleyip reklam teklifi gelmesini beklemelisiniz.</li>
<li style="text-align: left;"><b style="font-size: x-large;">Araç Gereçler:</b> Bu kadar eklenti yeterli ama siz daha çok süslemek isterseniz Alexa sırasını gösteren bir eklenti veya toplam konu ve yorum sayısını belirten eklentiler kullanabilirsiniz.</li>
</ol>
<div style="text-align: left;">
Makalemin sonuna geldim umarım kafanızdaki bazı soru işaretleri kalkmıştır. Bir sonraki yazımda görüşmek üzere...</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-711697823992938534.post-73800786859320079042016-09-28T21:03:00.003+03:002017-07-12T22:57:54.673+03:00Google Aramalarında Üst Sıralara Tırmanmak<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyu7Sqs4E8f3rREUrzfq00RykfzeOQNx9m4vP2EhQxpQtt6e4NG2Dc2VESCKXuW67lwRqaLlqcMGBhlLKX0SOlH1D0p4YSQGfNoKV-x2jum-bUlFYiF1vsm_pQC6LUlEQfKAjYuzqeGuHB/s1600/google-da-ust-siralara-nasil-cikilir.jpg" imageanchor="1"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyu7Sqs4E8f3rREUrzfq00RykfzeOQNx9m4vP2EhQxpQtt6e4NG2Dc2VESCKXuW67lwRqaLlqcMGBhlLKX0SOlH1D0p4YSQGfNoKV-x2jum-bUlFYiF1vsm_pQC6LUlEQfKAjYuzqeGuHB/s400/google-da-ust-siralara-nasil-cikilir.jpg" width="400" /></a></div>
<br />
Çoğumuzun hedeflerinden ilki Google aramalarında ilk sıralarda yer bulmaktır. Haklı olarak bunu istemekteyiz çünkü yazdığımız makalelerin insanlara faydalı olabilmeleri için Google aramalarında ilk sayfada olması en önemli etken olabilir. İnsanlar araştırma yaparken siz onlara yön göstermelisiniz. Bugün size bunu nasıl daha kolay bir şekilde yapacağız onu anlatmaya çalışacağım.<br />
<br />
Öncelikle söylemem gereken şudur ki Google'da üst sıralara çıkmak tesadüf değildir.<br />
<ul>
<li><span style="font-size: large;"><b>Başlık Seçimi : </b></span>Öncelikle başlıkları iyi seçmelisiniz anlattığınız konuyu özetleyen ve anlatan bir başlık olmalı aynı zamanda dikkat çekici ve devrik cümleler içermemeli. Makalenize başlamadan önce etkili bir başlık oluşturmanız hem makalenizi okuyanlar için hemde size yazıya dökerken kolaylık sağlayacaktır. Oluşturacağınız başlığı Google'da aratarak daha önce böyle bir başlık olup olmadığını öğrenebilirsiniz.</li>
<li><span style="font-size: large;"><b>Anahtar Kelimeler : </b></span>Makalelerinizi oluştururken anahtar kelimelerinizi kararlaştırın. Bu anahtar kelimeleri mümkün olduğu kadar kullanmaya özen gösterin. Eğer bir teknoloji siteniz varsa ve bilgisayar ile ilgili bir makale yazıyorsanız yazınızda bol miktarda bilgisayar geçmeli ki insanlar sizin konunuz ile ilgili bir araştırma yaparken sizi bulabilsinler.</li>
<li><b style="font-size: x-large;">Etiketler : </b>Oluşturduğunuz etiketleri anahtar kelimelerinize göre ayarlamanız önemlidir. İnsanların sizi nasıl arayacağını tahmin edip etiketleri ona göre düzenleyebilirsiniz. Örnek olarak bu makalede kullandığım etiketlerden biri 'Google üst sıralara nasıl çıkılır'</li>
<li><b style="font-size: x-large;">Özgün İçerik : </b>Belki de en önemli hususlardan biri de özgün içerik yazmaktır. Açıklamak gerekirse daha önce hiçbir yerde paylaşılmamış yazılar yazmalısınız. Kopya içerik kesinlikle olmamalı Google robotları sizi tespit edip kopyaladığınız yerin üstüne asla çıkmamanızı sağlar. Bu önemli konuya dikkat ederek copy paste yani emek hırsızlığı yapmamaya özen gösterin.<span style="color: red;"> <a href="http://www.bloggerefendisi.com/2016/09/ozgun-yaz-nasl-yazlr-makale-yazma.html" target="_blank">Özgün Yazı Nasıl Yazılır ?-Makale Yazma Taktikleri</a> </span>Yazımı okumanız belki işinize yarar.</li>
<li><b style="font-size: x-large;">Doğru Alan Adı : </b>Alan adı yani başka bir değişle domain üst sıralara çıkmanız için etkili bir faktördür. Çünkü Google aranan bir kelimeden her şeyi araştırır. Alan adınızı oluşturduğunuz içeriğe göre seçerseniz üst sıralara çıkma şansınız oldukça artacaktır.</li>
<li><b style="font-size: x-large;">Tabi ki SEO : </b>Kuşkusuz üst sıralarda olmanın en önemli etkenlerinden biri olan seo çalışmasıdır. Seo çalışması her blogcunun yapması gereken ve bir bakıma sitenizi tanıtma işlemidir. Başarılı bir seo çalışması yazılarınızın üst sıralarda gözükmesine yardımcı olacaktır. Seo çalışmaları ile ilgili makalelerime <a href="http://www.bloggerefendisi.com/search/label/Seo" target="_blank">buradan</a> ulaşabilirsiniz.</li>
</ul>
<div>
Google aramalarında üst sıralarda bulunmanın bir kaç yöntemini gördük tabi ki başka yöntemlerde mevcut ama yukarıdaki işlemleri başarılı bir şekilde yapıyorsanız ilk sırada çıkmamanız için hiçbir neden yok.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-55387337191180112132016-09-27T23:01:00.001+03:002016-10-08T17:01:15.333+03:00Sabit İletişim Sayfası Nasıl Yapılır?-İletişim Sayfası Yapımı<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnB3691byrA2Lsms0_RNFLwi087rgD_WlEz-ZrSIh0eCPnBDW6RztDGd5B-E4xnTFSVFWbhTrOc6_A_6kFiCJkZXP2WZ2h8-qtxWTWJbpFu40xwjI7lTxw3rZL6ZanoFwOesSjmZ_0ytjf/s1600/Amerilan-Kultur-Mersin-Iletisim-Formu-774693.jpg" imageanchor="1"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnB3691byrA2Lsms0_RNFLwi087rgD_WlEz-ZrSIh0eCPnBDW6RztDGd5B-E4xnTFSVFWbhTrOc6_A_6kFiCJkZXP2WZ2h8-qtxWTWJbpFu40xwjI7lTxw3rZL6ZanoFwOesSjmZ_0ytjf/s320/Amerilan-Kultur-Mersin-Iletisim-Formu-774693.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Merhaba blog dostları bu makalemde sizlere iletişim sayfası sorunsuz bir şekilde nasıl oluşturulur onu göstermeye çalışacağım. Kuşkusuz her site veya blog için vazgeçilmez bir sayfadır iletişim sayfası hal böyle olunca her blogcunun karşısına çıkıyor bende sizlere nasıl yapıldığını anlatmaya karar verdim. </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Öncelikle yapmamız gereken işlem iletişim eklentisini blogumuzun slider kısmına eklemek olacak bunun için yönetim panelinden girdikten sonra <b>Yerleşim > Gadget Ekle > Diğer Gadgetler </b>yolunu takip ederek <b>İletişim Formu </b>gadgetini ekleyin.</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIy6LjXnuwCdTV6mxJRQvzkn1Y2vND9H5Y6XzqeXk0yme1rVq16WPA9vlN0Zk8RYrQzoWJtc8KUCiPMYf7xzdjsxfRDMDpY0jcNsbMqhxMgE15JZmqOARFZ7rTuTydL3Hk7AjaI0Y4Oz-/s1600/profesyonel-blog-yazari-olmak.jpeg" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIy6LjXnuwCdTV6mxJRQvzkn1Y2vND9H5Y6XzqeXk0yme1rVq16WPA9vlN0Zk8RYrQzoWJtc8KUCiPMYf7xzdjsxfRDMDpY0jcNsbMqhxMgE15JZmqOARFZ7rTuTydL3Hk7AjaI0Y4Oz-/s400/profesyonel-blog-yazari-olmak.jpeg" width="391" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Yahu arkadaş ben iletişim formunu gadget alanında istemiyorum ki diyen sabırsız blogcuları duyar gibi oldum :)<br />
<br />
İletişim formunu bir eklenti olarak değil sabit bir sayfada kullanmak için bazı kod değişikliklerine ihtiyacınız olacak. Bir sonraki adıma geçmek için <b>Şablon > HTML'yi Düzenle </b>adımlarını izleyerek gelen kod ekranının üst tarafında bulunan <span style="background-color: white; font-family: "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 19.5px;"><b style="color: #4f81bd;">Widget’a Atla > ContactForm1 </b>butonuna basıyoruz. Bu sayede iletişim formunun olduğu kodlara geldik. Burada bulunan kodların solunda bulunan </span><span style="background-color: white; color: #333333; font-family: "verdana" , "arial" , sans-serif; font-size: small; line-height: 19.5px; margin: 0px; padding: 0px;">▶</span><span style="background-color: white; color: #333333; font-family: "verdana" , "arial" , sans-serif; font-size: 13px; line-height: 19.5px;"> işaretine basarak kodları genişletin. Genişletme işlemini başarı ile gerçekleştirdiğinizde kodlar aşağıdaki gibi gözükecektir.</span><br />
<span style="background-color: white; color: #333333; font-family: inherit; line-height: 19.5px;"><br /></span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="color: #333333; font-family: inherit; line-height: 19.5px;"><b style="background-color: white;"><b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'> </b></span></div>
<div style="text-align: left;">
<span style="color: #333333; font-family: inherit; line-height: 19.5px;"><b style="background-color: white;"> <b:includable id='main'> </b></span></div>
<br />
<div style="text-align: left;">
<b style="background-color: white; font-family: inherit;"><span style="color: #333333; line-height: 19.5px;"> </span><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"><b:if cond='data:title != &quot;&quot;'></span></b></div>
<span style="font-family: inherit; font-size: medium;"><div style="text-align: left;">
<b style="background-color: white; font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <h2 class='title'><data:title/></h2></span></b></div>
<b style="background-color: white;"><div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> </b:if></span></b></div>
<span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"><div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <div class='contact-form-widget'></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <div class='form'></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <form name='contact-form'></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <data:contactFormNameMsg/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <br/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <br/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <br/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <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'/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <div style='text-align: center; max-width: 222px; width: 100%'></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> </div></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> </form></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> </div></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> </div></span></b></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="color: red; line-height: 19.5px; margin: 0px; padding: 0px;"> <b:include name='quickedit'/> </span><span style="color: #333333; line-height: 19.5px;"></b:includable> </span></b></div>
</span></b></span><br />
<div style="text-align: left;">
<span style="color: #333333; font-family: inherit; line-height: 19.5px;"><b style="background-color: white;"> </b:widget></b></span></div>
<span style="background-color: #f8e4b8; color: #333333; font-family: inherit; line-height: 19.5px;">̇</span><br />
<div style="text-align: start;">
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit; font-size: medium;"><span style="background-color: white; font-family: inherit; line-height: 19.5px;">Burada gösterdiğim kırmızı kodları silerseniz artık iletişim formunu aktif hale getirmiş olursunuz. Buraya kadar yaptığımız işlemler iletişim formunun çalışması için uygulanan adımlardı bu adımdan sonra yapmanız gereken size ve temanıza uygun bir iletişim formu kodunu sayfanıza eklemek ben bu makalemde sade ve kullanışlı bir form kodu vereceğim. Dilerseniz diğer iletişim eklentilerinin kodlarınıda kullanabilirsiniz.</span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit; font-size: medium;"><span style="background-color: white; font-family: inherit; line-height: 19.5px;"><br /></span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit; font-size: medium;"><span style="background-color: white; font-family: inherit; line-height: 19.5px;"><br /></span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit; font-size: medium;"><span style="background-color: white; font-family: inherit; line-height: 19.5px;">Uyarılarımı da yaptıktan sonra sıra iletişim sayfasını oluşturma aşamasında, <b>Sayfalar > Yeni Sayfa </b>dedikten sonra açılan pencereden HTML bölümüne aşağıdaki kodları yapıştırıyoruz.</span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 19.5px;"><br /></span></span></div>
</div>
<div style="text-align: start;">
<br /></div>
</div>
<br />
<br />
<div style="text-align: left;">
<br /></div>
<div class="code">
<span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>form</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"kontak-bloggereklentileri"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"contact-form"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>input</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-name"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"name"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">placeholder</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"Adınız *"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">size</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"30"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"text"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">value</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>""</span> <span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>input</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-email"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"email"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">placeholder</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"E-posta adresiniz *"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">size</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"30"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"text"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">value</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>""</span> <span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>textarea</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cols</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"25"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-email-message"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"email-message"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">placeholder</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"Mesajınız *"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">rows</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"5"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>textarea</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>input</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-submit"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"button"</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">value</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"Gönder"</span> <span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>div</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"max-width: 222px; text-align: center; width: 100%;"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>div</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-error-message"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>div</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>div</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"ContactForm1_contact-form-success-message"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>div</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>div</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token tag" style="background-color: white; border: 0px; color: #d75046; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>form</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span><span style="background-color: white; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px; white-space: pre;">
</span><span class="token style" style="background-color: white; border: 0px; color: #08464b; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><span class="token tag" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><</span>style</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">scoped</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>""</span> <span class="token attr-name" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span>"text/css"</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#comments,.post_meta,#blog-pager</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">form</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#666<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#kontak-bloggereklentileri</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>auto<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">max-width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>640px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-name,#ContactForm1_contact-form-email</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>auto<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>5px auto<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>15px 12px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#444<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>1px solid rgba(0,0,0,.14)<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">box-shadow</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>inset 0 1px 1px rgba(0,0,0,0.075)<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border-radius</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>3px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">min-width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">transition</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>all 0.5s ease-out<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-email-message</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>175px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>5px 0<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>15px 12px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#444<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>1px solid rgba(0,0,0,.14)<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">box-shadow</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>inset 0 1px 1px rgba(0,0,0,0.075)<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border-radius</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>3px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">resize</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">transition</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>all 0.5s ease-out<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">outline</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#444<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border-color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#66afe9<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">box-shadow</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-submit</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">float</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>left<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#34495e<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>auto<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">vertical-align</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>middle<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cursor</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>pointer<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>12px 20px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font-size</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>14px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">text-align</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>center<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">letter-spacing</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>.5px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>0<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">max-width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>140px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border-radius</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>3px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font-weight</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>500<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">transition</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>all .8s ease<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-submit:hover</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#3498db<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin-top</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>35px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.contact-form-error-message-with-border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#f6f6f6<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">box-shadow</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#444<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>5px 0<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.contact-form-success-message</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#4fc3f7<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">box-shadow</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>none<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>#fff<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img.contact-form-cross</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">line-height</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>40px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin-left</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>5px<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.post-body input</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>initial<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token atrule" style="border: 0px; color: #1baeb0; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">@media only screen and (max-width:640px)</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token selector" style="border: 0px; color: #00a1d6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="token property" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span>100%<span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token tag" style="border: 0px; color: #d75046; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></</span>style</span><span class="token punctuation" style="border: 0px; color: #777777; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></span></span></span></div>
<br />
Önizleme diyerek iletişim sayfanızı kontrol edin. İşlem bu kadar basit artık sizin de bir iletişim sayfanız var. Bu bölümden yazılan mesajlar size e-mail olarak gelecek ve böylece ziyaretçilerinizle hızlı ve kaliteli bir ilişki sağlayacaksınız.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-11304412979301335632016-09-25T21:35:00.000+03:002016-09-25T21:35:04.056+03:00Blogger Oluşturduk Peki Ayarlama Kısmı Ne Olacak ?<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0HVV8uxiFDrnNKPCcPUSy7ateqYecNp7zVFlNdsA7b-NFxOFjO2H37z9nNRnU91BoPVTZ71r8PQOUYLNnsaPv3bJ31x370WJjHxTPIgglxiUSeqX-SPPJOtiNSBggmUYtXyE4RvqwAMGI/s1600/blogger-gelismis-ayarlar.jpg" imageanchor="1"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0HVV8uxiFDrnNKPCcPUSy7ateqYecNp7zVFlNdsA7b-NFxOFjO2H37z9nNRnU91BoPVTZ71r8PQOUYLNnsaPv3bJ31x370WJjHxTPIgglxiUSeqX-SPPJOtiNSBggmUYtXyE4RvqwAMGI/s400/blogger-gelismis-ayarlar.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Herkes en iyi siteyi oluşturmak için çaba gösteriyor. Emek verip saatlerini harcıyor, bu işe başlayan herkes düşünmüştür bir eksik yanım var mı ? Bu sorulara cevap bulmak için bu makalemde yeni açılmış blogger sitelerinin ayarlarını yapmaya çalışacağız hemen başlayalım o zaman.Yönetim panelinden <b>Ayarlar </b>butonuna basarak işe başlayalım.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<ul>
<li style="text-align: left;"><b>Temel </b>sekmesinden başlayabiliriz başlık ve açıklamanızı doldurarak işe başlayabilirsiniz. Bu ayarlar en önemli olanlarıdır. Çünkü arama yapan kullanıcılar sizi oluşturduğunuz Başlık ve Açıklamadan bulacaklar.<br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzjwI0D5etsnhcsEJMCjDuNNO8-GC0f0ud6VlyMbOIZ5jwmuYwcXFfOLAlRekjWulzdnNjr7ID41eKxvq3rdg-jdyvucykFgy1jFzB7uGJgfnOK7LpUjxO6vSKATwvyjY-Ls8s2ovGsau/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzjwI0D5etsnhcsEJMCjDuNNO8-GC0f0ud6VlyMbOIZ5jwmuYwcXFfOLAlRekjWulzdnNjr7ID41eKxvq3rdg-jdyvucykFgy1jFzB7uGJgfnOK7LpUjxO6vSKATwvyjY-Ls8s2ovGsau/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a><br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
<b>Temel </b>sekmesinden devam edelim. <b>Gizlilik </b>bölümünü kontrol edin blog listesinde ve arama motorlarında sitenizin görüntüleniyor olması çok önemli. Bu iki seçenekte <b>Evet </b>olarak işaretli olmalı.<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKsaRIIckqPShzPJdVvcvGrHNnNuGr3GCZqLCZJhVCmZ9QxLdrzvC_ckMm7mUeAr_VK5Gn0DQNP2_nw37mzyIOd-caDknZCJ2G-OSsPUAWlZNIEIhTzxH319_ZpCKsW3xGFVcZEr8nmxkO/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKsaRIIckqPShzPJdVvcvGrHNnNuGr3GCZqLCZJhVCmZ9QxLdrzvC_ckMm7mUeAr_VK5Gn0DQNP2_nw37mzyIOd-caDknZCJ2G-OSsPUAWlZNIEIhTzxH319_ZpCKsW3xGFVcZEr8nmxkO/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a><br /><div style="text-align: left;">
Siteniz eğer arama motorlarında gözükmez ise zaten o kadar emek verdiğiniz blogger hesabınızın bir değeri kalmıyor. En büyük amacınız yazdığınız makaleleri insanlara ulaştırmak.<br /></div>
</div>
</div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Temel sekmesinde yapacağımız bir ayar kalmadı <b>Yayınlar, yorumlar ve paylaşım </b>sekmesine giriyoruz. <b>En fazla şu kadar göster </b>kutusuna ana sayfada kaç tane yazının gözükmesini istiyorsanız o sayıyı giriyoruz. Ortalama 5-7 arası bir değer giriliyor size kalmış bir tercih.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
<b>Kimler yorum yapabilir </b>bölümüne geldiğimizde başlık zaten açıklıyor kimlerin yorum yapmasını istiyorsanız onu seçmelisiniz benim önerim <b>Herkes </b>şıkkını işaretlemeniz sitenizde ne kadar çok yorum bulunursa o kadar iyi demektir.<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVO9Q30h63iw9XjRykinsM80quYGBCxEvisVGJxO0KrsX7PqxXSM6Qo4-uN8BTNrr1qMoGP_rbASuib-JamWV-ZkddRR7srWNuX-aBiIBYJhon1J1bItuYRWr5nhndpa7ncO3yUb5otL7q/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVO9Q30h63iw9XjRykinsM80quYGBCxEvisVGJxO0KrsX7PqxXSM6Qo4-uN8BTNrr1qMoGP_rbASuib-JamWV-ZkddRR7srWNuX-aBiIBYJhon1J1bItuYRWr5nhndpa7ncO3yUb5otL7q/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a><br /></div>
</div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Bir diğer yorum ayarı ise <b>Yorum Denetleme </b>bu özelliği ne yapacağınız sizin sitenizle ilgilenme durumuyla alakalı farklılık gösterebilir. Hiçbir zaman yaparsanız spam yorumları engelleyemezsiniz ama Her zaman yaptığınızda da yorum yapan kişi yazar yazmaz yorumunu göremeyeceği için bir daha yorum yapmayabilir. Ben yorumları denetlemiyorum.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Aynı sekmeden devam ediyoruz. <b>Yorum formu iletisi </b>bölümünden düzenle diyerek yorum bölümünün üstüne ufak bir not düşebilirsiniz. <b>Yorumlarınız bizim için değerlidir.</b> gibi sözler kullanabilirsiniz.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Bir sonraki ayar sekmesine gidiyoruz. Sırada <b>Dil ve Biçimlendirme </b>sekmesi var buradan saat ayarlarımızı yapacağız. Bu ayarların doğru olması ziyaretçilerinize doğru bilgiler vermenize yarar makalenin paylaşılma tarihi, yorum yazılma zamanı gibi bilgilerin doğru olması açısından önemli bir ayardır. Aşağıda benim ayarlarımı göreceksiniz.<br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1PZOd9fNOAWbjehHu4sS0sdpX7ijwsLSs4LJDea-90b-C-UUV2cBRsgzpMoAeuQ-lG4XJkmjnH6LxW8cXwtUgiFrXjH2NTy2PgUxfX0D6ZfdxVxdAM5YBGoBjArjC4_zJ4U6JGEZjPNM4/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1PZOd9fNOAWbjehHu4sS0sdpX7ijwsLSs4LJDea-90b-C-UUV2cBRsgzpMoAeuQ-lG4XJkmjnH6LxW8cXwtUgiFrXjH2NTy2PgUxfX0D6ZfdxVxdAM5YBGoBjArjC4_zJ4U6JGEZjPNM4/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a><br /></div>
</div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Seo açısından önemli bir ayara geldik. Bu ayara ulaşabilmek için <b>Arama Tercihleri </b>sekmesinden <b>Gezginler ve Dizin Oluşturma </b>bölümüne bakmanız gerekiyor. Her blog sahibinin arama sonuçlarında üst sıralarda yer edinmesi için bu ayarları yapması gerekiyor. Bu ayarlar 2-3 cümlede anlatılamayacağı için önceden bunları anlatmıştım zaten bu makaleleri <span style="color: orange;"><a href="http://www.bloggerefendisi.com/2016/09/blogger-da-robotstxt-dosyalar-nasl.html" target="_blank">Özel Robots.txt Dosya Ayarları</a> </span>ve <a href="http://www.bloggerefendisi.com/2016/09/blogger-da-ozel-robot-baslk-etiketleri.html" target="_blank">Özel Robot Başlık Etiketleri Ayarı</a> linklerinin üzerine basarak ulaşabilirsin.<br /></div>
</li>
</ul>
<div>
Son noktayıda böylece koymuş olduk bu makalemde yeni bir blogger için gereken ayarları gördük bir sonraki makalemde görüşmek üzere.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-79378534451224166232016-09-25T20:47:00.000+03:002016-09-25T20:47:06.129+03:00Blog Yazarı Olabilmek İçin Bilinmesi Gereken 4 Ufak Bilgi<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSAS_Bs_XkphlzI6q0Ja0rih5ApS8sm0saC8cZMnwik_4_MBRvd7wM2BP25f90IeTZQKfByyW_LfByNtKU5THkZFmwECUbooeGijMZ9I1u0LOt9EvQJiIkxXhQ-2J8GIr0KWVSoF3D7LD/s1600/profesyonel-blog-yazari-olmak.jpeg" imageanchor="1"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSAS_Bs_XkphlzI6q0Ja0rih5ApS8sm0saC8cZMnwik_4_MBRvd7wM2BP25f90IeTZQKfByyW_LfByNtKU5THkZFmwECUbooeGijMZ9I1u0LOt9EvQJiIkxXhQ-2J8GIr0KWVSoF3D7LD/s640/profesyonel-blog-yazari-olmak.jpeg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
Bana gelen sorulardan çıkardığım sonuçlara göre yazarlık işine soyunan bazı arkadaşlar erken davranıyor. Hak vermiyor değilim ama çok basit sorunlarda bile havlu atanları görmek mümkün bunun önüne geçebilmek için yapılması gereken blog yazarı olmadan önce ufak bilgiler edinmek. Bunları tabi ders çalışır gibi ezberlemenize gerek olmayacak ama karşınıza çıktığında şaşırmayın araştırarak çözüm üretebilin diye yazıyorum bu yazıyı.<br />
<br />
Bu makalemde size 4 ufak ama değerli bilgiyi vereceğim başlayalım o halde<br />
<br />
<ol>
<li>Blogger kullanmak ve blog yazarı olmak isteyenlerin en çok zorlandıkları ama biraz kurcaladıktan sonra vazgeçemedikleri bir konu HTML. Bunun için ufak bir sözlüğümüz var tabi sitemdede bunu bulabilirsiniz <span style="color: orange;"><a href="http://www.bloggerefendisi.com/p/blogger-html-sozluk.html" target="_blank"><span style="color: orange;">Buyrun Buradan Bi Göz Atın</span></a> </span>dediğim gibi en ufak html sorununda bile sorun çıkabilir. Beki de bu sözlük aradığınız şeydir. Fakat unutmamanız gereken tek şey az bile olsa html bilginizin olması tabi ben bu konuda sizi mümkün olduğu kadar bilgilendireceğim.<br /></li>
<li>Html Kodlarından sonra sorun çıkaran bir diğer konu ise renk kodlarıdır. Bunların ne olduğunu html kodlarını biraz daha çözdükten sonra anlayacaksınız ama ben size bir ip ucu vereyim. Her renk tonunun Html dilinde bir kodu vardır bu kodlara gene sitemden ulaşabilirsiniz. <span style="color: orange;"><a href="http://www.bloggerefendisi.com/p/html-renk-kodlar_6.html" target="_blank">Buradan da Html Renk Kodlarına Bakabilirsiniz</a> </span>Renk kodları # işareti ile başlar ve bulunduğu yerin renk tonundan sorumludur.<br /></li>
<li>Bir diğer olay ise logo olayıdır. Grafik veya photoshop işinden az da olsa anlamalısınız. Eğer bir photoshop programınız yok ise tarayıcı üzerinden logo tasarlamanıza olanak sağlayan siteler mevcut bunları kullanabilirsiniz. Sitenizi oluştururken logonuzun başka bir yerde kullanılmadığından emin olun bunun da en kesin yolu kendi yaptığınız logodan geçiyor.<br /></li>
<li> Son ufak bilgimize gelecek olursak iyi bir blog yazarı olmanın yolu iyi bir blogger olmaktan geçiyor. Vereceğim son ufak bilgi tema Türkçeleştirme yada diğer adıyla tema düzenleme olayını anlamanız olacaktır. Bazı blog yazarı arkadaşların sitelerine göz attığım da Türkçeleştirilmemiş siteler görüyorum bunlar beni oldukça rahatsız ediyor ve o siteye bir daha girmemeye çalışıyorum. Oldukça acemice bir durum. Bu işe başlamayı kafaya koyduysanız ve ilerlemek istiyorsanız Tema düzenleme ve Türkçeleştirme işinden de anlamanız gerekiyor zaten oldukça basit ve kolay bir işlem ileri günlerde yazacağım yazılarda Tema nasıl düzenlenir anlatacağım.<br /></li>
</ol>
<div>
Evet arkadaşlar bir makalemin daha sonuna geldim. Aklınıza takılan veya öğrenmek istediğiniz herşeyi bana sorabilirsiniz.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-80145718759658144042016-09-23T15:27:00.000+03:002016-09-23T15:27:16.215+03:00Blogger Yazı Editörü Kullanımı 2<div style="text-align: center;">
Merhaba arkadaşlar blogger yazı editörünü tanıtmaya devam ediyoruz. Bu yazımda 10 işlevin daha görevlerini göstermeye çalışacağım. İlk yazımda da anlattığım gibi iyi bir yazar olabilmek için bu bilgilere çok ihtiyacınız olacak o yüzden en kısa sürede öğrenmeye çalışın. Daha önce office programları kullanmış olsanız bile bunlar daha çok blogger kullanıcılarına has bilgiler hemen anlatıma geçelim.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBxs87Z9fq1szPH_aVG9Fx8KPzUbi4nfwmc02N0Y0BT9tJmJQQKNS8c5a1lh84X1KDZJq_Vmqw_6X2xtDDX7PYPilykkilNCwdy78Gxgo1w8ebGwOKKQtYTYlu87lQMWvMnq29ggApuPu/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBxs87Z9fq1szPH_aVG9Fx8KPzUbi4nfwmc02N0Y0BT9tJmJQQKNS8c5a1lh84X1KDZJq_Vmqw_6X2xtDDX7PYPilykkilNCwdy78Gxgo1w8ebGwOKKQtYTYlu87lQMWvMnq29ggApuPu/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
İlk makalemde olduğu gibi daha iyi anlatmak için numaralandırma işlemini gerçekleştirdim</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Göstereceğimiz ilk işlem link bağlama işlemi olacak bu butonu makalenizde link vermek istediğinizde kullanacaksınız <b>Bağla </b>tuşuna basdığınızda aşağıdaki gibi bir ekran gelecektir.<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkGIggp1RRAF3eFvUfxyEEWpajtH4hKXUb5rEVPkcDdI1pxuFHGIiM_hJvOwiBHiMoEYWusgVPp5Zl5QlKIR_sVbUXQAP3qlCB8SMomDCJ-XQkQeM85Jn__unElZVyq-Iptbjt2Jxjo5e/s1600/Yeni+Bit+E%25C5%259Flem+Resmi+%25282%2529.bmp" imageanchor="1"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkGIggp1RRAF3eFvUfxyEEWpajtH4hKXUb5rEVPkcDdI1pxuFHGIiM_hJvOwiBHiMoEYWusgVPp5Zl5QlKIR_sVbUXQAP3qlCB8SMomDCJ-XQkQeM85Jn__unElZVyq-Iptbjt2Jxjo5e/s320/Yeni+Bit+E%25C5%259Flem+Resmi+%25282%2529.bmp" width="320" /></a><br /><div style="text-align: left;">
Buradan <b>Görüntülenecek Metin</b> ve <b>Web adresi </b>alanlarını doldurup <b>Tamam </b>diyoruz. Aşağıda örnekte olduğu gibi gözüküyor oldukça yararlı kullanmanızı tavsiye ederim.<br /><div style="text-align: center;">
<span style="color: orange; text-align: justify;"><a href="http://www.bloggerefendisi.com/2016/09/blogger-yaz-editoru-kullanm.html" style="text-align: justify;" target="_blank"><span style="color: orange;">ÖRNEK</span></a><br /></span></div>
</div>
</div>
</li>
<li style="text-align: left;">İkinci buton ise makalenize resim eklemenize yarar. Ben pek kullanmasam da başka sitelerden link vererek resim çekebilirsiniz. Resim eklemenin daha kolay bir yolu ise bilgisayarınızdan aldığınız resmi tutup makalenizin içine sürüklemek bu kadar basit aslında<br /></li>
<li style="text-align: left;">Resminden de anlayacağınız üzere bu buton da yazının içeriğine video eklemenize yarıyor. YouTube videolarını makalenize eklemek mümkün hem bir webmaster hemde Youtuber olanlar için kullanışlı olabilir.<br /></li>
<li><b>Atlama Aralığı Ekle </b>butonu makaleniz içinde gözükmez ama makalenin dışında ana sayfada görüntülenen özetin ne kadar uzun olacağını belirler. Manuel bir devamını oku eklentisi olarak düşünebilirsiniz.<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITgBEZGNOKOV708y9LLVxR1sGR3jtYFbrumb5g6HMN9oROK2V3EHIs4FNwBvGuAUoAtPQvrd6niiD8KyTdmRd6gFoA4gsr_A_8ZeZqeZ4YV0OoR1mqLc3VOHu5in0wUBkIBnhLtndSByM/s1600/Yeni+Bit+E%25C5%259Flem+Resmi+%25283%2529.bmp" imageanchor="1"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITgBEZGNOKOV708y9LLVxR1sGR3jtYFbrumb5g6HMN9oROK2V3EHIs4FNwBvGuAUoAtPQvrd6niiD8KyTdmRd6gFoA4gsr_A_8ZeZqeZ4YV0OoR1mqLc3VOHu5in0wUBkIBnhLtndSByM/s640/Yeni+Bit+E%25C5%259Flem+Resmi+%25283%2529.bmp" width="640" /></a><br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Herhalde benim en çok kullandığım buton olsa gerek buradan ise yazıların nerede duracağını seçebilirsiniz. Yazıları ortalayabilir sağa veya sola yaslayabilirsiniz.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Şuan yaptığım gibi sıralı bir yazı dizesi oluşturmak için kullanılan buton alta alta sıralamak yerine numaralandırarak sıralamak bazı yerlerde çok işe yarar kullanmak tabi size kalmış.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Yukarıda anlattığımın değişik bir tarzda olanı diyebilirsiniz. Aynı işlemleri uygular ama numaralandırma kullanmaz hangisi tarzınıza yakınsa onu kullanabilirsiniz.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
Bu tırnak işaretleri ise Alıntı yapmanıza yarar herhangi bir ünlünün bir sözünü paylaşacaksınız bunu daha dikkat çekici bir şekilde paylaşmanıza olanak sağlar. Yada makalenizi başka bir siteden esinlenerek yazdınız yazının altına emek sahibinin site adresini yazabilirsiniz. Örnek vermek için bu bölümü Alıntı olarak gösterdim.<br /><blockquote class="tr_bq">
Alıntı; www.bloggerefendisi.com</blockquote>
</div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
<b>Biçimlendirmeyi Kaldır </b>seçilen kelimelerde yapmış olduğunuz ayarları ( Renk, Boyut, Kalınlık gibi ) devre dışı bırakarak varsayılan ayarlara çevirir.<br /></div>
</li>
<li style="text-align: left;"><div style="text-align: left;">
<b>Yazımı Denetle </b>tuşudur. Yazım yanlışı yapıp yapmadığınızı kontrol etmeye yarar. Tıkladığınızda altı kırmızıyla çizili sözcüklerde hata tespit etmiş demektir. Makalelerinizi paylaşmadan önce kontrol ettirmeyi unutmayın.</div>
</li>
</ol>
<div style="text-align: center;">
Elimden geldiği kadar blogger yazı editörünün kullanımı anlatamaya çalıştım. Yazı editörü kullanımı ile ilgili ilk yazımı okumadıysanız <a href="http://www.bloggerefendisi.com/2016/09/blogger-yaz-editoru-kullanm.html" target="_blank">Buradan</a> okuyabilirsiniz.</div>
<div style="text-align: center;">
Yorum yazarak bana destek olabilirsiniz.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-92006056295158968822016-09-23T14:33:00.000+03:002016-09-23T15:29:08.506+03:00Blogger Yazı Editörü Kullanımı Blog yazmaya karar verdiyseniz ezbere bilmeniz gereken konulardan biri de yazı editörünü hiç zorlanmadan kullanmaktır. Bunu yapmak birazda pratik işi olsa da neyin ne işe yaradığını bilmeniz önemli.<br />
Daha önceden office gibi programlarla içli dışlı olan okuyucuların zaten gözü kapalı bildiği bilgiler olmasına karşın böyle bir platformla ilk kez karşılaşanlar için zor olabilir.<br />
Yazı editörünü kullanabilmek kadar ne yapacağınızı bilmek de önemlidir. Yazınızı yazmadan önce yazıları sayfaya nasıl paylaştıracağınız hakkında kafanızda bir şablon oluşturun derim daha sonra zor durumlara düşebilirsiniz. O halde yazı editörünün nasıl kullanıldığı hakkında bilgileri vermeye başlayalım.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkItPKXQthOgYN348v_n9Gm-1YaEXMH80AlVR27Vy4opGc0VZ6iJlwlXf9j-Y-6eHU8blQPCu5bkDD6meAWxModZPvH4lc1KKuhzJXYSPSkRN1r7JLMaIq50rsosdmM7S-ZGDnKiPimq7/s1600/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" imageanchor="1"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkItPKXQthOgYN348v_n9Gm-1YaEXMH80AlVR27Vy4opGc0VZ6iJlwlXf9j-Y-6eHU8blQPCu5bkDD6meAWxModZPvH4lc1KKuhzJXYSPSkRN1r7JLMaIq50rsosdmM7S-ZGDnKiPimq7/s640/Yeni+Bit+E%25C5%259Flem+Resmi.bmp" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Resimde de gördüğünüz gibi işaretleri daha iyi anlatmak amacıyla numaralandırdım.</div>
<div style="text-align: center;">
</div>
<ol>
<li style="text-align: left;">İlk göreceğimiz buton '<b>Oluştur'-'HTML' </b>tuşları olacak daha önce office kullanmış olsanız bile bu tuş size biraz yabancı gelebilir endişelenmeyin bu çok normal bu tuşu makalemize bazı kodlar eklememiz gerektiğinde işimize yarayacak yani <b>'HTML' </b>bölümü yazının html oalrak görünmesini sağlar kodlarıda html yerine eklemeliyiz oluştur bölümüne eklersek işe yaramaz.<b>'Oluştur' </b>bölümünde ise kodların nasıl göründüğünü kontrol edebilirsiniz. Normal yazılarınızı oluştur bölümünde yazacaksınız</li>
<li style="text-align: left;"><b>Geri Al ve İleri Al </b>tuşlarıdır. Yaptığınız bir hata sonrası geri al tuşunu kullanarak bir önceki adıma dönmenizi sağlar. Tabi çoğu şeyin olduğu gibi bununda kolay ve pratik bir yolu var <b>CTRL+Z </b>tuş kombinasyonunu kullanarak da geri al işlemini gerçekleştirebilirsiniz.</li>
<li style="text-align: left;">F harfine benzeyen bu işaretin görevi de yazı fontlarını değiştirmektir. Yazınızın hangi türde olmasını istiyorsanız buradan ayarlama yapmanız gerekir.</li>
<li style="text-align: left;">Dört numaraya geldiğimizde arka arkaya iki tane T harfi görüyoruz. Bu buton yazımızın boyutunu ayarlamamıza yarıyor. Herhangi bir ayar yapmazsanız Normal olarak devam eder ama daha büyük veya daha küçük bir yazı gerekiyorsa kullanabilirsiniz.</li>
<li style="text-align: left;"><b>Biçim </b>bölümünde ise başlık seçimi yapabiliyoruz. Başlık, alt başlık ve üst başlık dilediğinizi seçtiğinizde başlığa uygun ayarları yapıyor.</li>
<li style="text-align: left;">Kalın ifadesini <b>B</b> sembolü temsil ediyor. Yazılarınızı daha kalın yazmaya yarıyor. <b>Örnek olarak bu cümleyi gösterebiliriz. </b>Vurgulamak veya dikkat çekmesini istediğiniz kelime veya cümleler için kullanabilirsiniz.</li>
<li style="text-align: left;">İtalik bir biçimde yazı girmek istiyorsanız <i style="font-weight: bold;">I </i>sembolüne tıklamanız yeterli. <i>Örnekte olduğu gibi artık yatay yazıyorsunuz.</i></li>
<li style="text-align: left;">Sekizinci ifademizde Altını çizmeyi görüyoruz. <u>Bu şekilde</u> yazılarınızda vurgulamak istediğiniz yerleri vurgulayabilir normal bir yazı fontuna göre daha çok dikkat çekebilirsiniz.</li>
<li style="text-align: left;">Bu sembolde ise bir önceki anlattığım altını çizme eylemine benzer bir işlemdir. Bu özellik sayesinde yazıların <strike>Üstünü çizebilirsiniz.</strike> Çeşitli anlamlarda kullanılabilecek bu işlemi yanlışları göstermek amacıyla kullanıyorum.</li>
<li style="text-align: left;"><br />En beğendiğim işlevlerden biri olan renk değiştirme işlevi sayesinde yazılarınız daha renkli ve daha canlı duruyor tabi ayarınızı kaçırmamak şartıyla güzel işler çıkartabilirsiniz. <span style="color: red;">Renk </span><span style="color: blue;">çeşitliliği </span><span style="color: lime;">konusunda </span><span style="color: orange;">herhangi </span><span style="color: magenta;">bir </span><span style="color: cyan;">sıkıntı </span><span style="color: #a64d79;">yok.</span></li>
<li style="text-align: left;">Sembolü fosforlu kalem olan bu işlem de bir önceki renk değiştirmeyle bir benzerliği var metin arka planını değiştirmemize olanak sağlayan işe yarar bir diğer özellik diyebiliriz. <span style="background-color: yellow;">Keyfinize göre değerlendirebilirsiniz.</span></li>
</ol>
<div style="text-align: center;">
Elimden geldiği kadar size yararlı bilgiler sağlamaya çalıştım yazı editörünün hepsini anlatamadım ama kalan bölümleri sonraki makalemde açıklamaya çalıştım <a href="http://www.bloggerefendisi.com/2016/09/blogger-yaz-editoru-kullanm-2.html" target="_blank">Blogger Yazı Editörü Kullanımı-2</a> okumak için tıklamanız yeterli.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-62361880346034170832016-09-21T16:36:00.000+03:002016-10-08T20:07:49.511+03:00Blogger Apk Paylaşım Teması v1 İndir <div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40-Yj9WAHPj96t6Guedjrf-G6QeVBP_2nr7-hE7Uur_7VukjWwtjR-TldLdx-JEywCrTAJ3UMtp4_3OOgmSa5zjVS5fMCFJIPGsoXNcyfoCr0OGniWZeThZSnd0X_ABEybQuSGUjp5qwy/s1600/onB812.png" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40-Yj9WAHPj96t6Guedjrf-G6QeVBP_2nr7-hE7Uur_7VukjWwtjR-TldLdx-JEywCrTAJ3UMtp4_3OOgmSa5zjVS5fMCFJIPGsoXNcyfoCr0OGniWZeThZSnd0X_ABEybQuSGUjp5qwy/s640/onB812.png" width="498" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Apk uygulamaları paylaşmak için sade ve kullanışlı bu temayı inceledim ve sizlerle paylaşıyorum buyrun.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Blogger Tema Özellikleri;</b></div>
<div style="text-align: center;">
</div>
<ul>
<li style="text-align: left;">Arka planla uyumlu menü dizaynı</li>
<li style="text-align: left;">3'e bölünmüş slider (Yan Gadget Alanı) kısmı</li>
<li style="text-align: left;">3 Bölümlü Footer (Alt Gadget Alanı) kısmı</li>
<li style="text-align: left;">Slider kısmının üstünde sosyal ikon paketi</li>
<li style="text-align: left;">Hazır reklam alanları</li>
<li style="text-align: left;">Aşağı inince beliren yukarı çık butonu</li>
<li style="text-align: left;">Açılır şık menü tasarımı</li>
<li style="text-align: left;">Temaya uygun yorum bölümü dikkat çekiyor</li>
<li style="text-align: left;">Temanın altında ve üstündeki renkler farklılık katmış</li>
<li style="text-align: left;">Makalenin içine eklenebilen reklam bölümleri var bunlar tıklanma oranınızı arttıracaktır.</li>
<li style="text-align: left;">Makaleyi Pdf olarak indir eklentisi bu eklentiyi her blogda görmek zor</li>
<li style="text-align: left;">Sosyal medyada paylaş eklentisi</li>
<li style="text-align: left;">Benzer yazılar eklentisi<br /><br /><span style="color: orange; font-size: large;"><b>Baya bi özellik saydık bakalım siz beğenecek misiniz yorumlarda bizimle fikirlerinizi paylaşın :)<br /></b></span></li>
</ul>
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://androidapkdata.blogspot.com.tr/" target="_blank">DEMO</a></li>
<li><a class="download" href="https://yadi.sk/d/3d8hiq0Nm6CSo" target="_blank">İNDİR</a></li>
</ul>
</div>
<div class="clear">
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-63934277975051102122016-09-21T16:25:00.000+03:002016-10-08T20:07:49.514+03:00Blogger RedxCode Apk İndirme Teması-Facebook Yorum Kutulu<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj75WPk783rrE2V5maFF934s7pvK2kK4KlDWnFevmsIqWMj1AzVmK27a02jpTOmyUDcLT6yI42N1Lqhq2OFSekmH5jNCNx-VcqdcIcemltJ-JBz54GvR001uRNbtT0sU_kGbvE545G9ExOD/s1600/apktema.png" imageanchor="1"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj75WPk783rrE2V5maFF934s7pvK2kK4KlDWnFevmsIqWMj1AzVmK27a02jpTOmyUDcLT6yI42N1Lqhq2OFSekmH5jNCNx-VcqdcIcemltJ-JBz54GvR001uRNbtT0sU_kGbvE545G9ExOD/s640/apktema.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Güzel ve popüler bir apk indirme sitesi kurmak istiyorsanız tam yerindesiniz blogger için hazırlanmış bu güzel apk indirme temasını beraber inceleyeceğiz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Tema Özellikleri;</b></div>
<div style="text-align: center;">
</div>
<ul>
<li style="text-align: left;">Siteye girer girmez öne çıkan slider manşet uygulaması</li>
<li style="text-align: left;">Tavsiye edilen Uygulamalar eklentisi ziyaretçilerinizin sitenizde daha çok vakit geçirmesini sağlar.</li>
<li style="text-align: left;">Sade ve şık tasarım</li>
<li style="text-align: left;">Header kısmıyla birleşmiş hareketli sayfalar kısmı güzel durmuş</li>
<li style="text-align: left;">Menünün içinde arama kutusu ekli durumda.</li>
<li style="text-align: left;">Açılır menü</li>
<li style="text-align: left;">Türkçe dil destekli</li>
<li style="text-align: left;">Aşağıya indiğinizde sağ alttan çıkan güzel bir yukarı çık tuşu var</li>
<li style="text-align: left;">Sağ üst tarafta bulunan sosyal ikonlar</li>
<li style="text-align: left;">Sosyal medyada paylaş eklentisi</li>
<li style="text-align: left;">Facebook yorum kutusu kendinden ekli biçimde </li>
</ul>
<div style="text-align: left;">
<br /></div>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://redxcode-apk-temasi-turkce.blogspot.com.tr/" target="_blank">DEMO</a></li>
<li><a class="download" href="https://yadi.sk/d/x8hqAu1Bm6BqW" target="_blank">İNDİR</a></li>
</ul>
</div>
<div class="clear">
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-711697823992938534.post-23778849748906724372016-09-21T16:13:00.000+03:002016-10-08T20:07:49.497+03:00Hash Movie Blogger Film Teması<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETitC8FbnQZsaL6gy3NMlU9X-99cNTJCc3xUY_lCEqVZj6OOPqOPZEpBpccEd3dnxUmWnZzQg5LejK17vL7tPKxUpt1wR8oKCngX9WSruWEqMoovT97vtuNII5vC5P-ohL0O8iGKnhL54/s1600/hashmovie.png" imageanchor="1"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETitC8FbnQZsaL6gy3NMlU9X-99cNTJCc3xUY_lCEqVZj6OOPqOPZEpBpccEd3dnxUmWnZzQg5LejK17vL7tPKxUpt1wR8oKCngX9WSruWEqMoovT97vtuNII5vC5P-ohL0O8iGKnhL54/s640/hashmovie.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Güzel bir film sitesi kurmak isteyenlerin yapacağı ilk işlerden biri kendine ve izleyicilerine uygun tema bulmak veya yapmaktır. Sizin yapacak bilgi veya vaktiniz yoksa bu veya bunun gibi film temalarını kullanmalısınız. Hemen temayı incelemeye başlayalım size uygunsa indirip kullanmanın keyfini çıkarın.</div>
<a name='more'></a><br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Tema Özellikleri;</b></div>
<div style="text-align: center;">
</div>
<ul>
<li style="text-align: left;">Sağ üst tarafta bulunan sosyal ikonlar dikkatimi çekti gerçekten her alanda kendinizi izleyicilerinize takip ettirebilirsiniz.</li>
<li style="text-align: left;">Hazır reklam alanları mevcut.</li>
<li style="text-align: left;">Arama kutusu header kısmıyla birleşmiş ve göze batmıyor.</li>
<li style="text-align: left;">Filmlerin sadece ismi ve fotoğrafları gözüküyor buda gelen ziyaretçilerin film seçmesini kolaylaştıracaktır.</li>
<li style="text-align: left;">3 Sütunlu olması büyük avantaj iki taraflı reklam verebilirsiniz.</li>
<li style="text-align: left;">Film temasına uyan bir menüsü var </li>
<li style="text-align: left;">Sosyal medyada paylaşma eklentisi</li>
<li style="text-align: left;">Benzer filmler eklentisi</li>
<li style="text-align: left;">Film temalı arka plan resmi bir film sitesinde olduğunuzu hissettiriyor.</li>
</ul>
<div style="text-align: left;">
<br /></div>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://hashmovie.blogspot.com.tr/" target="_blank">DEMO</a></li>
<li><a class="download" href="https://yadi.sk/d/Tby2zmLGkuUid" target="_blank">İNDİR</a></li>
</ul>
</div>
<div class="clear">
</div>
Unknownnoreply@blogger.com2