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

30 Kasım 2018 Cuma

Blogger Yazılara Otomatik Kaynak Link Ekleme

30 Kasım 2018 Cuma
Kopyalanan Yazılara Otomatik Kaynak Link Ekleme
Merhaba Sosyal Medya Kafe Okurları🙋
Bu yazımda emek hırsızlarına karşı otomatik kaynak link ekleme kodu vereceğim. Bir çok Blogger'ın genel sorunu emek hırsızları tarafından yazılarımızın  copy/paste (kopyala/yapıştır) yapılmasıdır. Blog yazılarımızı kopyalan kişi, emeğe saygı gösterip yazımıza link vermeyi akıl etmez veya işine gelmez...

Eklenti sayesinde yazılarınızın en altına  otomatik kaynak linki  ekleyeceğiz. Böylece yazılarımız çalındığında otomatik olarak, kopyalayan blogun yazısında " kaynak linki : https:// ... " şeklinde  çıkmış olacak.

Ayrıca giriş cümlelerinizde blog isminizi geçirmeniz yazının size ait oluğunu belirtmek için güzel bir uygulamadır. Böylece otomatik olarak RSS kayıtları ile çalan hırsızların bloglarında " blog adınız " görülmüş olur ve yazının size ait olduğu da belli olmuş olur.

Örnek;
Sosyal Medya Kafe'de sıkça kullandığım "Merhaba Sosyal Medya Kafe Okurları" cümlem gibi.

Profesyonel olan hırsıza kilit olmaz ama en azından ufak  önlemler almakta fayda var.


Yazılara Otomatik Kaynak Link Nasıl Eklenir ?


1.Adım
Blogger kumanda panelimizde "Şablon " => " Html'yi Düzenle " tıklıyoruz.
Blogger Kaynak Linki Kodu Ekleme

2.Adım
"CTRL+F " yaparak arama kutusuna  </head>  kodunu yazıp arıyoruz. Bulduğumuz </head> kodunun hemen üzerine aşağıdaki kodları kopyalayıp,  yapıştırıyoruz.


Otomatik Kaynak Link Kodu Ekleme

Son olarak "Şablonu Kaydet" tıklıyoruz. Yukarıdaki adımları düzgün şekilde yaptığınızda, kopyalanan yazılarınızın en altında Kaynak : Site URL'si görünecektir.

Emeğe saygısı olan insanlarla karşılaşmanız dileğiyle...

Sibel Ordueri

Kaynak link ekleme kodunu aşağıdaki sosyal ağ butonları sayesinde paylaşabilirsiniz. 
💕⃕
Devamını Oku »

21 Mart 2017 Salı

Blogger'a Yeni Responsive (Duyarlı) Temalar Geldi!

21 Mart 2017 Salı
Blogger'a Yeni Responsive Temalar Geldi
Merhaba Sosyal Medya Kafe Okurları
Son 1 yıldır yaşanan Blogger hazır tema olaylarından sonra hep içimden dua ediyordum.Blogger'a hazır responsive temalar gelsin ,herkes bu üzüntülerden  kurtulsun diye çok dua ettim.Sonunda Blogger'a responsive Blogger temalar geldi.Öyle mutlu oldum ki sizler adına anlatamam 💃💕😇🙆💥👌
Responsive Blogger Tema Tasarım Nasıl Yapılır yazımda daha önce sizlere anlatmıştım.Tekrar nedir diye merak edenlere kısaca açıklayım;
Aynı temayı kullanarak Desktop,Lap top,Tablet ve Cep Telefonu gibi farklı boyutlardaki cihazlarda uyumlu hale getirilmesine responsive (duyarlı) tema deniliyor.Daha önce anlatmış olduğum hazır temaların çoğu da responsive(duyarlı) olarak hazır bir şekilde tasarımcı tarafından kodlanmış şekilde bizlerin kişisel kullanımı için sunulmuştur.

Önemli Uyarı:Blogger yeni temalara geçmeden önce tema yedeğinizi almayı unutmayın.

Blogger'a Yeni Gelen Responsive Temalar ;
Blogger Responsive Temalar
Artık herkes kendisi çok kolay bir şekilde yeni responsive temaları bloglarına uygulayabilir.
Herhangi bir temanın üzerinde bir kez tıkladığınızda demo görüntüsünü görebiliyorsunuz."Bloga Uygula" dediğinizde blogunuza uygulanmış oluyor.

Yerleşim alanında gadgetler hazır bir şekilde geliyor.Önceki temalardaki gibi kaldır özelliği yok.

Bunun için sol bölümden "Tema" yazan yere tıklıyoruz."Özelleştir" tıklıyoruz.
Blogger Tema Tasarımcısı
Sırasıyla "Gadgetler" başlığını seçiyoruz ,gadget başlıklarından kaldırmak istediğimizin ismini seçiyoruz,boş kutucuğa tik atarsak o gadget blogda gösteriliyor.Tik atmazsak gösterilmiyor.

Renk ayarlarını yine Blogger Tema Tasarımcı bölümünde bulunan "Gelişmiş" yazan yerden yapabiliyoruz."Arka Plan" yazan yerden arka plan seçebiliyoruz yada bilgisayardan ekleyebiliyoruz."Temalar" yazan yerden istediğimiz yeni temalardan birini seçip yine uygulayabiliyoruz.
Blogger Yeni Temalar

Örnek ;
Responsive Blogger Tema

Blogger dünyasına Yeni Responsive(duyarlı) Blogger Temalar hayırlı, uğurlu olsun. 💞😍💥💃

Hazır Responsive Tema Kullanmak İsteyenler İçin Resimli Anlatımlar;
O kadar mutlu oldum ve o kadar çok heyecanlandım ki hemen sizlere hızlıca bir yazı hazırladım.İmla hatalarım ve yazım yanlışlarım varsa affola.😇😊Kalben istenilen her dua gerçekleşiyor,benim duam da çok çabuk gerçekleşti🙏Blogger'ın en büyük eksikliğiydi.Son çıkanından temalarla gösterin marifetlerinizi , yeni tema düzenlemek ve kişiselleştirmek  için kolları sıvayın💪💫

Blogger'a yeni gelen responsive (duyarlı) tema özelliklerini nasıl buldunuz ? 🙇💭

Blogger yardım konularımız ve diğer yazılarımız için Sosyal Medya Kafe'yi  takibe almayı unutmayalım... Sibel Ordueri
Devamını Oku »

22 Aralık 2016 Perşembe

Blogger İletişim Sayfası Oluşturma Resimli Anlatım

22 Aralık 2016 Perşembe
Blogger iletişim sayfası resimli anlatım
Blogger eklentileri anlatımlarında daha önce  iletişim gadgeti eklemeyi resimli olarak anlatmıştım. İletişim gadgeti eklentisi ile birlikte pek çok blog, iletişim gadgetini kullanmaya başladı.İletişim gadgetini blogunda sabit sayfa olarak göstermek isteyenler için " Blogger iletişim sayfası oluşturma" konusunu resimli olarak sizlere anlatmak istiyorum.
1.Adım
Blogger kumanda panelimizde bulunan "Sayfalar" sekmesine tıklıyoruz.Ardından "Yeni Sayfa" yazan yere tıklıyoruz.
Blogger Resmi İletişim Sayfası Oluşturma


 2.Adım
Aşağıda vermiş olduğum blogger resmi iletişim sayfa kodlarını kopyalıyoruz.

3.Adım
  • Sayfa başlığını  "İletisim" olarak yazıyoruz.
  • HTML'yi tıklıyoruz.
  • Yukarıda vermiş olduğum blogger  iletişim sabit sayfa kodlarını ekliyoruz.
  • Açmış olduğunuz sayfanın en üst "URL" kısmında bulunan Blogger ID numaranızı kopyalıyoruz.
  • Kodların içerisinde "Blogger ID No" yazan yere blogger ıd numaranızı yapıştırıyoruz.
  • En son "Yayınla" butonuna  tıklıyoruz.

Blogger Resmi İletişim Formunu Sabit Sayfaya Ekleme

Kodlar içerisinde değiştirilmesi gereken yerler;
  • " # "ile başlayan renk kodlarını kendi blogunuzun tema renkleri ile değiştirebilirsiniz.
  • "width: 620 px; " ve " height: 620 px; " yazan sayıları blog sayfanıza uygun şekilde yazabilirsiniz.
Örnek olarak iletişim sayfamıza bakabilirsiniz...

Blogger eklentilerini ve diğer yazılarımızı yakından takip etmek için; GFC hesabımızı takibe alabilirsiniz...
Herkese bol iletişimli günler dilerim :)
Sibel Ordueri
Devamını Oku »

21 Kasım 2016 Pazartesi

Blogger Yazılara,Yorumlara Emoji ve Özel Karakter Ekleme-Yeni Özellik

21 Kasım 2016 Pazartesi
Blogger Yazılara Emoji ve Özel Karakter Ekleme
14.11.2016 tarihinde Blogger yazılara ve yorumlara özel karakter ve emoji ekleme yeniliği geldi.Yeni gelen emoji ve özel karakterler sayesinde artık yazılarımız ve yorumlarımız daha renkli 😊Emojileri ve karakterleri direk yazı alanında bulunan gülen yüz ifadesine tıklayıp istediğimizi seçerek,renk ve boyut ayarlaması da yapabiliyoruz.👏

👉Emoji ve Özel Karakter Bize Ne Kazandırdı ?
Daha önce Blogger yazılarımıza dışarıdan kod ekleyerek veya resim olarak emojileri ekliyorduk.Sayfa açılış hızını ister istemez yavaşlatıyordu.Yeni özellik sayesinde sayfa yüklenme hızında bir değişiklik olmayacak.💫

👉Blogger Yazılara Resmi Emojiler ve Özel Karakterler Nasıl Eklenir ?
Blogger yazı panelinde bulunan gülen yüze(😌) tıklayıp,açılan pencerede bulunan oklar sayesinde istediğimiz kategoride emojileri veya özel karakterleri tıklayıp yazımıza dahil ediyoruz.
Blogger Yazılarda Emoji ve Özel Karakter Kullanımı
Ayrıca "Draw a symbol here" yazan yere istediğimiz şekli mause ile çizerek,istediğimiz emoji çeşitlerini veya özel karakterleri otomatik olarak ekrana gelmesini sağlayabiliyoruz.Eklediğimiz emoji veya özel karakteri istediğimiz boyuta getirmek için yine yazı fontu büyüttüğümüz şekilde büyütebiliyoruz.🙋

