Ana içeriğe atla

Blogger İçin RSS ve Sosyal Simgeler

Şekilde gördüğünüz Facebook, Twitter, Google+ ve RSS butonlarını  blog sayfanıza gadget ekleme yöntemi ile ekleyip görüntülenmesini istediğiniz yere sürükleyip bırakabilirsiniz.Tasarım olarak biraz basit ama gayet kullanışlı bir eklenti.Kumanda Paneli>Tasarım>Gadget Ekle> Html/Javascript yolunu takip edip aşşağıdaki kodu kopyalayıp açılan gadgetimizin içine yapıştırıyoruz.
<a href="http://www.facebook.com/pages/Blog-Okulu/270630239670726" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXWl7ka8fTbuYQrHT3xdt0R8haQYOcaNlZjvSPo2VDFycgL7927V27Fstkx4FID4yOLu1QlAE2U5SIUpjJPCF2uK751MxB7cbduUAOsuea9kW3TUi2IG_Fd7dOq4ZK1jfdjKKq-7urZ8o/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/blogokulu" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddq8y5Ye-n_XEq7-QZ3slcgeWUb6QaLuIq60WxxCZ_iMjrZEiuJvgxJZPdHxKXDYHcr-6MWEQZjGagHuPIZcC_dNZIGVQheccicwEzBRGwFb1M91Uvva-lI4g-PZH5OdPvLGqF1J2UFE/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/adresiniz/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigwsVv7uz9eCs78V1LrySWHlOUposXHCGSLimv6aioRRs4x5omFMe4NvK_RNdp2rBySe6mMSu4_u2DeC2LcOASyp7xQKh6umjplIHQuMYaT3zMMADgB-OeQk63OBl7t_cwPEpRSe2A06Y/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/blogokulu" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8rQ2aE9ua5vSeFqo8su4ixgG3rI9_1ef4E184zkCjtLPHsco5swjl-4fttVUXM2jyCN4IiXb8nq576SW5WkodBVE3wMWCt7axLH3UQZl5DH5CFshB7cOwKYTc6T1oVo7dTqB_spLApg/s1600/rss-30x43.png" /></a>

Kod içerisinde kırmızı renkle belirttiğim  adresleri değiştirip kendi adreslerinizi yazıyorsunuz ve gadgeti kaydedip görünmesini istediğimiz yere sürükleyip bırakıyoruz.Sosyla medya iconları kullanıma hazır.

Yorumlar

Fatih Varlık dedi ki…
Teşekkürler,kullanmaya başladım...
Blog Okulu dedi ki…
Hayırlı olsun..
oğuzhan dedi ki…
arama motorunu seninki gibi sağ üst köşeye koymak istiyorum ama sol tarafa gidiyor... konumlandırma kodları varmı yardımcı olurusun lütfen*??
Blog Okulu dedi ki…
 kodları:
sağ=...
sol=.....
ortada=........
kodları arasında yazman gerekir.
oğuzhan dedi ki…
çoook teşekkür ederim
oğuzhan dedi ki…
sağ=...
sol=.....
ortada=........         BU KODLARI DENEDİM AMA SADECE ORTA ÇALIŞIYOR DİĞERLERİNİ YAPTIM YİNE AYNI YERE GİTTİ NEDEN ACABA ?
yazacakyerariyorum dedi ki…
isterseniz g+ ve rss i de çıkartabilirsiniz sadece facebook ve twitter sade ve hoş görünebilir
Sadik dedi ki…
Üstat çok güzel çalışmalar paylaşıyorsun.Emeğine sağlık.Bende sıklıkla siteni ziyaret ediyorum ve sayfam için uygun uygulamaları kullanıyorum.
Yukarıdaki uygulamayı siteme ekledim ancak bir ricam olacak, simgeye tıkladığımızda pencerenin yeni bir sayfada açılmasını nasıl sağlayabiliriz?Teşekkürler.
Blog Okulu dedi ki…
@mazeretimsiirdirSimgeye tıkladığınızda pencerenin yeni bir sayfada açılmasını sağlayacak şekilde kod düzenlenmiştir.

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...