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

22 Temmuz 2014 Salı

Pop-up Facebook beğen, Twitter takip & Email Box eklentisi

Pop-up Facebook beğen, Twitter takip & Email Box eklentisi
Bu eklenti, ziyaretçileriniz blogunuza, websitenize girdiğinde bir kereye mahsus otomatik olarak ekranın ortasında popup açılır ve ziyaretçileriniz facebook sayfanızı beğenebilir, twitter'da sizi takip edebilir ve ayrıca mail takip yoluyla yazılarınıza abone olabilirler. Bu gerçekten çok güzel ve tamamen özelleştirilmiş. Aşağıda eklenti oluşturucu ile eklenti rengini değiştirebilirsiniz. Blogger ve aynı zamanda wordpress üzerine eklemek için kolay. Bu eklenti 15 gün varsayılan ayarı ile birlikte geliyor, ihtiyacınıza göre değiştirebilirsiniz.
Sizde Pop-up Facebook beğen, Twitter takip & Email Box eklentisini kullanmak isterseniz aşağıdaki kod Oluşturucuyla bilgilerinizi girip eklentinizi Oluşturabilirsiniz.

Özellikler:

  • 1. jQuery/JavaScript eklenti.
  • 2. Yeni bir ziyaretçi web sitenize geldiğinde otomatik olarak ekranın ortasında açılır.
  • 3. Harika ve Şık görünüş.
  • 4. Facebook beğen, Twitter takip et ve E-posta Abone eklentisi bulunuyor.

Pop-Up Takip Kutusunu Blogunuza/web sitenize ekleme?


  • 1. Benim kullanıcı adı olan bölümleri değiştirin.
  • 2. renk kutusundaki eklenti renginizi seçin.
  • 3. Eğer istiyorsanız her ziyaretimde görünür? Evet / Hayır'ı seçin.
  • 4. Eklenti için blogda görünür gün ayarını Ayarlayın.
  • 5. Oluştur ve ardından Önizleme'yi tıklayın.
  • 6. Son olarak Blogger ekle'yi tıklayın.
● Eklenti oluşturucuyu kullanmadan önce Blogger hesabınıza giriş yapın!
● Kodu Manuel eklemek isteseniz Yerleşim >> Gadget ekle >> HTML/JavaScript şeklinde istediğiniz yere ekleyebilirsiniz.
Şimdi Blogunuzu kontrol edin. işlem bukadar.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

25 Nisan 2014 Cuma

Türkiye'nin Sosyal Medya İstatistikleri

Bu yazı Emre Öklük tarafından Blog Hocam için yazılmıştır.

Facebook, Twitter gibi sosyal medya araçlarının en aktif kullanıldığı ülkelerden biri olan Türkiye, resmen  bu alanda madalya kazanmaya hak kazanmış bir durumda. Yapılan araştırmaların ortaya çıkardığı sonuçlar inanılmaz derecede hayret verici. Dönemin teknolojisiyle bu kadar iç içe olmak ilk bakışta heyecan verici, umutlandırıcı gibi görünse de bana göre işin aslı pek de öyle değil aslında.

Türkiye İstatistik Kurumu Hanehalkı Bilişim Teknolojileri Kullanım Araştırması 2013 verilerine göre 16-74 yaş grubu bireylerin yüzde 39,5'i interneti haftada en az bir defa kullanıyormuş. Aynı yaş grubunda internet kullanan bireylerin arasında düzenli internet kullanım oranı ise yüzde 91,6. Financial Times'a göre ise Türkiye'de internet kullanıcısı sayısı 36,455,000.

Gerçekten de hayret verici değil mi? 75 milyon nüfüsa sahip bir ülkede 36 milyonun üzerinde birey interneti aktif bir şekilde kullanıyor. Bir de bu 36 milyon insanın interneti ne amaçla kullandığına bakalım isterseniz.

Webrazzi sitesinin aktardığı bilgilere göre Foursquare'da Türkiye, ABD'den sonra dünyada en çok check-in yapılan ikinci ülkeymiş. Bu sonuçla görülüyor ki Türkiye, yoğun nüfüslu, internetin aktif kullanıldığı Avrupa ve Asya ülekelerini bu konuda geride bırakmış.



36 milyon internet kullanıcısının yüzde 31.10'u ise Twitter kullanıyormuş. İşte en hayret verici nokta bu ki, bu istatistik Türkiye'yi dünyada Twitter kullanımında birinci sıraya yerleştirmiş. Bu yüzde rakama döktüğümüzde Türkiye'de 11 milyon 337 bin Twitter kullanıcısı olduğunu gösteriyor. TTNet tarafından yapılan araştırmaya göre ise geçtiğimiz Şubat ayında Türkiye'de Facebook kullanıcı sayısının 32 milyonu aştığı belirtilmiştir. Google+ kullanıcısı 1 milyon, Twitter kullanıcısı 6 milyon ve Linkedin kullanıcısı 1 milyon civarındadır.

Önceden lüks olarak görülen bilgisayar ve internet artık çoğu insanın sadece elini çebine atarak ulaşabileceği bir konumda ve ülkemizde bu imkanı kullanan birey sayısı oldukça fazla. Bu noktada ortaya çıkan soru ise internet veya sosyal medyanın ne derecede olumlu kullanıldığı.

Türkçe web sitelerine bakacak olursak blog çöplüğünden geçilmiyor, kopyala yapıştır yayıncılık almış başını gidiyor, Facebook, Twitter ve Foursquare'da insanların ne yaptığı, ne yeyip içtiği ve nereye gittiğinden başka bir şey önemli değil. (Bir de ülkesini sanki sosyal medya üzerinden kurtaracağını düşünen işgüzarlar var ya; o konuyu hiç açmayın işte.) Bana soracak olursanız kullanmış olmak için kullanmaktan başka yaptığımız bir şey yok interneti. Eğer biz, interneti gerçekten verimli kullansaydık Twitter'da değil de Türk yapımı bir sosyal paylaşım sitesinde rekor kırmış olurduk. Ya da android ve IOS markette en çok indirilen uygulama Türk yapımı bir sosyal paylaşım uygulaması olurdu. Veya başka bir şey.

Neyse, buradan sonra yorumu sizlere bırakıyorum. Bu yazımda konuyla ilgili istatistikleri sizlere sunmak istedim, eğer ülkemizde internet kullanımının verimliliğiyle ilgili bütün yorumlarımı merak ederseniz Türkiye'nin İnternetle İmtihanı adlı yazımda naçizane bir kaç fikrime ulaşabilirsiniz.

Saygılarımla
 
Yazar Hakkında: Yaklaşık üç senedir kişisel blog yazarlığı ' yapmaya çalışmaktayım '. İlk defa bu kadar kararlı ve düzenli olarak Nisan 2014'te emreokluk.com adıyla oluşturduğum blogumla blog dünyasına adımımı atıyorum. Kişisel, her telden yazılarımı blogumda sunmaktayım.

Blog: emreokluk.com
İletişim: oklukk@gmail.com

21 Nisan 2014 Pazartesi

Daha Fazla Retweet Almanın Yolları

Blog Hocam’ın Twitter hesabını takip edenler çok aktif olmadığımı bilirler. Kişisel bir hesabım olmadığı için Twitter’a mobil cihazlardan da bağlanmıyorum. Blog  Hocam’da yayınlanan yeni yazıları, gelişmeleri, beğendiğim içerikleri, bazen de o an aklıma gelen bir ipucunu paylaşıyorum.

 

Attığım tweetlerin hemen hepsi dijital dünyayla ilgilenenlere yönelik olsa da bazıları defalarca retweet ediliyor, bazılarında ise paylaştığım link bile tıklanmıyor.

 

İnternette bulduğum çeşitli Twitter analiz araçlarını (ilerleyen zamanlarda bu araçları paylaşacağım) kullanarak en çok retweet edilen tweetlerimin listesi çıkardım. Bu tweetleri inceledim ve neden diğerlerinden çok retweet edildiklerini anlamaya yönelik bir çalışma yaptım.

 

Benim gibi kişisel değil, blogu için Twitter hesabı olan ve bu yönde tweetler atan kullanıcıların daha fazla retweet almaları için önerilerim…

 

retweet

 

1. Mention Kullanın

 

Tweetlerde mention kullanmak, o tweetin viral etkiyle yayılmasını sağlayabiliyor. Ünlü bir Twitter kullanıcısından veya binlerce takipçisi olan bir kuruluştan bahsederken o hesabı mentionladığınızda retweet edilme ihtimali çok yüksektir.  Retwet sayesinde o hesabı takip eden binlerce kişiden de tweetinizi retweet eden mutlaka olacaktır.

 