👉Emoji ve Özel Karakter Kullanımı Yorum Formunda Var mı?
Malesef şuan laptop, bilgisayar üzerinden direk emoji ve özel karakter ekleme yorum formunda mevcut değil.Bilgisayar,laptop üzerinden yorum formuna emoji eklemek isterseniz Emojipedia sitesinden kopyala/yapıştır yöntemi ile emoji ekleyebilirsiniz.

👉Blogger Yoruma Mobilden Emoji  Ekleme Var mı ?
Evet 😌 Blogger yorum formuna emoji ekleyebilirsiniz.Telefonunuzun veya tabletinizin yazı klavyesinde bulunan emojileri direk yorum formuna ekleyebiliyorsunuz.🙋
Blogger Yorumlara Emoji Ekleme



Emoji kullanmayı seven biri olarak Blogger'ın yeni getirdiği emoji ve özel karakter ekleme özelliğini çok beğendim.😍💃👏Sizler emoji ve özel karakter özelliği için ne düşünüyorsunuz ?💭🙇

Sibel Ordueri



Devamını Oku »

21 Mayıs 2015 Perşembe

Blogger Yayınlarda Google+ Arkadaşlarınızdan Bahsetme Özelliği

21 Mayıs 2015 Perşembe
blogger yayınlarda google+ kullanıcılarından bahsetme özelliği
Blogger yazılarımızda bir kişinin yazdığımız yazıya dikkatini çekmek için veya bir kişiye özel bildirim göndermek için yazılarımızda google+ arkadaşlarımızdan bahsetme özelliğini kullanabilirsiniz.Pek çok kişi bu özelliği merak etti değil mi?
Evet arkadaşlar yanlış okumadınız,blogger yazılarınızda google+ arkadaşlarınızdan hatta  sizi takip etmiyor olsa bile google+ kullanıcılarından  bahsedebilirsiniz.Bu özelliği kullanabilmeniz için google+ hesabınızla blogunuzun bağlı olması gerekmektedir.Karşı tarafında  google+ bildirimlerine profil sayfası açık olması gerekmektedir.

Blogger Yayınlarda Google+ Sayfalarından Nasıl Bahsedilir ?

Bu özelliği kullanmak için yazımızı yazarken "+" ve "@"  işaretlerini kullanıyoruz.Bu işaretleri yazınızda koyduğunuzda ve bir harfini yazdığınızda ,blog yayınınız içinde sizlere google+ profillerini listeler.Bu listeden bahsetmek istediğiniz kişinin ismine tıkladığınızda blog postunuza google+ sayfası otomatik olarak eklenir.
Örnek ;
+Hüzün Sarisi +Rakhaef Kefren +Renkli Pasta Sepeti +sevdicann sevdicann  +Sosyal Medya Kafe

Burada Sosyal Medya Kafe'de yazar olan arkadaşlarımdan bahsetmiş oldum.(Hepinize sevgilerimi gönderiyorum )Bu işleme google+ kullanıcıları yazılarımızda etiketleme özelliği de diyebiliriz.

Resimli Anlatım :
blogger yayınlarda goog+ arkadaşlarımızdan (kullanıcılarından) bahsetme özelligi

Google + profiller arkadaşınız değil veya üye değilse; "+" ve "@" işaretlerinin yanına e-posta adreslerini yazdığınızda bu kullanıcılardan bahsetmiş olursunuz.

Blogger'ın bizlere sunmuş olduğu bu özellik sayesinde postlarımızda google+ kullanıcılarından özel olarak bahsetmiş veya yayına eklemiş oluruz...

Dip Not : Bu özelliği kullanırken dikkatli olmalısınız.Sadece yazım daha fazla okunsun veya tıklansın düşüncesi ile tanımadığınız kişileri etiketlememekte fayda var.Bu özellikten rahatsız olup blogunuzu şikayet edebilir.Bu da google amcam tarafından bloğunuzun spam blog olarak algılanıp ,kapatılması ile sonuçlanabilir.Sadece güvendiğiniz,sevdiğiniz kişileri veya yazıyı etiketlemek istediğiniz kişi için yazdıysanız bu özelliği kullanabilirsiniz...

Sosyal Medya Kafe'yi GFC hesabını takibe alarak blogger yardım konularını yakından takip edebilirsiniz.
Herkese sağlıklı,mutlu günler dilerim :L

Sibel Ordueri
Devamını Oku »

17 Mayıs 2015 Pazar

Blogger İzleyiciler (Google Friend Connet) Gadgeti Ekleme Resimli Anlatım

17 Mayıs 2015 Pazar
blogger izleyiciler gfc( google friend connect) gadgeti ekleme resimli anlatım
Merhaba Arkadaşlar ;
Gün içinde pek çok blogu ziyaret edip ,eksikleri not alıp ,buna yönelik resimli anlatımları listeme ekliyorum.Zaman buldukça blogger eksiklerini tek tek Sosyal Medya Kafe'de anlatacağım.Blogger bloglarımızın vazgeçilmez gadgetlerinden "izleyiciler (Google Friend Connet) gadgeti " bloglarımıza nasıl eklenir ? resimli olarak anlatmak istiyorum.

