Diig stili paylaş (share) menüsü

Blog’uğunuzu oluşturup bir taraftan içerik girerken bir taraftan da blog’uğunuza yeni özellikler kazandırmak için eklentilerle geliştirirken aklınızdan daha fazla nasıl ziyaretçi çekebilirim diye geçirdiğiniz olmuştur.

           
Peki blog’uğunuza daha fazla ziyaretçiyi nasıl çekebiliriniz?
Cevap çok basit blog ziyaretçilerinize kendi sosyal ağlarında sizin yazılarınızı paylaşabilecekleri araçlar sunmak.

Bunlara güzel bir örnekte sosyal imleme servisi Digg’in kullanıcılrının içeriği kendi sosyal ağlarında paylaşabilmeleri için oluşturulmuş menü.
Bu menüyü bir defa blog’uğunuza ekledikten sonra kendinize göre özelleştirme imnkanınızda bulunuyor 


     2010-06-30_013807

Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle gidin.

Tam şablon yükle yazan bağlantıyı kullanarak şablonunuzu yedekledikten sonra Widget Şablonlarını Genişlet yazan kutucuğu işaretleyin.


Bu işlemlerden onra  klavyenizin Ctrl ve F tuşuna aynı anda bastıktan sonra açılan arama formunda ]]></b:skin>  ifadesini aratın.

]]></b:skin> ifadesini bulduktan sonra hemen üstüne gelecek şekilde aşağıdaki CSS kodlarını ekleyin.

CSS Kodu



Css kodlarını ekledikten sonra yine ]]></b:skin> ifadesinin hemen altına gelecek şekilde aşağıda bulunan Javascript kodlarını ekleyin.

Javascript Kodu


Uygulamamızın hemen yazıların altında görünmesi için kodlarımın içerisinde
<div class='post-footer'> ifadesini bulduktan sonra hemen üzerine gelecek şekilde aşağıdaki HTML kodlarını ekleyip kaydediyorum.

HTML Kodu


Tüm işlemleri doğru bir şekilde yaptıysanız yazılarınızın altında aşağıdaki Paylaşamak güzeldir bağlantısı görünmeye başlayacaktır.

Kayanak:http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery


Paylaşmak Güzeldir


  • Mail
  • Delicious
  • Digg
  • StumbleUpon
  • Twitter
Paylaş !

0 yorum: