English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Yazılarımız Hakkında Yorum Yazmayı Unutmayın:)!!!

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

7 Mart 2013 Perşembe

Blogger Sosyal Paylaşım Butonları

Blogger de yayınladığınız yazıların hemen altına ekliyeceğiniz sosyal paylaşım butonları ve beğenme butonları sayesinde blogger blogunuzu sosyal paylaşım siteleri ile iç içe geçirip müthiş bir köprü atacak,Bu bölümde blogger yazı altı, yatay sosyla paylaşım butonlarını blogunuza nasıl ekliyebileceğinizi anlatacağız.Unutmayalım arkadaşlar blog yazmak zor değil,blog hazırlamak da zor değil,blogumuza ziyaretçi çekmek yazdıklarımızın okunurluluğunu arttırmak, asıl bu işin zor kısmı.Herkes birşeyler yazıyor çiziyor,ama kim okuyor? kime ne faydası var? bunların, diye kimse sormuyor kendine.Ortalık blog çöplüğüne dönüşmüş adeta.Bundan dolayı blog mimarı blogların gerçekten işine yarayacak, sadece blogunuzda var olsun diye eklentiler paylaşmıyor.Blogger yazı altı eklentisini eklediğinizde bir kişi yazınızı okuduğunda ve yazı sonuna geldiğinde, eğer yazınızı beğenmişse sosyal paylaşım sitesinde paylaşacak ve burdan size ziyaretçi kazandıracak faydalı bir eklentiyi blogunuza nasıl ekliyebileceğinizi anlatalım:


Eklenti içeriisnde bulunan butonlar:
  1. Facebook beğen butonu
  2. Twitter Paylaş butonu
  3. Google+ Butonu
  4. Blogger Paylaş Butonu
  5. Linkedin Butonu
  6. Pinterest Butonu
  7. E-Posta Abonelik Butonu 
DEMO GÖRÜNÜM
1)Blogger hesabımızla giriş yapıyoruz.
2)Her ihtimale karşı blogger şablonlonumuzu yedeğini alıyoruz.
3)Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.
4)Widget Şablonlarını Genişlet Kutucuğunu işaretliyoruz.
5)Ctrl+F yardımı ile kodlar içerisinde </head> kodunu aratıp buluyoruz.
6)Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına yapıştırıyoruz.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
7)Yine Html kodlarımız içerisinde <data:post.body/> kodunu aratıp buluyoruz.
8)Aşağıdaki kodu kopyalayıp bulduğumuz <data:post.body/> kodunun hemen altına yapıştırıyoruz.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_blogger_hcount' displayText='Blogger'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>

9)Bir ön izleme yapalım,şablonda sıkıntı yoksa ,şablonumuzu kaydedip çıkıyoruz.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınız görünecektir.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan sildiğinizde o paylaşım butonu kaldırılmış olur.Örnek olarak linkedin payşaım butonunu istemiyorsunuz.
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
satırını kaldırdığınızda linkedin paylaşım butonunu da kaldırmış olursunuz.
Not:Blogger yazı altı sosyal paylaşım butonlarını yazı üstünde de göstermek istiyorsanız yada sadece yazı üstünde çıksın istiyorsanız,yapmanız gereken;
8.adımda verdiğimiz kodu <data:post.body/> kodunun hemen üst tarafına yapıştırıyoruz.
Blogger sosyal paylaşım butonlarınız kullanıma hazır hayırlı olsun:) 

16 Ekim 2012 Salı

Blogger Abonelik Eklentisi (Ahşap Modelli)


Blogger Sosyal Paylaşım ve Abonelik Butonları Eklentisinin ingilizcesi "wood model" olan ahşap modellisini sunuyoruz.İçerisinde Blogger sayfanızdan direkt olarak Facebook,Twitter,RSS ve blog aboneliği, yani ziyaretçilerin e mail adreslerini girip kaydet butonuna bastıkları takdirde yazılarınızın kişilerin mail adreslerine gitmesini sağlayacak eklentiyi blogunuza nasıl ekliyebileceğinizi anlatacağız.