Blogger İzleyiciler (Google Friend Connet) Gadgeti Ekleme Resimli Anlatım

Blogger kumanda panelimize giriş yapıyoruz.
1.Adım
"Yerleşim" sekmesine tıklıyoruz.Gadgetlerimizin ekli olduğu bölümden "Gadget Ekle" yazan yere tıklıyoruz.
blogger gadget ekleme resimli anlatım

2.Adım
Karşımıza çıkan pencerenin sol tarafında bulunan "Diğer Gadget'ler" sekmesine tıklıyoruz.En başta bulunun "İzleyiciler" yazan yere veya sağında bulunan "+" işaretine tıklıyoruz.Karşımıza farklı bir pencere açılıyor.Bu alanda "İzleyiciler" başlığını değiştirebilir,yazıların renk ayarlarını değiştirebilirsiniz.En son  "Kaydet" tıklıyoruz.
blogger izleyiciler gadgeti ekleme resimli anlatım

3.Adım

Eklediğimiz "İzleyiciler Gadgeti" gadgetlerin bulunduğu sidebar 'da en başına otomatik olarak kaydedildi.Bu gadgeti mause ile tutarak,istediğimiz yere taşıyoruz.Ekranımızın sağ üst köşesinde bulunan "Düzenlemeyi Kaydet" tıklıyoruz.
google friend connect gadgeti yerleşim resimli anlatım


Yukarıdaki adımları doğru şekilde yaptığınızda "İzleyiciler  (Google Friend Connet) Gadgeti "blogunuza eklemiştir.

Google Friend Connet hesabınızda takip edilmek ,daha farklı blogları keşfedip takibe almak isterseniz Blog Keşif Etkinliğimize  veya Google+ Topluluğumuza katılabilirsiniz...
Sosyal Medya Kafe'yi GFC hesabını takibe alarak blogger yardım konularını yakından takip edebilirsiniz.
Herkese sağlıklı,mutlu,bol takipcili günler dilerim :) :B
Sibel Ordueri
Devamını Oku »

15 Mayıs 2015 Cuma

Blogger Resmi İletişim Gadgeti Ekleme Resimli Anlatım

15 Mayıs 2015 Cuma
Blogger Resmi İletişim Gadgeti Ekleme Resimli Anlatım
Merhaba Arkadaşlar;
Bloglarımız için en önemli gadget Blogger'ın bizlere sunmuş olduğu iletişim formu.İletişim gadgetini blogumuza ekleyerek ,yorum formunda konu ile alakasız yorumların gelmesini bir nebze azaltmış olacağız.
Bazı blogları ziyaret ettiğimde iletişim sayfası veya iletişim formu gadgetinin ekli olmadığını farkettim.Yazmak istediklerim oluyor ama konu ile alakasız olacağı için ,yorum formuna yazmaktan vazgeçiyorum.Bugün sizlere "Blogger Resmi İletişim Gadgeti Ekleme" konusunu resimli olarak anlatacağım.

Blogger Resmi İletşim Gadgeti Ekleme Resimli Anlatım
Blogger kumanda panelimize giriş yapıyoruz.
1.Adım
"Yerleşim" sekmesine tıklıyoruz.Gadgetlerimizin ekli olduğu bölümden "Gadget Ekle" tıklıyoruz.

blogger gadget ekleme resimli anlatım

2.Adım
Karşımıza çıkan pencerenin sol tarafında bulunan "Diğer  Gadget'ler" sekmesine tıklıyoruz.Baştan 3. gadget "İletişim  Formu" yazan yere veya sağında bulunan "+"işaretine tıklıyoruz.Karşımızda farklı bir pencere açılıyor.Burada  iletişim gadgetinin başlığını değiştirebiliriz.Son olarak "Kaydet" tıklıyoruz.
blogger resmi iletişim gadgeti ekleme resimli anlatım

3.Adım
İletşim formu gadgetimiz muhtemelen en üst bölüme otomatik olarak kaydedildi.Bu gadgeti mause ile tutarak istediğimiz yere taşıyoruz.Ekranımızın sağ üst köşesinde bulunan "Düzenlemeyi Kaydet" tıklıyoruz.
blogger iletişim gadgeti formu ekleme

Yukarıdaki adımları doğru şekilde takip ettiğinizde Blogger resmi iletişim gadgetini blogunuza eklemiş oluyorsunuz.
İletişim gadgeti sayesinde size gönderilen mesajlar blogunuzun kayıtlı olduğu gmail hesabınıza geliyor.
Bir sonraki blogger yardım konumuz ; Sosyal Medya Kafe'de kullanmış olduğum iletişim sayfamı nasıl ? oluşturdum,resimli olarak anlatacağım...

Güncelleme 22.12.2016 :
Blogger İletişim Sayfası Oluşturma Resimli Anlatım

Konuları yakından takip etmek için; Gfc hesabımızı takibe alabilirsiniz...

Tüm Blogger'lara  bol iletişimli günler dilerim :) :B
Sibel Ordueri
Devamını Oku »

19 Nisan 2015 Pazar

Blogunuzu Sağlam Temeller Üzerine Kurun

