%100 KESİN ÇÖZÜM WİNDOWS 10 VE OFFİCE 2010 ORJİNAL YAPMA

Read More →

Blogger için Instagram Widget/Eklentisi

Blogger günden güne gelişmektedir. Bundan dolayı blogger  kendi içine instagramda paylaştığınız fotoğraf albümlerini güzel efektler vererek içine gömmektedir yapmanız gerekenler. Şu adımlarda sıraya biliriz.

Read More →

Blog sabit iletişim sayfası eklemek

Blogger’ın kendi gadgetları arasında bulunan iletişim formu üzerinde biraz değişiklikler yaparak floating dediğimiz yüzen yani sayfayı yukarı aşağı kaydırsanız dahi belirlediğimiz pozisyonda sabit kalan bir iletişim butonu koyacağız ve bu butonun üzerine gelindiğinde şık bir iletişim formu açılacak.

 <style>
.form-parent {width:323px;height:auto;background: transparent url('http://i.hizliresim.com/5VQ4AL.png') no-repeat right 10px;position:fixed;top:240px;left: -275px;z-index:9999999;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-parent:hover {left:0;}
.cc-float-form {background:-moz-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-webkit-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-o-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:-ms-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:linear-gradient(to bottom, #2b2a2b 5%, #0a0a0a 100%);color:#fafafa;padding:10px;    width:250px;border:2px solid #000;    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#ContactForm1 {display:none;}
.contact-form-area {background: #222;width: 245px;padding: 10px 0px;border: 1px solid #111;box-shadow: 2px 2px 2px #111 inset;    -webkit-box-shadow: 2px 2px 2px #111 inset;font-family:Verdana, Geneva, sans-serif;color:#fafafa;font-size: 12px;}
#cc {float:right;font-size:9px;margin-top:-10px;color:#777;}#cc a {    color: #777;text-decoration:none;}
</style>
<div class='form-parent'>
<form name="contact-form" class="cc-float-form">
<p></p>
İsim:<br />
<input class="contact-form-area" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Email:
<span style="color:red;">*</span><br />
<input class="contact-form-area" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Mesaj: <span style="color:red;">*</span><br />
<textarea class="contact-form-area"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Gönder" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>

Kodlarda hiçbir değişiklik yapmanıza gerek yok. Tabi gadget olarak eklediğiniz iletişim formunu da kaldırmamanız gerekiyor. Herkese iyi bloglar…

 

 



Kodlarda hiçbir değişiklik yapmanıza gerek yok. Tabi gadget olarak eklediğiniz iletişim formunu da kaldırmamanız gerekiyor. Herkese iyi bloglar…

Read More →

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

 Yine bir blogger eklentisi paylaşmak istiyorum sizlerle , resimde'de görüldüğü bir sosyal medya butonları eklentisi , eğer bir siteniz varsa sosyal medya sitelerinide kullanmanız gerekir ve ziyaretçilerinize sosyal medya profil adreslerinizi daha iyi göstermek veya ziyaretçilerinizin , sizin sosyal medya adreslerinizi daha iyi görmeleri açısından mutlaka böyle bir eklenti kullanmanız gerekir aksi takdirde sitenize ola ziyaretçi azalır diyebilirim güle güle kullanın unutmadan şunuda belirtmek istiyorum arkadaşlar böyle göründüğüne bakmayın üzerine geldiğiniz zaman kendi rengini alıyor örneğin facebook kapalı mavi gibi 1.kodlar Css bölümüne eklenecek , 2. kodlar eklentiyi nerede kullanacaksınız , nerede görünmesini istiyorsanız oraya ekleyeceksiniz , 2. kodları Widget olarak ekleyebilirsiniz sağ taraf'da daha ideal oluyor

 

 

 

 

Read More →

Blogger ÜCRETSİZ SEO Paketi

Blog yazarlığına başlayan herkes bir süre sonra normal olarak kafayı ziyaretçi sayısını arttırmaya takıyor. Bunun için de Google aramalarında daha üst sıralarda çıkmanın yollarını araştırıyor. Sonuç olarak her blogger er ya da geç SEO ile tanışıyor.

Dünyanın en popüler ve ücretsiz içerik yönetim sistemi olan Blogger’da Wordpress veya diğer içerik yönetim sistemlerindeki otomatik SEO paketleri bulunmadığından Blogger kullanıcıları olarak bir bazı SEO düzenlemelerini kendimiz yapmalıyız. Blogger’da bunu yapmanın yolu ise meta tag eklemekten geçiyor.

Meta Tag Nedir? Ne İşe Yarar?

Meta tag, sayfanın kodlarına eklenen fakat ziyaretçiler tarafından görünmeyen, eklendiği sayfanın içeriğini tanımlayan metin parçalarıdır. Meta tagler arama motorlarının siteleri ziyaret eden örümcek dediğimiz botları tarafından algılanır ve arama motoruna o sayfanın ne ile ilgili olduğu hakkında bilgi verir.

Meta tagler sayfanın HTML kodları arasında ve kodları arasında yer alır. Blogger’da Şablon > HTML’yi Düzenle dediğinizde şeklinde gördüğünüz satırlar birer meta tagdir ve hepsinin anlamı vardır.

Blogger’a bu meta kodlarını doğru ve güncel bir şeklinde eklerseniz Blogger üzerinde yapılabilecek pek çok optimizasyon işlemini yapmış olursunuz. Bu yüzden bune All In One SEO paketi dedim.

Blogger All In One SEO Paketi

Aşağıda gördüğünüz meta tagleri şablonunuzun HTML kodlarında  satırının altına ekleyeceksiniz. Tabi ekleyeceğiniz meta tag daha önce eklenmişse silmeniz gerekmektedir

'xxxxxxxxxxxxxxx' name='msvalidate.01'/>
'xxxxxxxxxxxxxxx' name='alexaVerifyID'/>
'Istanbul, Turkey' name='geo.placename'/>

Değiştirmeniz gereken yerleri kırmızı renkle gösterdim. Şu şekilde düzenlemeniz gerekiyor: 

•  kelime1, kelime2, kelime3 yerine önemli anahtar kelimelerinizi yazın.
• https://plus.google.com/+omerynBlogspot/posts" rel="publisher"> buraya blogunuz için oluşturduğunuz Google+ sayfasının urlsini yazın. Eğer sayfa oluşturmadıysanız kişisel Google+ profilinizin urlsini yazabilirsiniz.
• https://plus.google.com/+omeryen/about" rel="author">
  https://plus.google.com/+omeryen" rel="me"> buralara kişisel Google+ proflinizin urlsini yazın.
• buraya Google Search Console kodunu yazın.
• buraya Bing Webmaster Tools kodunu yazın.
• buraya Alexa kodunuzu yazın.
• buraya bulunduğunuz şehri yazın.
• buraya blog yazarının ismini yazın.
• buraya kişisel Facebook profilinizin urlsini yazın
• buraya blogunuzun Facebook sayfasının kullanıcı adını yazın.
• buraya blogunuzun Twitter hesabının kullanıcı adını yazın.
• buraya kişisel Twitter hesabınızın urlsini yazın. Tekbir Twitter hesabı kullanıyorsanız ikisine de aynı kullanıcı adını yazın.

Eklediğimiz Bu Meta Tagler Ne İşe Yarar?

Kodlarla haşır neşir olanlar bu meta taglerin çoğunun ne anlama geldiğini kolayca anlayacaktır ama ben yine de genel olarak bu ayarların blogunuza katkısından bahsedeyim.

Sayfa başlıkları optimize edilecektir. Arama sonuçlarında yazı başlığı blog başlığından önce görünecektir. Indexlemeler daha düzenli yapılacaktır. Mükerrer indexlemelerin önüne geçilecektir. Google, Bing ve Alexa verify kodları yer almaktadır. Facebook, Twitter ve Google+ paylaşımlarında alakasız başlık, açıklama ve görüntü düzelecektir.

Read More →