2. Kısa Linkler Kullanın

 

Lİnk içeren tweetlerin daha çok retweet edildiği çoğu araştırmada ortaya çıkan bir sonuç. Ancak benim incelemem de şöyle bir durum var: linkleri kısaltarak tweetin sonuna eklediğimde hem tıklanma, hem de retweet edilme oranı artıyor. İnsanlara bilgi, belge, haber veren web sayfalarının linklerini kısaltarak paylaşırsanız daha çok retweet edilecektir.

 

3. Siz De Retweet Edin

 

Tweeterinizin retweet edilmesini istiyorsunu ama siz bunu ne kadar yapıyorsunuz? Özellikle karşılıklı takipleşmenin olduğu hesapların tweetlerini retweet ettiğinizde onlar da iade i retweet yapacaktır. Bunun altında yatan şeyin psikolojik olduğu tahmin ediyorsunuz sanırım.

 

4. Hashtag Kullanın

 

Twitter’ın sembolü olan hashtagler her faaliyette olduğu gibi retweet almakta da çok işe yarıyor. Tweetinizin ilgli kullanıcılar tarafından farkedilip retweet edilmesi için 3 taneyi geçmeyecek şekilde hashtag eklemenizi öneririm.

 

5. İsteyenin Bir Yüzü…

 

Bazı tweetlerimin başına veya sonuna “RT Lütfen!” şeklinde bir call to action eklemişim. Ve yardımsever bazı takipçilerim bu çağrıma kulak verip retweet etmişler. Daha fazla retweet almak için belki en ilkel yöntem işe yarıyor :)

 

6. Tweet Uzunluğunu Optimize Edin

 

Çok kısa ce çok uzun tweetler pek sevilmiyor ya da dikkat çekmiyor sanırım. Hem dijital analiz şirketleriin araştırmalarından, hem de benim gözlemlerimden yola çıkarak ideal tweet uzuynluğunun 71-100 karakter arası olduğunu söyleyebilirim. Bu uzunluktaki tweetlerin retweet edilme şansı daha yüksek.

 

7. Zaman Ayarlı Tweetler Gönderin

 

Ben de olduğu gibi sizde de farklı yaşam tarzındanve meslek grubundan takiçiler mutlaka vardır. Her kesmin farklı onkline gün ve saati olabilir. Dolayısıyla tweetlerinizi farklı gün saat dilimlerine programlayarak gönderirseniz retweet edilme ihimali artar.

 

8. Görsel Kullanın

 

Yapılan araştırmalar görsel kullanılan tweetlerin, kullanılmayanlara göre 2 kat daha fazla retweet edildiğini tespit etmiş. Gerçekten de görsel eklediğim tweetler daha çok kullanıcı tarafından retweet edilmiş.

 

9. TT Listesine Göz Atın

 

TT listesindeki hashtagleri kullanarak attığınız tweetler, o hashtagin gündeme kalmasını isteyen kullanıcılar tarafından bol bol retweet edilir, favorilere eklenir. Gündemdeki hastagleri kullanarak, sizi takip etmeyen kullanıcılar tarafından bile retweet edilirsiniz.

 

10. Twitter Hakkında Tweetleyin

 

Twitter hakkında gönderdiğim tweetler de bol bol retweet alıyor. Bazen bir eleştiri, bazen bir ipucu, bazen bir yenilik. Twitter’da aktif olarak yer alan insanlst Twitter hakkındaki teetleri retweet etmeyi seviyorlar.

14 Nisan 2014 Pazartesi

3 Adımda Twitter’da Hedef Takipçi

Dünya’da şuan en aktif ve en popüler sosyal ağın Twittter olduğunu söylemek yanlış olmaz sanırım. Her yaştan, her sosyal statüden, her meslek grubundan kullanıcısı olan Twitter, blogularınızı ve blog yazılarınızı insanlara tanıtmak için eşsiz br mecra. Fakat bu iş göründüğü kadar kolay değil ne yazık ki.

 

Twitter’dan trafik yani hit kazanmak için öncelikle çok sayıda takipçiniz olması gerekir. Daha da önemlisi takipçilerinizin gerçekten blogunuzun konusuyla ilgili kişilerden oluşması gerekiyor. Takipçi satın alarak veya karşılık takipleşme etkinliklerine katılarak onbinlerce takipçi sayısına ulaşsanız bile tıklanma oranları çok düşük olacağı için size dönüşü olmayacaktır.

 

Uzun lafın kısası Twitter’da blogunuzun konusuyla ilglenen takipçi sayınız ne kadar çok olursa Twitter kaynaklı trafiğiniz de o kadar fazla olacaktır. Bunun için çeşitli yöntemler var elbette. Bu yazımda da Twitter’da nitelikli takipçi sayınızı arttırmanın denenmiş, onaylanmış yöntemlerinden birini anlatacağım.

 

1. Adım: Tespit

 

Öncelikle blogunuzun konusuyla ilgili top blogları tespit etmelisiniz. Zaten blog yazdığınız konu, ilgi duyduğunuz konu olduğu için o konudaki popüler ve top blogları muhtemelen biliyorsunuzdur. Esasında sadece blog olmak zorunda da değil. Blogunuzun konusuyla ilgili yazılmış ve Twitter’da çok sayıda paylaşılmış bir yazıyı da bulabilirsiniz.

 

2. adıma geçmeden neden bu popüler blogları ve yazıları tespit ettiğimizden kısaca bahsedeyim. Blogunuzun konusuyla ilgili popüler bloglardaki yazılar büyük ihtimalle onlarca hatta yüzlerce kez tweetlenmiştir. Yani bu yazıları tweetleyenler sizin hedef kitlenizdir. Bu popüler bloglar sayesinde Twitter’daki hedef kitlenize çok kolay bir şekilde ulaşabileceksiniz.

 

2. Adım: Erişim

 

Blogunuzun konusuyla ilgili popüler bir blogda, çok sayıda kişi tarafından tweetlenmiş bir yazı bulduktan sonra sıra o yazıyı tweetleyen kişilere ulaşmaya geldi. Bu kişiler sizin için çok önemlidir çünkü blogunuzun konusuyla ilgilidirler. Bundan sonraki amacınız o kişilern sizi takip etmesini sağlamak olacak ama önce bu kişileri nasıl görebileceğinizi göstermek istiyorum.

 

tweetleyenler

 

Örnekte gösterdiğim gibi Twitter’daki paylşım sayısını gösteren kutucuğa tıkladığınızda yazıyı Twitter’da paylaşanların listesi karşınıza çıkacaktır.

 

3. Adım: İletişim

 

Artık blogunuzun konusuyla ilgili Twitter kullanıcılarının listesi karşınızda. Tabi bu liste sadece 1 yazı için geçerli. Bu yöntemi yüzlerce yazı için uyguladığınızda liste epey kabarık olacaktır.

 

twitter-hedef-kitle

 

Artık hedefiniz bu kullanıcılarla iletişime geçmek ve sizi takip etmelerini sağlamak. Diğer bir deyişle dikkatlerini çekmek. Bunun da iki yolu var.

 

- Takip Etmek: Hedeflediğiniz bu kullanıcıları Twitter’da takip etmeye başladığınızda onnlara bir bildirim gidecek ve sizin takip etmeye başladığınız bildirilecektir. O kişi sizi merak edip profilinize baktığında ilgi duyduğu konuda tweetler attığınızı, linkler paylaştığınızı görecek ve büyük ihtimalle sizi takip etmeye başlayacaktır.

 

- Mention: Hedef kullanıcılarla iletişim kurmanın bir yolu da tweetlerinizde o kişiyi mentionlamak yani tweetinizin başına ya da sonuna @bloghocam şeklinde kullanıcı adını yazmaktır. Bu durumda da kendisine bir bildirim gidecek ve merak edip profilinize baktığında yine büyük ihtimalle sizi takip etmeye başlayacaktır.

 

Sonuç Ve Hatırlatmalar

 

3 adımı başarıyla tamamladıktan sonra yapmanız gereken şeyt bekleyip Twitter’daki takipçi sayınızın artışını beklemek olacak. Üstelik hepsi gerçek, ilgili ve bilinçli kullanıcı.

 

3 adımdan oluşan bu takipçi arttırma stratejisini uygulayacaklara başarı yüzdesini arttıracak bazı önemli hatırlatmalar yapmak istiyorum.

 

- Günlük limitlere dikkat edin! Aynı gün içerisinde çok sayıda kişiyi takip etmek Twitter hesabınızın askıya alınmasına yol açabilir.

 

- Aynı kullanıcıyı arka arkaya mentionlamayın. Bu durum bazen insanların sinirlerini bozabilir.

 