19 Nisan 2015 Pazar
Blogunuzu Sağlam Temeller Üzerine Kurun

Herkesin blog sayfasında kullandığı html javascprit kodları vardır. Fakat bir çok kişinin önemsiz gördüğü ya da farkında olmadığı bir husus vardır. O da sayfa içinde kullandığınız kodların kaynağıdır.

Örneğin bir arşiv kodunu ele alalım.

<script src="https://yourjavascript.com/9184200431/blogtoc-min.js" type="text/javascript">
</script>
<script src="https://*******.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Bu kod gördüğünüz gibi internetten alınmış sıradan bir kod örneğidir. Gördüğünüz gibi örneğimizde bir adet Javascprit kodu mevcuttur. https://yourjavascript.com/9184200431/blogtoc-min.js

Peki bu kodların blog sayfanız için önemi nedir?
  • Kimin kullandığı depolama alanında mevcut olduğu belli değil.
  • Kaç kullanıcının kullandığı ve ne kadar trafik harcadığı belli değil.
Bunlar bazı kullanıcılar için önemsiz gibi gözükse de eğer uzun süreli temeli sağlam bir blog oluşturmak istiyorsanız. Çok önemlidir. 

Çünkü kullanmış olduğunuz kodların yüklendiği alan aşırı trafikten dolayı kapatılabilir. Bu da siz ve sizin gibi aynı kodu kullanan kullanıcıları olumsuz etkileyecektir.
Kodun silinmesi ya da içinde bir kaç değişiklik yapılarak tekrar yüklenmesi de her ne kadar düşük bir ihtimal olsa da önemli bir husustur.

Bu yüzden eğer bu tür şeyleri önemsiyor ve blogum sağlam temeller üzerine kurulsun diyorsanız ilk yapmanız gereken kullandığınız kodların tamamını kendi alanınıza yüklemenizdir.

En sağlıklısı tabi ki kendinize ait bir host olmasıdır. Fakat blog kullanıcılarının bir çoğu için ücretsiz servisler aynı işi fazlasıyla görmektedir. Ben bu iş için dropbox kullanıyorum ve gayette başarılı. Şimdiye kadar herhangi bir sorunla karşılaşmadım. Tereddüt etmeden kullanabilirsiniz.

dropbox'a js dosyası yükleme
Şimdi ilk olarak yapmanız gereken kendinize bir dropbox hesabı açmanız. Hesabınızı açtınız ve nasıl kullanacağınızı bilmiyor musunuz? Yukarıda vermiş olduğum örnek arşiv kodundaki .JS uzantılı adresini ziyaret edelim. https://yourjavascript.com/9184200431/blogtoc-min.js

Açılan sayfadaki kodları olduğu gibi kopyalayın ve masa üstünüzde oluşturduğunuz bir TXT dosyasına yapıştırın. Daha sonra FARKLI KAYDET diyerek dosyadınız.js ya da css olarak kaydedin. Bu çok önemlidir çünkü dosya uzantınız css ya da js de olabilir.

Ayrıca kodlarınızı kendi dropbox hesabınıza yüklemeden önce incelerseniz içinde değişiklikler yapabileceğiniz yerleri de görebilirsiniz.

Şimdi sıra geldi dropbox hesabına yüklemeye.
Hesabınızla giriş yaptıktan sonra şu kısımdan upload diyoruz.
Yükleme yaptıktan sonra URL yi alıp kodun içindekiyle değiştiriyoruz. Hepsi bu kadar. Ayrıca dropbox u bilgisayarınıza indirip dosyalarınızı kendi bilgisayarınızdaki dropbox klasörüne atarak hızlı bir şekilde de yükleyebilirsiniz.

Okumuş olduğunuz kişisel blog yazısı, sosyalmedyakafe.com için Çıplak Yazar Blogun yazarı tarafından hazırlanmıştır.
Devamını Oku »

9 Nisan 2015 Perşembe

Blogger Yorumlara Smileys Ekleme İfadeler Eklentisi

9 Nisan 2015 Perşembe
blogger yoruma smiley ifade ekleme - emoji eklentisi
Merhaba arkadaşlar :)
Blogger yorumlara smileys (ifadeler) ekleme konusunda bir eklenti hazırladım.Bir kaç gündür üzerinde çalıştığım smiley eklentisini çalıştırmaktan oldukça mutluyum.Yorumlarda ve sosyal medya sitelerinde smiley (ifade) kullanmayı çok seviyorum.Bu yüzden Sosyal Medya Kafe'ye de daha önce özel olarak hazırlamıştım.Sizlere paylaşacağım smileys(ifadeler) yahoo messenger'da kullandığımız emoticons yüzleri :) Her biri birbirinden sevimli 60 adet ifade.
Mail yolu ile çok fazla istek geldi .Sosyal Medya Kafe 'de görüp beğenen kodlarını istedi veya nasıl ekleyeceğini sordu.Sosyal Medya Kafe teması özel tema olduğu için kod yerleşimleri farklı.Hazırladığım blogger yoruma smiley ekleme eklentisi  tüm blogger temalarına uyacak şekilde tasarladım.Bu güzel ifadeler blogger temasına nasıl eklenir? resimli olarak anlatımna geçeyim.