Demo Görünüm
1-Blogger Hesabımızla Giriş Yapıyoruz.
2-Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip ediyoruz.
3-Aşağıdaki kodu kopyalayıp Açılan Gadget içerisine yapıştırıyoruz.
<!-- Start Gadget Code From http://www.oyun04.com/ -->
<style type="text/css">
 /* Delete form Here*/  
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
/* Delete to Here*/
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48xeC9fNbUI4z8bKJTSIP3Nk__lNYK_7mrns-o7uYIaBvpXE6i3-fBwyDjRm1o56qev779rLhV-Qmmz47VpMjY0gztpthQgctd6tdxSBVL02B9FCt6-2pA_CVjaBI8BjvSSl0IREO0HM/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    font-weight: bold;
    margin-left:0 auto ;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 6px #000000;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/Blog-Okulu/270630239670726"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD6T4hewtA5q9F4wl5ClDsf-UCSFme76IQigzmJfTlMXuctK_54fymP-WEsFP_U-PtfjAjPxODVVphajqOrDKUo03BcPUIkzSt-fU5EJYHwV6Ty5tc7-UNYLpfxsYQE3J_lr5LeA9SnA/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/blogokulu/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs3KTjGt-RbqtnHi-SDRgkBMwAgdyu15MiNJfXDgi_JeBCDepQJaarsQWqvU1qlPFBKD2Nv9cMJA9bIpXU-m5EJI3RubIfuMSM3xAFPkAd0A40k_845A_T6FwcOsuMWVWF-WKBmG0_-YU/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/blogokulu" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5K3qA7ykWAwPsJEHdBzK2eLrOMyZrzpNKa6_xj5kg4tfOKRyL9RSvXm5HgpVEfhmJ9Xjo5Ygsy4AIyJ5NcYXywAE0HzxM-y98Nwin2ZeM-bYa2Jn6LX1hWvSLDJE1VqjHFo0jHF4d1FA/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
<div><b>Yazılarımız E-Mail Adresinize Gelsin</b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=netoopsbloggertricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="NetOopsBloggerTricks" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Mail Adresinizi Girin..." onfocus="if (this.value == &quot;Mail Adresinizi Girin...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Mail Adresinizi Girin...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Kaydet" title="" class="ebutton" alt="" />
</form>
<!-- End Gadget Code From http://www.oyun04.com/ -->
Kod içerisnde renkli olarak belirttiğimiz:

  1. http://www.facebook.com/pages/Blog-Okulu/270630239670726 Adresi yerine kendi facebook adresinizi.
  2. http://twitter.com/blogokulu Adresi yerine kendi Twitter adresinizi.
  3. http://feeds.feedburner.com/blogokulu Adresi yerine kendi RSS adresinizi yazıyorsunuz.

9 Ağustos 2012 Perşembe

Blogger icin "Ucan Twitter Kusu" Eklentisi

Twitterin uçan kuşunu bloguna yada sitesine eklemek isteyenler için hazırladığım bu yazıda; ziyaretçiler sayfanızda aşşağı yukarı gezerken, twitterin kuşu kanatlarını çırpıp gerçek bir kuş gibi sayfanızda süzülerek uçacak, ziyaretçileriniz kuşu tıkladıklarında, twitterde takipçiniz olacak.Twittirin uçan kuşunu blogunuza eklemenin en kısa yolunu  anlatalım:Twitterin uçan kuşunu blogumuza eklemek için gadget ekleme yöntemini kullanacağız.
Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takipediyoruz. Aşşağıdaki kodu kopyalayıp Html/Javascript Gadgetinin içine yapıştırıp kaydediyoruz.
<!-- blogmimari.blogspot.com Kodu Baslat -->
<script type="text/javascript" src="http://twitter-bird.googlecode.com/files/Twitter-terbang.js"></script><!--script adresi-->
<script type="text/javascript">
var birdSprite="http://twitter-bird.googlecode.com/files/bluetwit.png";<!--kus resmi adresi--> 
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li",
"h1","h2","h3","h4","p","code","object","a","b","strong","span"); 
var twitterAccount = "http://twitter.com/twitteradresiniz";<!--hesap adresi-->
var tweetThisText = "Twitter - blogmimari http://siteadresiniz.blogspot.com/"; <!--diger site adresi-->
tripleflapInit();
</script>
<!-- blogmimari.blogspot.com Kodu Bitir -->
Kod içerisinde:
http://siteadresiniz.blogspot.com (Örnek:http://blogmimari.blogspot.com) 
ve
http://twitter.com/twitteradresiniz (Örnek:http://twitter.com/blogmimari) 
kodlarını bulup kendinize göre değiştirin.

................................Reklam...............................

 

BlogMimarını Facebookta Takibedin

Bu Siteye Katılın

Blog Mimarını Twitterda Takibedin