- Hedef kullanıcıları belirlerken tweet akışına mutlaka göz atın. En son tweeti ne zaman gönderdiğine bakın. Aktif kullanıcı değilse uğraşamaya değmez.

10 Nisan 2014 Perşembe

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi

Bugün sizler için hazırladığım blogger için çok şık bir E-Posta Abonelik Eklentisini anlatacam. Düğme butonlu, üzerine gelindiğinde aç-kapa basma efekti veren, 4 sosyal medya, 1 RSS butonuyla güzel bir eklenti. Bu E-posta abonelik eklentisiyle blogunuzun okuyucularınızı güncel tutabilirsiniz. Aslında blogger'in kendi gadgetleri arasında E-posta abonelik eklentisi bulunsada pek göze hitap etmediği için çoğu blog sahibi kullanmıyor. Bu yüzden aynı amaçla oluşturduğum ama göze biraz daha hitap eden bu E-posta abonelik eklentisiyle çok daha fazla kullanıcıya hitap edebileceksiniz. Yazdığınız yazılar E-mail yoluyla takipçilerinize ulaşacak ve takipçileriniz çok daha fazla sitenize girerek yeni konularınızı okuyabilecek ve yorum yapabilecekler.

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi Önizleme:


Yayınlanacak Yeni Yazılar E-mail Adresinize Gelsin…

FacebookTwitterGooglepinterestRSS

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisini Ekleme :


  • Blogger panelinize giriş yapın Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • Ve aşağıdaki kodları Online HTML Editör ile isteginize göre ayarlayarak kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