Önemli Uyarı:Blogger smiley eklentisini blogunuza uygulamadan önce  blogger şablonunuzu yedeklemeyi ihmal etmeyelim.Blogger şablon yedekleme resimli anlatım yazımı burayı tıklayıp okuyabilirsiniz.

Blogger Yorumlara Smileys(İfadeler)Ekleme Resimli Anlatım
1.Adım
Blogger kumanda panelimizde "Şablon" => "HTML'yi Düzenle" tıklayalım.
Resimli Anlatımı:
blogger şablon html'yi düzenleme
2.Adım
Ctrl+F tuşlarına basarak arama kutusunda  </body> kodunu aratalım.Bulduğumuz </body> kodunun hemen üzerine aşağıdaki kodları ekleyelim."Şablonu Kaydet" tıklayalım.
Resimli Anlatımı:
blogger body kodunu bulma resimli anlatım
3.Adım.
Ctrl+F tuşlarına basarak çıkan arama kutusunda <div id='comment-holder> kodunu aratalım.Bulduğumuz  <div id='comment-holder'> kodunun hemen altında bulunan </div> kodunun sonuna  aşağıdaki kodları ekleyelim. "Şablonu Kaydet" tıklayalım. Resimli Anlatımı:
blogger yorumlara smileys ifadeler ekleme resimli anlatım emoji eklentisi

Yukarıda anlattıklarımı doğru şekilde yaptığınızda blogger yorum forumunun hemen üzerinde smileys (ifadeler) görünmüş olacaktır.
2.verdiğim kod içerisinde  width:600px değerini temanıza göre büyütüp ,küçültebilirsiniz.
bordercolor='#eeeeee' yazan yerin  # karşısına temanıza ugun bir renk kodu yazarak smiley çerçeve rengini değiştirebilirsiniz.
Canlı Demo : Renkli Pasta Sepeti'ne eklendi...
Dip Notlar: İfadeler cep telefonlarından bakınca görünmez..
Smileys eklenti kodları emek hırsızlarına karşı özel şifrelenmiştir.
İfadelerin en altında ifade eklentisi yazıma link vardır...
Takıldığınız,anlamadığınız her hangi bir yer varsa yorum olarak yazabilirsiniz.
Sevgiyle Kalın :L
Sibel Ordueri
 
"Bu makalede kullanılan tüm ekran görüntü resimleri,yazılar ve kodlar sosyal medya kafe'ye aittir.Yazıların ve ekran görüntü resimlerinin yayın hakkı sadece www.sosyalmedyakafe.com'a aittir.İzin alınmadan ve kaynak gösterilmeden bir başka blogda veya web sitesinde yayınlanması 5846 sayılı Fikir ve Sanat Eserleri Yasası`na aykırıdır. Aksi taktirde 5846 Sayılı Fikir ve Sanat serleri Yasası gereği suç duyurusunda bulunulacaktır. Yasal yükümlülüğü vardır."
Devamını Oku »

31 Mart 2015 Salı

Blogger İnstagram Eklentisi Slaytlı İnstagram Resimleri Ekleme

31 Mart 2015 Salı
blogger instagram eklentisi-slaytlı instagram resimleri ekleme resimli anlatım
Merhaba Arkadaşlar;
Bugün sizlere blogger instagram eklentisi olan instagram resim slaytı olarak blogger'a eklemeyi resimli olarak anlatacağım.İnstagram da  resim paylaşmak günümüz telefonları ile çok kolay olduğu için pek çok kişi tarafından tercih ediliyor.
İnstagram resimlerinizi slayt olarak blogunuzda göstermek herkesin çok hoşuna gidecektir.

Blogger İnstagram Resim Slaytı Eklentisi
1.Adım
İnstagram resimlerinizi blogunuzda göstemek için öncelikle www.intagme.com sitesine tıklayalım.
2.Adım
instagram widget blogger eklentisi
Username: Karşısına İnstagram kullanıcı adımızı yazıyoruz.
Hashtag: Karşısına blogumuzda göstermek istediğimiz herhangi bir hashtag etiketi yazarsak sadece o hashtag etiketindeki resimleri gösterir.Boş bırakırsak İnstagram'a eklemiş olduğumuz tüm resimleri en son eklediğimizden geriye doğru tüm resimleri slayt olarak gösterir.
3.Adım
blogger instagram slaytlı resim eklentisi
Slideshow: Seçersek instagram resimlerimizi otomatik olarak slayt olarak gösterir.
4.Adım
blogger instagram resim eklentisi
Thumbnail Size: Blogumuzda gösterilecek olan resimlerin boyutunu ayarlıyoruz. 100 px yazılı rakam ,bu rakamı istediğimiz şekilde değiştirip yazabiliriz.
Photo Border : "Yes " seçersek; fotoğraflarımıza çerçeve eklenir.
"No" seçersek;  fotoğraflar çerçevesiz gösterilir.
5.Adım
blogger instagram resim eklentisi renkli
Background Color: Blogger blogumuzda gösterilecek resimlerin arka plan rengini seçebiliriz.Veya bildiğimiz renk kodunu direk yazabiliriz.
6.Adım
blogger instagram resim sosyal ağ paylaş
Sharing Buttons: "Yes" seçersek resimlerin üzerinde sosyal ağ simgeleri ve paylaşmak için kısa yol eklenir.
"No" seçersek resimlerin üzerinden sosyal ağ simgeleri olmaz.
7.Adım
blogger instagram resim ekleme kodu