<style type='text/css'>
#mefabone-widget{width:300px;background:#ddd;max-height:400px;border:4px ridge green;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin:0;padding:0;}
#abone{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjky0StknisL01rO8s3Kx0ok-BdF24Ow5uDBSmRQnaj7nyBWZjLGAFsLxQruKVJYlYrb3KutIJm6vASaW4bFPoG6cSMzVajCTcNWdJKKNKA74RQNYH4UxdSo5L3gt37sEGsUUNlm3-qx0/s1600/blogger-e-posta-abonelik-eklentisi.png) no-repeat scroll 100% 100% transparent;width:266px;height:124px;margin:5px 15px -100px;padding:0;}
#mede{width:300px;margin:0;text-align:center;}
#mede img{width:80px;height:80px;border-style:none;}
.ara{margin:auto 2px;}
.bulten{height:55px;text-align:center;margin:0 0 5px;}
.mefbutton{background-color:#82d4fe;font-size:12px;font-family:helvetica,georgia,oswald;font-weight:700;text-decoration:none;transition:all .2s ease 0;cursor:pointer;color:#333;border:1px solid #ddd;margin:5px;padding:4px 20px;}
.mefbutton:hover{background-color:#3d694e;text-align:center;box-shadow:0 0 8px 0 #FFF;-webkit-box-shadow:0 0 5px 0 #FFF;-moz-box-shadow:0 0 5px 0 #FFF;border:1px solid #fff;color:#fff;}
.email{background:none repeat scroll 0 0 #fff!important;float:left;width:250px;height:25px;border:1px solid #ddd;font-size:11px;font-family:helvetica,georgia,arial,oswald;margin:0 25px;padding:2px 3px;}
</style>
<div id="mefabone-widget">
<div id="abone"></div>
<p style="color:#3A3A3A;text-align:center;text-shadow:0 1px 0 #FFF;font-size:12px;font-weight:700;font-family:Tahoma,helvetica,arial,oswald;">Yayınlanacak Yeni Yazılar E-mail Adresinize Gelsin…</p>
<div class="bulten">
<form action="http://feedburner.google.com/fb/a/mailverify" class="bulten" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MeftunMede', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" name="email" onblur="if (this.value == '') {this.value = 'Buraya E-postanızı girin...';}" onfocus="if (this.value == 'Buraya E-postanızı girin...') {this.value = '';}" type="text" value="Buraya E-postanızı girin..."/>
<input name="uri" type="hidden" value="MeftunMede"/>
<input name="title" type="hidden" value="MeftunMede"/>
<input name="loc" type="hidden" value="tr_TR" />
<input class="mefbutton" name="submit" type="submit" value="Gönder"/>
</form>
</div>
<div id="mede">
<a href="https://www.facebook.com/meftunmede.blogger" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_VnbwwWBbe4VFnysTWv5lkduxRsxXwZRSRLe9kwceUHQSq504vnmWRdTvcX_Q5KPv6C0rLn_DUlNVuaBGXUtow1PE4vZtUSF8LhcUfROms4IWYHuM9-25FegRcrVM2WnOIukaRaJDpiQ/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j6SpzyKn3i6CCui5VDqxQnZGnNvTNhTZ1rizzH4dY3r1mwwnqhYwfpReGzdxORfm_yz1O45dD2-MZVE_QF2HWU0BOylfc0BnGuXytv4Bf_SR12KGLPQCXG95iVC_4kKltn91QKB1EOKh/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_VnbwwWBbe4VFnysTWv5lkduxRsxXwZRSRLe9kwceUHQSq504vnmWRdTvcX_Q5KPv6C0rLn_DUlNVuaBGXUtow1PE4vZtUSF8LhcUfROms4IWYHuM9-25FegRcrVM2WnOIukaRaJDpiQ/s1600/Facebook.png" title="Facebook'ta Beğenin" alt="Facebook" height="80" width="80"/></a>
<a href="https://twitter.com/MeftunMEDE" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfN7htI1xkjWdvyiHDfFFIOvs4xe5P9lFhOulKmOYiqIefA1bs5uBtF3wAFrZmCIRRevVipyRno2gMewhyphenhyphenXW8ivmFJi5qZ07zG1uhDQDreeHeVw9ZeRVuEwUbZ-wjZlw3ue3aO2pk-fHt/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEJlD6nrHUUqXWIndDKJxYiouHsV-CKhqZiEBO-auTtutO4eTTPQhaD3kL_l0C5Jq_-3IdkAhGPan9yQL98WPQl72oVqWWZGxS2s4BNRO7nepAzr2qZO0TLN9GN18S55FaaYdtAL_7A23K/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfN7htI1xkjWdvyiHDfFFIOvs4xe5P9lFhOulKmOYiqIefA1bs5uBtF3wAFrZmCIRRevVipyRno2gMewhyphenhyphenXW8ivmFJi5qZ07zG1uhDQDreeHeVw9ZeRVuEwUbZ-wjZlw3ue3aO2pk-fHt/s1600/Twitter.png" title="Twitter'da Bizi Takip Edin" alt="Twitter" height="80" width="80"/></a>
<a href="https://plus.google.com/111555326072108216342" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXZyFrX_T_sY6SnsOV9jiE_c8UPvN2PdQ-u0BjiJv-5YvhPNVr7uQnmN82Kx4rOLprRqgnCcuHo4YMYdsJh4CTS0_znQur_-rNehwvu6qEKnpaz-Vf8M9Tcc92XpGaV6gB3b67BQ4A2H5/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ejIUQYAgnAHsn4KplgCsGnErXNXOq6-tWbzh_3L1405Zba8EpqQCW8SOhkvDFbNNTjdNA5RVgUPEv5Fk46HHX4LgtnxCo1QP1HbgR23ko-RzuVnWdKrWuDOU_4WW2dvCpBjlVyHBhZZi/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXZyFrX_T_sY6SnsOV9jiE_c8UPvN2PdQ-u0BjiJv-5YvhPNVr7uQnmN82Kx4rOLprRqgnCcuHo4YMYdsJh4CTS0_znQur_-rNehwvu6qEKnpaz-Vf8M9Tcc92XpGaV6gB3b67BQ4A2H5/s1600/Google.png" title="Google plus'da Bizi Takip Edin" alt="Google" height="80" width="80"/></a>
<a href="http://pinterest.com/meftunmede" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEiev5YclqRWJlWFyR9Jb7K6C9FmFfFtkU_Hc0rJ27YAxl5lxLpVX8-a7IenA6l9dVBPt8iVzEkMJCJRG6Xo7GEJHyu9Asv2kajlJGUnFpEE2-NaqUwWMkGotgjBo2uakJOXiS1Ro0ZBb/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4-hKuYGg6nSViOVb6pxhNWn3r5t8cnwbcSLLNpq2w-_AU8Ausn_5gK19cz8wKSilFLYVktkZy7zecGGcCHfeoDJd7Q7POhTiwZLuFYt4uMSgPFc_w0CixHpo2J60Jtf_LmYYkqW8t7yq/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEiev5YclqRWJlWFyR9Jb7K6C9FmFfFtkU_Hc0rJ27YAxl5lxLpVX8-a7IenA6l9dVBPt8iVzEkMJCJRG6Xo7GEJHyu9Asv2kajlJGUnFpEE2-NaqUwWMkGotgjBo2uakJOXiS1Ro0ZBb/s1600/pinterst.png" title="Pinterest'de Takip Edin" alt="pinterest" height="80" width="80"/></a>
<a href="http://feeds.feedburner.com/MeftunMede" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7a2BZe4-_XvLnDY8iLEW0VgzvDOnPPTP9FcLV35taPYl4HO2Jex3yVUOxWcjpQbaTx32Fo0TYFy5mpXaisq64_7-ROpeqzLbfnq7lORATk4ECV9pIXFKukIaH1KXgPB3-2BLdJvPFqaQ/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAnVfL6YiTQuE5n2JDXtOWviUgPuTCCEW7l7T4tMSdYi_vIq6dyXhInMTPSRx6oFZxaIkN5_qb4jqJLKkDSJT2dEVamK3IfBWjDb9PXJqA5rjGfp10zKbQC2KbB-wFjmSurZ2PRNTlOQKy/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7a2BZe4-_XvLnDY8iLEW0VgzvDOnPPTP9FcLV35taPYl4HO2Jex3yVUOxWcjpQbaTx32Fo0TYFy5mpXaisq64_7-ROpeqzLbfnq7lORATk4ECV9pIXFKukIaH1KXgPB3-2BLdJvPFqaQ/s1600/Rss.png" title="RSS Özet akışlarına Abone olun" alt="RSS" height="80" width="80"/></a>
</div>
</div>

Özelleştirme:


Yukarıda kırmızıyla işaretledigim bölümlere Facebook, Twitter, Google+, Pinterest, RSS ve Feedburner adreslerinizi yazmayı unutmayın. ilk önce Online HTML Editör ile oluşturdugunuz kodu deneyin. Rengini, fontları, kendi isteginize göre ayarlayıp, ondan sonra blogunuza ekleyin.
Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

12 Mart 2014 Çarşamba

jQuery Facebook Fotoğraf Galerisi Eklentisi

Facebook jQuery Fotoğraf Galerisi eklentisi

Facebook kalite hedefli trafik için bir numaralı kaynak olduğunu ortaya koymuş bir sosyal platform. Bugün bu yazıda size Nasıl Blogger'da bir jQuery Facebook Fotoğraf Galerisi Oluşturulur onu göstereceğim. Bu eklenti Facebook sayfanızda paylaştığınız tüm albüm ve fotoğraflarınızı web sitenizde, blogunuzda görüntülemeyi sağlar. Tüm sistem jQuery ile çalışır. Ayrıca Lightbox işlevselliği sayesinde sitenizin içinde fotoğrafları görüntüleyebilirsiniz. Farklı albümlerizi tarayabilir ve başladığınız yere geri yere gidebilirsiniz. Facebookta çok vakit geçiren ve çok fotoğraf paylaşan kullanıcılar için güzel bir eklenti.



Blogger'da jQuery Facebook Fotoğraf Galerisi Nasıl oluşturulur?


Facebook fotoğraf galerisini yükleme:

  • Google hesabınıza giriş yapın.
  • Blogger > Şablon
  • Şablonunuzun yedeğini alın!
  • HTML'yi Düzenle > tıklayıp devam edin
  • </head> kodunu bulun ve hemen üstüne aşağıdaki komut dosyalarını kopyalayıp yapıştırın:

  • <link media="all" href="http://meftun-mede.googlecode.com/svn/trunk/Meftun-fancybox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://meftun-mede.googlecode.com/svn/trunk/Meftun_fancybox.min.js"></script>


  • Şablonu Kaydet diyip bir sonraki adıma geçiyoruz.

  • Şimdi Facebook Sayfa profil kimliğini bulmak gerekiyor (şunu hatırlatayım; Herkeze açık profil sayfalarda çalışır).
    Facebook Sayfa kimliği ID'sini bulmak için http://findmyfacebookid.com'a gidin.
    Ve Sayfa URL'sini girin yani http://www.facebook.com/MeftunApart gibi.
    Sayfanızın sayısal kimlik ID'sini almak için “Lookup Numeric ID” butonuna basın.
    Facebook sayısal kimlik ID
    Şimdi Blogger kontrol panelinde Yerleşim sonra eklentiyi görmek istedigimiz yere Gadget ekle sonra HTML/JavaScript'i buluyoruz. Sonra aşağıdaki kodları Sayfa kimliği ID'nizi girdikten sonra kopyalayıp yapıştırın.

    <div id="FB_Album_Frame"></div>
    <script type="text/javascript" src="https://meftun-mede.googlecode.com/svn/trunk/MeftunMede_fancybox.js"></script>
    <script>
    $(document).ready(function ($) {
    $('#FB_Album_Frame').FB_Album({
    facebookID: 'Sayfa_kimliği_ID',
    responsiveGallery: false
    });
    });
    </script>

    Tebrikler :
    Herşey bittikten sonra, yayınlayabilirsiniz. Başarıyla Blogger'da bir Facebook jQuery Fotoğraf Galerisi oluşturduk. Şimdi düzgün bi şekilde çalışıp çalışmadığını kontrol edin.
    Umarım hoşunuza gitmiştir. Kodu kopyalayıp bloğunuza yada websitenizin istediğiniz bölümüne yapıştırın.
    Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    10 Mart 2014 Pazartesi

    YouTube Video Yayın Akışı Eklentisi

    Blogunuza/Websitenize YouTube Video Yayın Akışı Eklentisi

    Biliyorsunuzki YouTube Şubat 2005'te kurulan ve milyarlarca kullanıcının orijinal olarak oluşturulmuş videoları keşfetmesine, izlemesine ve paylaşmasına olanak vermektedir. Bu yazıda Yotube videolarınızı küçük parçalar (snippet) halinde sidebarınızda nasıl yayınlayacağınızı gösterecem. Bu eklenti Jake Handling tarafından geliştirilmiştir. Web sitenizde bir widget yaratan yeni bir "Yunero" jQuery eklentisidir. Sadece Youtube kanal URL'sini belirtin ve bu widget kanaldan son yüklenenler videolarınızı gösterecektir. Ayrıca youtube çalma listenizin URL'sini belirtebilirsiniz ve video çalma listeniz ekrana gelecek. Videoya tıklandığında eklentinin kendi içinde hemen üst tarafta izlenilebilir özelliği var. Bu eklentiyi wesitenizde/blogunuzda kullanarak izleyicilerinizi/abonelerinizi arttırabilirsiniz.

    Blogunuza / Websitenize YouTube Video Yayın Akışı Eklentisini Ekleme


    1. Aşağıda gösterildiği gibi Youtube Kanalı veya Oynatma Listesi yazan yere youtube kanal URL'nizi yada Oynatma Listesi URL'nizi girin.
    Örnek: (http://www.youtube.com/user/Meftun48) yada
    (http://www.youtube.com/playlist?list=UUQY8ropVDUm_5w5XmqHnIgMQ-M) gibi...
    2. Oluştur ve Önizleme'yi tıklayın.
    3. Son olarak Blogger'a Ekle'yi tıklayın yada Aşağıdaki Oluşturulmuş Kodu kopyalayıp yapıştırın.

    YouTube Video Yayın Akışı Eklentisi Widget Oluşturucu

    YouTube Widget Oluşturucu yardımıyla kolayca blogunuza veya web sitenize YouTube Video Akışını gösterilmesini sağlayabilirsiniz.


    Not: Widget Oluşturucuyu Kullanmadan Önce Blogger hesabınıza giriş yapın. Şimdi Blogunuzu kontrol edin. Eklentiniz hazır.
    Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    4 Mart 2014 Salı

    Sürgülü In-Out 3D Sosyal Paylaşım Eklentisi

    Sürgülü In-Out Sosyal Paylaşım Eklentisi

    Merhaba arkadaşlar Bu eklenti 3D efektli, in-Out Sürgülü, 3 sosyal medya ve RSS butonu, Özet akışları aboneliğiyle diğerlerinden farklı bir eklenti. Üzerine tıklayarak in-Out Slayt şeklinde açılır kapanır özelliği sayesinde yer kaplamaz. Çekici, güzel, sade ve şık bir eklenti. Umarım sizlerde beğenirsiniz. Güle güle kullanın...



    Lütfen şu adımları izleyin.
  • Blogger'a Git > Tasarım > HTML'yi Düzenle
  • Şablonunuzu yedekleyin!
  • ]]></b:skin> kodunu bulun.
  • Aşağıdaki kodu hemen üstüne kopyalayıp yapıştırın.

  • #meffixedfootermain{z-index:999999;width:300px;height:0;position:fixed;bottom:0;right:5px;}
    #meffixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;backgroundcolor:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#e5e5e5',GradientType=0 )}
    #meffixedfooterhide{z-index:999999;position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
    #meffixedfootershow{position:absolute;bottom:0;right:5px;width:285px;height:25px;font-family:Oswald,Arial,Helvetica,sans-serif;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
    .meffixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333;}
    .meffixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333;}
    .meffixedfooterblockarrow{width:8px;height:10px;background-color:#333;}
    #meffixedfootersocial{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:220px;right:10px;width:280px;height:30px;float:right;}
    #meffixedfootersocialicon{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:135px;left:10px;width:auto;height:64px;}
    #meffixedfooteremailsubscribe{position:absolute;bottom:64px;width:225px;height:15px;right:20px;padding:10px;left:20px;}
    .meffixedfooteremailsubscribebox input.email{font-family:Oswald,Arial,Helvetica,sans-serif;width:225px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:7px 10px;}
    .meffixedfooteremailsubscribebox input.subscribe{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background-color:#f0f0f0;margin-top:5px;-moz-border-radius:6px;-webkit-border-radius:6px;width:249px;height:35px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;text-decoration:none;text-shadow:1px 1px 0 #fff;padding:2px;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');}
    .meffixedfooteremailsubscribebox input.subscribe:hover{background-color:#c9c9c9;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}


  • Kaydet butonuna tıklayıp bu ekrandan çıkın.
  • Daha sonra Blogger paneline tekrar giriş yapın. Yerleşim>Gadget Ekle>Html/Javascript'i seçiniz.
  • Aşağıdaki kodları istediğiniz şekilde özelleştirerek içine kopyalayıp yapıştırın ve kaydedin.

  • <div id="meffixedfootermain">
    <center id="meffixedfootershow"onmouseup="document.getElementById('meffixedfooterdiv').style.display='block'">
    <table style="margin-top:-2px;">
    <tr>
    <td>
    <center style="color:#333;font-size:15px;font-weight:400;">
    Abonelik ve Sosyal Medya
    </center>
    </td>
    <td>
    <center>
    <div class="meffixedfooteruparrow">
    </div>
    <div class="meffixedfooterblockarrow">
    </div>
    </center>
    </td>
    </tr>
    </table>
    </center>
    <div id="meffixedfooterdiv">
    <center id="meffixedfooterhide"onmouseup="document.getElementById('meffixedfooterdiv').style.display='none'">
    <table style="margin-top:-2px;">
    <tr>
    <td>
    <center style="color:#333;font-size:15px;font-weight:400;">
    Abonelik ve Sosyal Medya
    </center>
    </td>
    <td>
    <center>
    <div class="meffixedfooterblockarrow">
    </div>
    <div class="meffixedfooterdownarrow">
    </div>
    </center>
    </td>
    </tr>
    </table>
    </center>
    <div id="meffixedfootersocial">
    <center style="color:#333;font-size:12px;">
    Tüm Son Ve Yeni Makaleler, İpuçları ve Widgetler, Harika Blogger Eklentileri E-mail Adresinize Gelsin.!!!
    </center>
    </div>
    <div id="meffixedfootersocialicon">
    <table>
    <tr>
    <td>
    <a href="https://www.facebook.com/meftunmede.blogger"><img height="48px"width="48px" title="Facebook'ta bizi beğenin" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbie4YKpOnjWnVLg_ios-nhKBPpyvrOOILudj45fOXmVlZjGbyLUQ5y2-CtCjmLnxVuLIFQoLs61kUP0RMm_bOiNYRHF3mMBLAgyBsecSbg9kn1Dg0Aup05xQmJXYYaFbRbAB6eJDUDcax/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/s1600/Facebook+Icon.png'" border="0"/></a>
    <br />
    <a href="http://twitter.com/MeftunMede"><img height="48px"width="48px" title="Twitter'da Bizi Takip Edin" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9TlYqJHExGxvLeFnaz_UdTO6TwqUsRklWTKzyNYlubbnv9SwnuYWECqZlZ8aDqmrB_bKljR-Vctc4jQHqxWHHAMcuFsxCvcZ8cLyW7aAsTiRMc2C-M8VlF55iZduXkoh5o6pXtSvQNVs/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/s1600/Twitter+Icon.png'" border="0"/></a>
    </td>
    <td width="75px"valign="top">
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://www.facebook.com/meftunmede.blogger">Facebook'ta bizi beğenin</a>
    <br />
    <br />
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://www.twitter.com/MeftunMede">Twitter'da Bizi Takip Edin</a>
    </td>
    <td>
    <a href="https://plus.google.com/111555326072108216342"><img height="48px"width="48px" title="Çevrelere ekle" alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2rQtL1DpvvnHcH059pGjADpb70JnJ231-v3lp0fp0G6rpSUKLv_sagO66SS2964-1MB-k3rPSXeGzIFTioMGbG-yAdSZgJ43HhcpZPHYfN7_3kw43U8IeNZOFxgOPr1e4-J8oqvoXe9Xi/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/s1600/Google+Icon.png'" border="0"/></a>
    <br />
    <a href="http://feeds.feedburner.com/MeftunMede">
    <img height="48px"width="48px" title="RSS Özet akışları aboneligi" alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6mZNd27hPgpyQJOab6YLXeI9q8GV7rkxlOqAgq50vmm1St2bHIVgRvuPZTgzi2KDWZcAyVH_MfSEicGbD79EZ0AG9QRHgE3T0xRpI5ytzinwud01xTA6T-JX3uJqs-Y7O2LN6wOMteQo/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/s1600/Feedburner+Icon.png'" border="0"/></a>
    </td>
    <td valign="top">
    <a style="font-size:12px;color:#333;font-weight:400;" href="https://plus.google.com/111555326072108216342">
    Google+'da <br />Bizi Takip Edin</a>
    <br />
    <br />
    <a style="font-size:12px;color:#333;font-weight:400;" href="http://feeds.feedburner.com/MeftunMede">
    RSS Özet akışlarına<br />Abone olun</a>
    </td>
    </tr>
    </table>
    </div>
    <div id="meffixedfooteremailsubscribe">
    <div class="meffixedfooteremailsubscribebox">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MeftunMede','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" id="email" name="email" value="Buraya E-postanızı girin..." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/>
    <input type="hidden" value="MeftunMede" name="uri"/>
    <input type="hidden" name="loc" value="tr_TR"/>
    <input class="subscribe" name="commit" type="submit" value="E-Bülten'e şimdi abone olun"/>
    </form>
    </div>
    </div>
    </div>
    </div>

    Kod içinde kırmızı ile belirtdiğim yerleri, istediğiniz şekilde özelleştirebilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    9 Ocak 2014 Perşembe

    Twitter Takipçi kutusu - Yeni


    ♦ Blog ve Web Siteleri İçin Yeni Twitter Takipçi kutusu
    ♦ New Twitter Followers/FanBox Widget With Faces For Blog And Website

    Öncelikle belirtmek isterim; bu facebook gibi Twitter inc resmi eklentisi/Widget değildir. Bu eklenti MusicPaax tarafından oluşturulmuştur. Sitenizin tasarımına uyacak şekilde Twitter'da takip kutusu eklentisini özelleştirerek kullanılabilir seçenekleri vardır. Bu Facebook like-box tarzı widget basit ama güçlü bir jQuery eklentisi. Daha önce Mark carey tarafından geliştirilen eklenti son bulmasından sonra bu güzel bi alternatif. Yandan açılır sosyal medya takipçi Kutusu 3 in 1 yazımda çok sorulan "twitter çalısmıyor" sorununu bu eklentiyle çözecez.


    Özellikler:
    1.) Facebook gibi basit Takip Kutusu.
    2.) Takipci resimleri
    3.) Takip et Buttonu.
    4.) Hızlı yüklenme, Harika görünüm ve özellikler.
    5.) IFrame ve JavaScript ile 2 Style Kodu.
    6.) Tamamen özelleştirilebilir.
    7.) Açık Kaynak.
    8.) Kısa ve anlaşılır Kodu.
    9.) Ekstra CSS de ekleyebilirsiniz.
    10.) Çapraz Tarayıcı Çalışma.
    Açıklama:
    1.) İlk önce bu siteyi açalım. (Twitter FanBox).
    2.) Şimdi aşağıdaki sayfa açılacak, burada "Kod Oluştur" Butonuna basıyoruz.
    Kod olustur

    3.) Twitter Apps sayfasına yönlendirileceksiniz, "Giriş Yap" Buttonuyla hesabınıza giriş yapın ve uygulamaya izin verin.
    giris yap

    4.) Aşağıdaki ekran görüntüsünde görüldüğü gibi şimdi birkaç saniye için bu sayfayı göreceksiniz. Bekle ve sonraki Adıma geç...
    yonleniyorsunuz

    5.) Twitter FanBox ana sayfamıza geldik, isteğinize göre formu doldurun ve kodunuzu oluşturun.
    twitter fanbox

    Blogger'a Ekleme?
    1. Kumanda paneline giriş yapın.
    2. Yerleşim › Gadget ekle › HTML/Javascript bulun.
    3. Oluşturduğunuz kodu kopyalayıp yapıştırın.
    Not:
    Eğer eklentinin altındaki footer bölümünde yazan "MatiasMX tarafından plugin" yazısını istemiyorsanız, aşağıdaki iframe yada javascript kodlarından birini kullanın!
    Frame Kodu:
    Bu Twitter Takipçileri Kutusu Frame kodu içinde kullanımı.
    <iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:239px;" allowTransparency="true"> </iframe>

    JavaScript Kodu:
    Bu Twitter Takipçileri Kutusu JavaScript versiyonu.
    <div id="twitter-box"></div> <script> var tw_user = 'MeftunMEDE'; var tw_width = 290; var tw_height = 239; var no_face = 20; (function() { var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true; tw_box.src = 'http://meftun-mede.googlecode.com/svn/trunk/tw.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box); })(); </script>

    Özelleştirme:
    1.) Twitter kullanıcı adını tw_user= MeftunMEDE değiştirin.
    2.) Width,Height,No face ve Color alanlarını arzunuza göre değiştirebilirsiniz.
    3.) Style kodunda daha fazla CSS stil kolaylıkla ekleyebilirsiniz.
    4.) kaydedin ve bitti.

    27 Kasım 2013 Çarşamba

    Sosyal Ağlarda Yaptığımız 10 Hata

    Sosyal ağlar blog yazarları için trafik elde etmek, okuyucularla etkileşim kurmak ve yeni fırsatlar yaratmak için gerçekten eşsiz platformlar. Peki sayısız fayda sağlayabileceğimiz sosyal ağlara yeteri kadar özen gösteriyor musunuz? Ne kadar etkili kullanıyorsunuz? Ben bu konuda özeleştirimi yaptım ve ne kadar çok eksiğim olduğunu gördüm. Benim ve çevremdeki blog yazarlarının sosyal ağlarda yağtıkları hataları bu yazıda paylaşmak istiyorum. Belki bu yazı sayesinde hem ben, hem de benim gbi sosyal ağ hesaplarına gerekli özeni göstermeyen blog yazarları harekete geçeriz.

    Sosyal Ağlarda Yaptığımız 10 Hata

    Hata #1 Profil Tasarımını Özelleştirmemek

    Facebook, Twitter başta olmak üzere çoğu sosyal medya platformu profli sayfanızı özelleştirmek için size farklı seçenekler sunar. Bu özelliklerden faydalanarak blogunuza özgü bir profil sayfa tasarımı yapmamak, sizi sıradanlaştıracak ve markalaşmanızı önleyecek önemli hataladan biridir.

    Hata #2 Güncellemelere Ayak Uydurmamak

    Sosyal medya platformu kendilerini çok sık güncelleyen platformlar. Sürekli yeni özellik ekliyorlar. Bunları takip etmeyerek hesaplarınızı ve profil sayfalarınızı güncellememek benim de yaptığım önemli bir hata.

    Hata #3 Sadece Kendi Reklamını Yapmak

    Bazı blogların sosyal medya hesaplarında sadece kendi yazılarının linkini paylaşmak gibi bir hata yaptığını sık görüyorum. Sosyal medya hesabınızı takip edenlere biraz daha değer vermeli onların işine yarayacak farklı sitelerden linkler ve bilgiler paylaşmalısınız.

    Hata #4 Aşırı Paylaşım Yapmak

    Günün belli saatlerinde online olma fırsatı bulan bazı bloggerlar tüm paylaşımları o saatte arka arkaya yapınca ekran bir anda sadece o kişinin iletileriyle doluyor. Oldukça sinir bozucu bir durum değil mi? Sırf bu yüzden takibi kestiğim çok hesap var. Sosyal medya iletilerini planlayabileceğiniz ücretsiz araçlar varken bu hatayı yapmamak gerek.

    Hata #5 Pasif Kalmak

    Bir üstte bahsettiğim hatanınn tam tersini yapmak da başka bir hata diyebiliriz :) Uzun süre güncellenmemiş bir sosyal medya profilinin takipçi sayısı hızla düşecektir. Blogunuzun sosyal medya profili ne bir spam çiftliği gibi gözüksün, ne de bir hayalet kasaba gibi.

    Hata #6 Çarpraz Paylaşım Yapmamak

    Bir sosyal medya pletformunda yaptığınız paylaşımın duyurunu diğer platformlarındaki hesaplarınızda da yaprak hem o paylaşımın etkisini arttırabilir, hem de diğer sosyal medya hesaplarınızdaki takpiçi sayınızı arttırabilirsiniz. Örneğin benim Pinterest sayfa takipçim çok az ve orada yaptığım paylaşımlardan kimsenin haberi olmuyor. Bu yüzden “Pinterest’te şunu paylaştım” şeklinde iletileri diğer hesaplarımda gönderebiliriim.

    Hata #7 Niteliğe Değil Niceliğe Odaklanmak

    Sosyal medyada takipçi satın alma ve #takipedenitakipederim gibi saçma trendler var. Halbuki blogunuzun konusuyla alakasız 10.000 takipçiniz olacağına, blogunuzun konusuyla ilglinen 1000 takipçiniz olması çok daha iyidir.

    Hata #8 Yeni Platormlara Önyargılı Olmak

    Yeni bir sosyal piyasaya çıktığında önyargılı olup blogunuz için hesap açmamak ileride pişman olmanıza yol açabilir. Platform gelişip büyüdüğünde blogunuza ait kulancı adının alındığını görebilir ve hayal kırıklığı yaşayabilirsiniz.

    Hata #9 Takipçilerle Etkileşime Geçmemek

    Sosyal medyayı sadece bir reklam aracı olara kullanmak çok yanlış olur. Bu mecralar okuyucularınızla iletişim kurduğunuz, fikir alışveriş yaptığınız, etkileşime geçtiğiniz önemli mecralardır. Okuyucularla etkileşim kurarak hem online itibarınızı hem de takipçilerin sadakatini artttırabilirsiniz.  

    Hata #10 Negatif Yorumları Silmek

    Her düşünceye ve fikre açık olmalıyız. Eleştiri ve farklı görüş içeren yorumları silmek yerine makul bir şekilde cevap vermek veya tamamen görmezden gelmek daha iyi iolur sanırım. Takipçileriniz ne kadar olgun ve objektif olduğunuzu anlamalı.


    Size Bir sorum Var

    Blog Hocam için açmış olduğum Facebook, Twitter, Google+ ve Pinterest hesapları var. Yukarıda yazmış olduğum hataların bir kısmını yapsam da elimden geldiğince takipçilere değerli bir şeyler sunmaya çalışıyorum. Bu hesaplardan hangilerini takip ediyorsunuz bilmiyorum ama görmüş olduğunuz eksikler ve hatalar neler? Ya da görmek istedikleriniz?

    30 Ekim 2013 Çarşamba

    Google+ Kişiye Özel URL Dönemi Başladı

    Dün gece bilgisayarı kapatıp yatmaya hazırlanıyordum ki Gmail’ime yeni bir posta geldi. Maili gönderen kısmında “Google+ ekibi”, konu kısmında ise “Google+ profiliniz için özel bir URL alın” yazıyordu. Kısa bir araştırma yaptıktan sonra Google+’da kişiye özel username özelliğine tamamen geçiş yapıldığını anladım.

    Google+ Kişiye Özel URL

     

    Eskiden http://plus.google.com/108761595756468128383 şeklinde olan Google+ URL’leri artık şu şekilde:

    - http://www.google.com/+SerdarKara

    - http://www.google.com/+BloghocamBlogspot

     

    Google+ özel URL’leri kullanmak için hesabınızın iyi durumda olması ve aşağıdaki gereksinimleri karşılaması gerektiği belirtilmiş.

     

    - En az 10 takipçi

    - Hesabın en az 1 aylık olması

    - Profil fotoğrafı olması

     

    Bunlar kişisel profiller için gerekli olanlar. Google+ sayfaları için gerekli olan tek şart ise Google+ sayfasının bir web sitesine bağlı olmasıdır.

    Eğer bu şartlara uygun olmanıza rağmen resimdeki gibi bir mail almadıysanız aşağıdaki adımları takip ederek özel Google+ URL’inizi alabilirsiniz.

     

    1. Google+ sayfanızın veya profilinizi ziyaret ettiğinizde, üst tarafında bir bildirim olması gerekir.

    2. Başlamak için Özel URL al düğmesini tıklayın. Alternatif olarak, Profilinizdeki "Hakkında" sekmesinden, Google+ URL'nizin altında yer alan "Talep Et" bağlantısını tıklayın.

    3. Onaylanan URL'lerinizi göreceksiniz. Birden fazla seçenek görüyorsanız hoşunuza en çok gideni seçin.

    4. İlgili kutuyu işaretleyerek Hizmet Şartları'nı kabul edin ve URL'yi Değiştir'i tıklayın

    5. Hesabınızı cep telefonu numaranızla doğrulamanız istenebilir. Hesabınızı doğruladıktan sonra URL değişimini onaylayın.

    Google+ Kişiye Özel URL

     

    İpucu: Bir kullanıcının özel URL'sini biliyorsanız URL'nin sonuna anahtar kelimeleri ekleyerek onun Google+ Profilinin veya Google+ Sayfasının bölümlerine hızlı bir şekilde erişebilirsiniz. Bunun bazı örnekleri şunlardır:

     

    http://google.com/+SerdarKara/posts
    http://google.com/+SerdarKara/about (hakkında)
    http://google.com/+SerdarKara/photos (fotoğraflar)
    http://google.com/+SerdarKara/videos (videolar)
    http://google.com/+SerdarKara/plusones (artı birler)

    14 Ekim 2013 Pazartesi

    Hashtag Kültürü Ve #BlogYazarlığı

    Eğer sosyal medyada yeniyseniz veya fazla vakit harcamıyorsanız hashtag (#) adı verilen etiketleme yöntemi size kafa karıştırıcı veya gereksiz gelebilir. Açıkçası hashtagle yeni tanıştığımda ben böyle düşünmüştüm. Ancak zamanla online iletişimin vazgeçilmez bir parçası olduklarını ve bunları kullanmayı bilmenin ne kadar önemli olduğunu anladım.

     

    hashtag

     

     

    Hashtag Nedir?

     

    İlk olarak Twitter’la hayatımıza giren hashtagler kelimelerin başına # işaretinin konulmasıyla oluşturulur ve bir konuyu belirlemek ya da ayrıştırmak amacıyla kullanılır. Bir anahtar kelime veya kelime grubunun başına # işaret konulduğunda o kelime bir link haline dönüşür ve bu linke tıklandığında dünya üzerinde o hashtag kullanılarak yazılan tüm tweetler listelenir.

     

     

    Hashtag Nasıl Oluşturulur?

     

    Hashtag oluştururken bazı noktalara dikkat etmeniz gerekir. Örneğin birden fazla kelimeden oluştururken kelimelerin arasında boşluk bırakmamalısınız (#Blog yazarlığı). Birden fazla kelimeden oluşan bir hashtag oluşturmak istediğinizde bitişik yazmalısınız (#Blogyazarlığı). Eğer kelimeleri ayırt etmek isterseniz ikinci kelimenin ilk harfini büyük yazabilirsiniz (#BlogYazarlığı). Hashtaglerde büyük küçük harf kullanımı fark etmediği için  #blogyazarlığı ile#BlogYazarlığı aynı sonucu verecektir. Dikkat etmeniz gereken diğer bir nokta ise hashtaglerde noktalama işaretleri kullanmamaktır. Hashtaglerde sayılara izin verilir fakat oktalamaa işaretlerine izin verilmez.

     

     

    Mention (@) İle Hashtag (#) Farklı Şeylerdir!

     

    Yeni kullanıcılar tarafından çok karıştırıldığı için bu konuya da değinmek istedim. İkisi çok farklı şeylerdir. @ işaretinin yanına bir Twitter kullanıcı ismi yazılarak oluşturulan tweet ile o kişiden bahsetmiş olursunuz ve attığınız o tweet, kişinin @Bağlan sekmesinde gözükür. Örneğin tweetinizin başına @Bloghocam yazarsanız gönderdiğiniz tweetten haberdar olurum. Bir tweette hem mention hem de hashtag kullanabilirsiniz.

     

     

    Blogger İçin Hashtag Kullanımı

     

    Twitter ile hayatımıza giren hashtagler o kadar etkili bir iletişim ve etkileşim aracı oldu ki diğer sosyal medya platformları duruma kayıtsız kalmayarak onlar da hashtag kullanımını aktif hale hetirdi. Artık sadece Twitter’da değil Facebook, Google+, Inatagram gibi diğer popüler sosyal medya platfırmlarında da hashtag kullanabiliyorsunuz. Peki bloggerlar bu sosyal platformlarda hashtagleri nasıl kullanmalı?

     

    1. Gündem Takibi: Gerek ülke gündemi gerekse blogunuzun konusuyla ilgili gelişmeleri takip etmek için, açılan hashtagler çok işe yarar. Hatırlayacağınız gibi Gezi olaylarında ve Webrazzi Summit gibi organizasyonda açılan hastagler vasıtasıyla gündemi kolayca takip edebilmiştik.

     

    2. Follow Friday: Eski Twitter kullanıcıların çok iyi bildiği FollowFriday (#FF) etkinliği ülkemizde artık fala kullanılmasa da yurt dışında geçerliliğini koruyan bir takipçi önerme sistemi.  Kullanıcılar, takibe değer buldukları hesapları her cuma günü #FF hashtagiyle paylaşırlar ve insanlar bu hashtag üzerinden takip edecek yeni kişiler bulurlar. (Örn. “#FF @Bloghocam blog yazarlığı ile ilgili faydalı tweetler paylaşıyor” gibi)

     

    3. Yazı Promosyonu: Blogunuzda ayınladığınız yazıları ilglieneceğini düşündüğünüz kitlelere ulaştırmak hashtag kullanmak çok etkili bir yöntemdir. Örneğin blogunuzda moda ile ilgili bir yazı yayınladığınızda bu yazıyı sosyal medyada #moda hashtagini kullanarak paylaşmak size yeni okuyucular kazandırabilir.

     

    4. Takipçi Kazanmak: Twitter’da profil ayarlarınızda kişisel bilgiler kısmında hashtag kullanmak size yeni takipçiler kazandırabilir. Örneğin ilgi alanınızın SEO olduğunu düşünelim. Kişisel bilgilerinizin açıklama kısmına #SEO yazarsanız, #SEO aramlarında kişiler listesinde isminiz yer alır.

     

    5. Sohbet Etmek: Bazı hashtagleri sadece eğlenmek ve sohbet etmek için açıldığını biliyoruz. Bu hashtagleri kullanarak siz de sohbetlere katılabilir, fikirlerinizi yazabilir, yeni takipçiler kazanabilirsiniz.

     

     

    Hashtag Araçları

     

    İnternette Twitter kullanımınızı kolaylaştıracak pek çok araç var. Bunlardan özellikle hashtag seçimi ve keşfi için kullanabileceğiniz en iyi 2 tanesini size tanıtmak istiyorum.

     

    Tagboard: Kolay kullanımı ve sade arayüzüyle benim favori hashtag aracım olan Tagboard sayesinde takip etmek istediğiniz bir hashtage ait Twitter, Facebook, Google+, Instagram, Vine gibi platformlarda gönderilen mesajlarıı tek bir ekrandan takip edebiliyorsunuz.

     

    Hashtags.org: 2007’de kurulan bu hashtag izleme aracı sayesinde hangi hashtaglerin yükselişte, hangilerinin düşüştğe olduğunu, o hashtag ile sohbete katılan kullanıcıları, benzer hashtagleri ve daha pek çok bilgiyi görebilirsiniz.

     

     

    #BlogYazarlığı Hashtaginde Görüşelim

     

    Blog Hocam’ın okuyucu kitlesinin tamamına yakını blog yazarı. Eminim herkesin blog yazarlığı ile ilgili söyleyecek bir şeyleri vardır. Bu yüzden Twitter’da #BlogYazarlığı hashtagini kullanarak sohbet etmeyi, ipuçları paylaşmayı, sorunlarımızı anlatmayı, blog dünyasında haberleri aktarmayı… vs. öneriyorum. Eğer katılımda bulunursanız çok memnum olurum.

     

    19 Mayıs 2013 Pazar

    Yandan açılır sosyal medya takipçi Kutusu 3 in 1

    Yandan açılır sosyal medya takipçi Kutusu 3 in 1


    3 in 1 Sağdan-Soldan Açılır sosyal medya takipçi Kutusu
    Hareketli sosyal medya takipçi pencereleri
    Yandan Açılır Facebook, Twitter ve Google+ Kutusu
    Sliding Facebook, Twitter, Google+ Followers Box


    Bu eklenti sayesinde Facebook hayran sayfanızı beğenenleri, Twitter hesabınızı ve hazırladığınız Google + sayfasını veya hesabınızı takip edenleri, blogunuzun sağ veya soluna sabitlediğiniz butonların üzerine gelince açılan pencereler sayesinde sergileyebileceksiniz.

    Not:Bu eklenti 09 Ocak 2014 tarihinde yenilenmiştir. Mark carey tarafından geliştirilen twitter eklentisi son bulduğu ve çalışmadığı için yeni eklenti entegre edilerek değiştirilmiştir. Twitter eklentisinin çalısmaşı için lütfen Yeni Twitter Takipçi kutusu yazımı okuyun ve uygulayın!

    Sağdan açılan versiyon

    <link rel="stylesheet" href="http://meftun-mede.googlecode.com/svn/trunk/3in1_right.css" type="text/css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/social-js-right.js"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/jquery.followbox.min.js"></script> <div id="box-content"> <div id="pointer"><div id="facebook_box" ><img id="facebook_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3IsGZN3LYi4bd3qZL-jcREXuVGBDLMgUvEpTc8z8IJKNxGxKon0xB2OG1WibvdMiklzCYOKzynw5Ovhd19Iyfu5g5wneKjg_CEVrBELMxxmh8NiJtuG7QmSgLe43ZK6TSHEPHD7XZ6Yy/s1600/smtabs_facebook_box.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/meftunmede.blogger&amp;width=290&amp;height=240&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:240px;" allowtransparency="true"> </iframe></div></div> <div class="clear"></div> <div id="pointer"><div id="twitter_box" ><img id="twitter_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3BHzVeoIummjxcWg_tCHPyYFA38ZDiMhdqYco0TFGRng1xXK9yUjzPvqH8oQaDzwL3w2nG3V4MnzEn7EPOaKXymF0GdlRmGY2Gq8VAWqzVYuPMjw1dvPS1eWBjQbUxEaKWgD-2nTvFRuY/s1600/smtabs_twitter_box-1.png" alt="" /><div id="mytwitterfollowbox" class="follow-box-container"><iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:239px;" allowTransparency="true"> </iframe> </div> </div></div> <div class="clear"></div> <div id="pointer"><div id="google_box" ><img id="google_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo5kLeeQNRlUewTDhzjVNcJE-EOs-tJZK0EfR65p7eyAWie_Gu6aI5NaHkZ4kOAsbi5_So2kOo8-wb_5SpLUdhCWi0yxD3w7hR1BzqOl-8Dd-LMp-Od4VrYQsikwD-0a8IvcKHXvx0LEga/s1600/smtabs_googleplus_right-1.png" alt="" /><div class="g-plus" data-href="https://plus.google.com/111555326072108216342"></div></div></div> <div class="clear"></div></div></div>



    Soldan açılan versiyon

    <link rel="stylesheet" href="http://meftun-mede.googlecode.com/svn/trunk/3in1_left.css" type="text/css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="http://meftun-mede.googlecode.com/files/social-js-left.js"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/jquery.followbox.min.js"></script> <div id="box-content"> <div id="pointer"><div id="facebook_box" ><img id="facebook_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsl6EKrEeCYmH2rbbPF1MVfaeegcpFUp4UGeieZemxyl3q60g0i4dnB5-hBx3WKbb7zdwL0sARGxb-kUA7YfOgO5dQtXim1tmeuX-KbeKjVsPqQta0Zjxl43svk3ILold2IIurobJrDc/s1600/facebook_left.png" alt="facebook_left" /><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/meftunmede.blogger&amp;width=290&amp;height=240&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:240px;" allowtransparency="true"></iframe></div></div> <div class="clear"></div> <div id="pointer"><div id="twitter_box" ><div id="twitter_div"><img id="twitter_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZm4QGtlsUitv65Snz12hGbCkQiBYLidwEBx5C5S-MdyIqEE5sJrscKeFVXKPbhuT-cQCOQ9ypsm0mfSm2Z5859yf2s-fNJqVakHbsWvcfYoVyB2KF6LUzcKHC6uF9TEdZ9DcUsOXBMRg/s1600/twitter_left.png" alt="twitter_left" /><iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:239px;" allowTransparency="true"></iframe></div></div></div> <div class="clear"></div> <div id="pointer"><div id="google_box" ><div id="google_plus_div"><img id="google_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkNQMo-lDFk_mTAToJsVqnIB2cTtmLGS5E4y_mRNMZxYZwH5A0S6Bq5ODycaT5k3Io7wO3dUu9rM1QvN8DXSIT7zrTPjE2Dgcy0ckj2x-jExviYFM3MgL_N0EgRB6SS0YqsbCDqMwLak/s1600/google_left.png" alt="google_left" /><div class="g-plus" data-href="https://plus.google.com/111555326072108216342"></div></div></div></div> <div class="clear"></div></div></div>



    Kod içinde kırmızı ile belirtdiğim yerlere , Facebook, Twitter ve google+ adreslerinizi yazın. Kodu kopyalayıp bloğunuza yada websitenizin istediğiniz bölümüne yapıştırın. Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...

    13 Nisan 2013 Cumartesi

    Twitter Follow Badge rozeti

    twitter takipci rozeti
    ● Blogunuza twitter takipçi rozeti Eklentisi
    ● Twitter Follow Badge rozeti

                     Live Demo
    MeftunApart

    Meftun Apart

    @meftunapart

    Fethiye


    1.Blogger Kumanda Panelinize gidin.
    2.Yerleşim tıklayın.
    3.Gadget/Widget Ekle.
    4.HTML / JavaScript seçeneğini seçin.
    5.Aşağıdaki kodu kopyalayın ve yapıştırın.

    <style>
    #boxs{display:none;}
    .SG-tweter-header{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oWA-FX6BDYPxXVDucXdizOJVLbA9Q4MsdNCjUc5p6b03xG_JKMi9pZ9Z-4z8iaGcPeEa-ybjzCcKPedrTNig14WH3uGA_uO1Yvx6Q0c8qhDSXRNQkVd_4n_u7UCwmlqBO8z5P94kF36Y/s320/at-the-beach-hd-wallpaper-1920x1200.jpg) 0 0 no-repeat;}
    .SG-tweter{width:266px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;border-radius:0;}
    .SG-tweter .SG-tweter-header{height:73px;padding:10px;}
    .SG-tweter .SG-tweter-header .screen-name h1{color:#fff;font-size:16px;text-transform:capitalize;font-family:Helvetica, sans-serif;margin:0;}
    .SG-tweter .SG-tweter-header .screen-name h2,.SG-tweter .SG-tweter-header .screen-name h3{color:#fff;font-size:12px;font-family:Helvetica, sans-serif;background:none;margin:0;}
    .SG-tweter .SG-tweter-header .screen-name{margin-top:20px;width:150px;float:left;}
    .SG-tweter .SG-tweter-header .profile-image{width:70px;height:70px;float:right;}
    .SG-tweter .SG-tweter-header .profile-image img{width:70px;height:70px;border-radius:40px;}
    .SG-tweter .twitter-summary{background-color:#f9f9f9;height:60px;position:relative;}
    .SG-tweter .twitter-summary ul{display:table-row;height:60px;width:100%;text-align:center;margin:0;padding:15px 0;}
    .SG-tweter .twitter-summary ul li{background:#0AB7E2;list-style-type:none;font-size:12px;text-align:center;vertical-align:middle;display:table-cell;color:#fff;width:84px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border:0;padding:0 6px;}
    .SG-tweter .twitter-summary ul li:hover{background:#9808AC;-webkit-box-shadow:0 5px 5px 0 #666;-moz-box-shadow:0 5px 5px 0 #666;-ms-box-shadow:0 5px 5px 0 #666;-o-box-shadow:0 5px 5px 0 #666;box-shadow:0 5px 5px 0 #666;}
    .SG-tweter .twitter-summary ul li a{color:#fff;text-decoration:none;}
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="http://social-media-dosyalari.googlecode.com/files/twitter-badge.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#box").dwseeTwitterBox({
    'screenname':'meftunapart',})})
    </script>
    <div id="box">
    </div>
    Kodu denemek için Online html editor'ü kullanabilirsiniz. Yukarıdaki kırmızı ile belirttiğim alanı kendi adınıza göre düzenlemeyi unutmayın! Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...