Get Code: Tıkladığımızda yukarıdaki gibi bir pencere içerisinde bize kodları kopyalayabiliriz.

3.Adım da anlatmış olduğum resimleri slayt olarak göstermeydi.Bu adımda görmüş olduğunuz 2.seçenek Grid bu seçeneği seçersek resimler slayt olarak değil yan yana veya alt alta istediğimiz şekilde sabit gösterilmesini sağlar.(En son eklediğiniz resmi 1.olarak gösterir)
Grid seçeneklerini inceleyelim;
instagram resimlerini blogger da tablo olarak ekleme
Thumbnail Size: Blogumuzda gösterilecek resimlerin kapladığı boyut.Burada dikkat etmeniz gereken 2 veya 3 resmin yanyan geldiğinde kapladığı alan buraya yazdığınız rakam her 1 tane resim için geçerli.
Örnek: 100 px yazdıysak ve yan yana 3 resim seçtiysek kapladığı alan 300 px olur. Burada biraz matematik devreye giriyor.Gadget alanızın boyutuna göre ayarlamalısınız.
Loyout: 2X3 seçersek yan yana 2 resim ,alt alta üç resim gösterir.4x4 seçersek yanyana 4 resim,alt alta 4 resim gösterir.
Photo Border: "Yes" seçersek fotoğraflarımıza çerçeve eklenir.
Background Color: Fotoğrafların arka plan rengi
Photo Padding: Fotoğraf aralarındaki boşluk boyutu.
Sharing Buttons : Sosyal paylaşım simgeleri "Yes" veya "No"
Get Code: En son kodumuzu alıyoruz.

İntagme sayesinde blogger'a instagram resim ekleme kodlarımızı oluşturduk.Şimdi blogumuza ekleyelim.
İnstagram Resim Kodları Blogger'a Nasıl Eklenir ? Resimli Anlatım.
1.Adım
blogger html javascript gadgeti ekleme resimli anlatım
Blogger kumanda panelimizde "Yerleşim " => "Gadget Ekle" => "HTML/Javascript" yollarını takip ederek HTML gadgetini seçiyoruz.
2.Adım
blogger gadget ekleme resimli anlatım
Eklemiş olduğumuz gadgete başlık ismi vererek ,içerik kısmına intagme sitesinden almış olduğumuz kodları kopyala/yapıştır yapıyoruz.Gadget altında bulunan "Kaydet" butonuna tıklıyoruz.En son "Düzenlemeyi Kaydet" tıklayarak instagram resimlerimizi blogger'a eklemiş oluyoruz.
Resimlerin gösterilmesini istediğimiz yeri gadgeti sürükle/bırak yöntemi ile taşıyarak uygun yere taşıyoruz.
Blogger İnstagram resim eklentisi ile muhteşem bir blog hazırlayabilirsiniz.Gerisi sizin hayal gücünüze  kalıyor...Blogger İnstagram Slayt Resim eklentisine ve tablo görseline sağ bölümden bakabilirsiniz.Ben altına instagram takip butonu da ekledim;)

Dipnot: İnstagram fotoğraflarınızın blogunuzda görünmesi için herkese açık olması gerekir...

Herkese sağlıklı,mutlu günler dilerim :)

Sibel Ordueri

"Bu makalede kullanılan tüm ekran görüntü resimleri ve yazılar sosyal medya kafe'ye aittir.Yazıların ve ekran görüntü resimlerinin yayın hakkı sadece www.sosyalmedyakafe.com'a aittir.İzin alınmadan ve kaynak gösterilmeden bir başka blogda veya web sitesinde yayınlanması 5846 sayılı Fikir ve Sanat Eserleri Yasası`na aykırıdır. Aksi taktirde 5846 Sayılı Fikir ve Sanat serleri Yasası gereği suç duyurusunda bulunulacaktır. Yasal yükümlülüğü vardır."
Devamını Oku »

21 Ocak 2015 Çarşamba

Blogger İzleyiciler Gadget Takip Sorunu Çözümü Resimli Anlatım

21 Ocak 2015 Çarşamba
Blogger İzleyiciler Takip Sorunu Çözümü
Bir önceki yazımda Blogger izleyiciler gadgeti görünmeme sorununun çözümünü anlatmıştım.Bu yazımda anlattıklarımı uygulayan bloglardaBlogger izleyiciler gadgeti sorunsuz çalıştı.Bazı Blogger bloglarda izleyiciler gadgeti göründü fakat bu siteye katılın butonuna tıklandığında "Malesef bu gadget hatalı olarak yapılandırıldı" yazan bir sorun olduğunu dile getiren arkadaşlarımız oldu.

Bu yöntemi daha önce aldığım bir blog adresimde denedim,sorunsuz bir şekilde çalıştı.İlk öncelikle bu yazımda anlattıklarımı uygulayalım.Bu anlattıklarımı uyguladıktan sonra eğer sorun yaşarsanız aşağıdaki anlattığım yöntemleri uygulayabilirsiniz.

Blogger İzleyiciler (Google Friend Connect) Gadget Takip Sorunu Ve Çözümleri Resimli Anlatım.


1.Yöntem İzleyiciler Gadget Url'si ve Bu Siteye Katılın Buton Kodu


Bir Blogger olarak Google ve çeşitli kaynaklardan gelen ziyaretçilerimizin bizi takip etmelerini kolaylaştıracak Google Friend Connect bu siteye katılın butonu hazırladım.Bu butonu blogunuza ekleyebilmek için öncelikle Blogger ID numaranızı bulalım.


Blogger ID numarası nasıl bulunur ?



blog ıdı bulma resimli anlatım

Yukarıdaki resimli anlatımda gördüğünüz gibi Blogger  ID  adresimizi bu alandan kopyalayarak okuyucularımızı doğru blog adresimize yönlendireceğimiz URL.

https://www.blogger.com/follow-blog.g?blogID=************

Bu adreste yapacağınız yıldız karakteri koyduğum yeri silip kendi Blogger ID numaranızı yazmak.Bu url'yi blogunuza gadget ekle bölümünden resim ekle olarak kendi belirleyeceğiniz bir resme link vererek uygulayabilirsiniz.Başlıksız Resim Gadgeti Ekleme yazımda anlattıklarımı uygulayabilirsiniz.

Sizler için hazırlamış olduğum aşağıdaki bu siteye katılın buton kodlarını kopyala/yapıştır yaparak kullanabilirsiniz.


Blogger izleyiciler (Google Friend Connect)bu siteye katılın butonu canlı demosu:

blogger-google-friend-connect-bottom

Yukarıdaki bu siteye katılın butonunu Yerleşim=Gadget Ekle=HTML/JavaScript Ekle gadgetinin HTML'yi Düzenle yazan yeri tıklayarak,kopyala yapıştır yaparak kaydediyoruz.Bu yöntemi blogunuzda uyguladığınızda gelen ziyaretçileriniz sizi takip edebilecek fakat izleyicilerinizin resimleri görünmeyecek.Resimleri görmediğiniz için resme tıklayıp bir kişiye özel mesaj veya arkadaş olarak ekleyemezsiniz.

2.Yöntem Blogger İzleyiciler (Google Friend Connect) Resmi Widget Eklentisi


Önemli Uyarı:2.Yöntem şablon HTML düzenle bölümünden yapıldığı için en ufak bir hatanızda şablonunuz bozulabilir .Bu sebepten dolayı şablonunuzu yedeklemenizi öneririm.Bunun için şablon yükleme/yedekleme yazımda anlattıklarımı uygulayabilirsiniz.


Blogunuzda bulunan hatalı izleyiciler gadgetini "Yerleşim" alanından tamamen kaldıralım. Blogger Şablon=>HTML'Yİ Düzenle tıklayarak CTRL+F yaparak çıkacak olan arama kutucuğunda aşağıdaki kodu aratıyoruz.



Genellikle şablonunuzun en alt kısmında widgetlar(gadgetler) ekli olur.


 blogger widget gadget eklentisi resimli anlatım

Yukarıda anlattığım kod kümesini bulup altına aşağıdaki tüm kodları ekleyip Şablonu Kaydet tıklıyoruz.Blogumuzun an sayfasını yüklediğinizde Google Friend Connect resmi izleyiciler widgetinin direk eklendiğini göreceksiniz.


Blogger Friend Connect izleyiciler gadgeti hakkında sormak istediklerinizi sorabilir veya yazı hakkındaki düşüncelerinizi aşağıdaki yorum formuna yazabilirsiniz.Bir başka Blogger  yardım konusunda  görüşmek üzere.🙋

Sibel Ordueri


"Bu makalede kullanılan tüm ekran görüntü resimleri ve yazılar sosyal medya kafe'ye aittir.Yazıların ve ekran görüntü resimlerinin yayın hakkı sadece www.sosyalmedyakafe.com'a aittir.İzin alınmadan ve kaynak gösterilmeden bir başka blogda veya web sitesinde yayınlanması 5846 sayılı Fikir ve Sanat Eserleri Yasası`na aykırıdır. Aksi taktirde 5846 Sayılı Fikir ve Sanat serleri Yasası gereği suç duyurusunda bulunulacaktır. Yasal yükümlülüğü vardır."

Blogger İzleyiciler Takip Sorunu Ve Çözümü Anlatımını Beğendiyseniz,Aşağıdaki Sosyal Ağ Butonları Sayesinde Paylaşabilirsiniz.
💕⃕
Devamını Oku »
"Sosyal Medya Kafe'de kullanılan ekran görüntüleri, fotoğraflar ve yazılar Sosyal Medya Kafe'ye aittir. Yazıların ve fotoğrafların yayın hakkı sadece www.sosyalmedyakafe.com'a aittir. İzin alınmadan ve kaynak gösterilmeden bir başka blogda veya web sitesinde yayınlanması, tariflerin veya yazıların ekran görüntüsü alınarak sosyal ağlarda paylaşılması 5846 sayılı Fikir ve Sanat Eserleri Yasası`na aykırıdır. Aksi taktirde 5846 Sayılı Fikir ve Sanat serleri Yasası gereği suç duyurusunda bulunulacaktır. Yasal yükümlülüğü vardır."