Çağatay diyor ki:
Dil Seçin
Sayfalar
Facebook Live Stream

Blogsa Formspring Eklentisi

Blogsa'yı biraz daha canlı bir blog haline dönüştürmek istedim. Bunun için sosyal ağlar ile ilgili çalışmalarımızı genişletmeye çalışıyorum. Bu seferki çalışmamız Blogsa ile Formspring arasında olacak. Eğer sizde Formspring'e üye iseniz ve Blogsa kullanıyorsanız bu eklenti tam size göre. Kullanıcılarınızın siteniz üzerinden Formspring'e girmeden size soru sormasını sağlayabilirsiniz.

Öncelikle şunu belirtmeliyim. Eklentiyi indirdikten sonra FormspringAskMe klasörü içerisinde Widget.ascx sayfamız var. Bunun içerisinde aşağıda KullanıcıAdı yazan 3 yere kendi kullanıcı adınızı yazın ve kayıt edin.

Blogsa Formspring Ayarları

Eklentide şuan için başka bir değişiklik yapmanıza gerek yok. FormspringAskMe klasörünü kullandığınız hosting içerisindeki Widget's klasörüne atın ve admin panelinize girip aktif hale getirin. İşte hepsi bu kadar!

BLOGSA FORMSPRING AYARLARI

Diyelim ki tasarımınıza göre bu eklentiye de renk vermek istiyorsunuz o zaman arkaplan renginizin hex kodu #0039CB ise bu kodu aşağıdaki gibi uygulayarak eklentinin arkaplanını da aynı renkte olmasını sağlayabilirsiniz. Aynı zamanda yazı fontunu da beyaz olarak ayarlayacağım. Aşağıdaki resme dikkatlice bakın.

Blogsa Formspring Ayarları 2

Formspring bu özelliği sitenizde 3 ayrı büyüklükte kullanabilmeniz için size seçenekler de sunuyor. Ölçüler aşağıda belirttiğim gibidir.

Small (120x275) - Medium (180x275) - Large (400x275)

Yapmanız gereken değişiklikler aşağıdaki ekran görüntüsünde yine üzeri kırmızı çizgili bir biçimde belirtilmiştir. Yukarıda belirttiğim genişlik ölçüsünden hangisini kullanmak istiyorsanız aşağıdaki genişlik kısmına yazmanız gerekmektedir. Medium yazan yeri de buna bağlı olarak değiştirmelisiniz.

Blogsa Formspring Ayarları 3 

Ayrıntıları da anlattığıma göre artık sizlerle bu eklentiyi paylaşmanın vakti geldi de geçiyor bile :)..

NOT: Kod tarafında yaptığımız bütün değişiklikler Widget.ascx dosyası içerisinde yapılmaktadır.

Blogsa Formspring Sor Bana (Ask Me) Eklentisi:

 > Eklentiyi İndir <

Sözler Akışı Eklentisi

Siteleriniz üzerinde kullanabileceğiniz henüz gelişim aşamasında bir eklentidir. Sizler ile paylaşmak istedim. Ben öncelikle Blogsa'ya entegre ettim. Sizlerle Blogsa temasına nasıl entegre ederiz? bunu anlatacağım ve eklentiyi paylaşacağım. Hemde "html" olarak ayrıca ekleyeceğim. Bu sayede kendi projelerinizde de kullanabileceksiniz. Bu eklentiyi yapmamda bana yardımcı olan Serkan Algur 'a çok teşekkür ediyorum.

Sözler Akışı eklentisi aşağıdakileri içerir:

2 adet javascript dosyası (Animasyonumuz için)

1 adet CSS tasarım dosyası (Sozler.css)

ve sayfamıza entegre etmemiz gereken kod ve yazılarımız..

 

Sözler akışını Blogsa'da ki temamıza nasıl entegre ederiz? Cevabı:

Yüklediğim tema örneğini inceleyin. Gördüğünüz üzere küçük değişiklikler yapmış bulunmaktayım. Aynı zamanda 2 adet javascript dosyamız için "js" adında klasör oluşturmuş ve dosyaları bu klasör içerisine yerleştirmiş bulunmaktayım. "css" adında yeni bir klasör daha oluşturdum. Bütün css dosyalarımı ve image dosyalarımı yine bu klasör içerisinde toplayarak daha düzenli bir tema olmasını istedim.

temaklasoru.png

Sözler akışı eklentisi için gerek "js" dosyalarımız gerekse "css" dosyamıza (Sozler.css) sahipsek artık yapmamız gereken ufak bir şey daha var. Bunlardan ilki kodu ve yazıyı entegre edeceğimiz sayfayı açmanız. Biz Blogsa temalarında bu işlemi "Master.master" içerisinde aşağıdaki değişiklikleri yapıyoruz.

Tasarımımızın temanızda sorunsuz çalışması için <link /> yöntemini kullanarak css dosyamızı temamıza bağlıyoruz. <head></head> tagı arasında olmasına dikkat edin.

CSS Link Yöntemi

Daha sonra yine <head></head> tagı arasına gelecek javascript kodunu yazıyoruz.

Sozler Akışı Java Script Kodu

Son olarak <body></body> arasına gelecek olan yazılarımızı yerleştiriyoruz. Benim sitem için kullanmış olduğum örnek:

Sözler Akışı Yaziılar

Yazılarınızı da eklediyseniz artık çalışmanızı kaydedin. Yeni tema dosyanızı FTP aracılığı ile kullandığınız hosting'e bağlanarak, Themes klasörünün içerisine ekleyin.

Artık sizde Sözler Akışı'nı kullanıyorsunuz. İsteğinize göre gerekli değişiklikleri yapın ve güle güle kullanın.

Sözler Akışı Tema Eklentisi:

Sözler Akışı Eklentili Temayı İndir  |  Html Halini İndir   |   Online Görüntüle

Facebook'a girmeden siteniz üzerinden de Facebook'a yazı gönderebileceğinizi biliyor muydunuz? İşte bunun için Blogsa Facebook Live Stream eklentisini kullanabilirsiniz.

Öncelikle facebook profilinizle giriş yapın. Sonra bu adrese gidin:

https://developers.facebook.com/docs/reference/plugins/live-stream/ 

Blogsa Facebook Live Stream Ayarları

Size üretmiş olduğu veya sizin belirleyeceğiniz App ID kodunu kopyalayın. Facebook ile ilişkimiz bu kadar. Aşağıda link olarak verdiğim "Blogsa Facebook Live Stream" eklentisini indirin ve içerisindeki

Blogsa Facebook Live Stream APP_ID

Blogsa Facebook Live Stream APP ID 2

APP_ID yazan 2 yere daha önce Facebook'tan aldığımız App ID numarasını yazıyoruz. Artık eklentimiz kullanılmaya hazır durumda! Hadi bakalım..

Blogsa Facebook Live Stream Eklentisi

Facebook Live Stream Eklentisi Ekran Görüntüsü                     >>İndir<<

skypekullaniciadi.jpg

Blogsa eklentilerini elimden geldiğince gün geçtikçe çoğaltmaya devam ediyorum. Herhangi bir skype kullanıcısıysanız blogunuzda "Skype Durumum" eklentileriyle statü durumunuzu arkadaşlarınızla paylaşabilirsiniz. Bunun haricinde seçeceğiniz "Skype AraBeni" eklentisiyle bir tıklamayla insanların size ulaşabilmesini kolaylaştırabilirsiniz. "Skype Beni Ekle" eklentisiyle insanların Skype üzerinden sizleri eklemesini kolaylaştırırken, "Skype Sesli Mesaj Bırak" Eklentisiyle insanların siz yokken size blogunuz üzerinden skype aracılığı ile sesli mesaj bırakmasını sağlarsınız. Son olarak yine "Skype Dosya Gönder" eklentisiyle arkadaşlarınızın size tek tıklamayla Skype üzerinden dosya yollamasını kolaylaştırabilirsiniz.

Eklentilerin Görünümleri Aşağıdaki gibidir. Resim Dosyalarının üzerine tıklayarak istediğiniz eklentiyi makinenize indirebilirsiniz.

Skype Ara Beni 1 Skype Ara Beni 2 Skype Ara Beni 3 Skype Ara Beni 4 Skype Ara Beni 5 Skype Beni Ekle Skype Beni Ekle 1 Skype ile Benimle Yazış Skype ile Benimle Yazış 1 Skype ile Dosya Gönder Skype ile Dosya Gönder 1 Skype Durumum Skype Durumum 1 Skype ile Sesli Mesaj Bırak Skype ile Sesli Mesaj Bırak 1 skypemegapack.jpg

NOT: Eklentilerin düzgün çalışabilmesi için; her eklenti klasörünün içerisinde bulunan Widget.ascx dosyasında küçük bir değişiklik yapmanız gerekmektedir. "KULLANICIADINIZ" yazısını bulup yerine "Skype Kullanıcı Adınızı" girmeniz gerekmektedir.

SOCIAL BOOKMARKING EKLENTİ ÖNİZLEME:

         Öncelikle Blogsa için Social Bookmarking eklentisini yapan Tolga arkadaşımıza çok teşekkür ederiz. Bu güzel eklenti üzerinde biraz oynadım ve görsellerininde hemen hemen hepsini değiştirdim umarım hoşunuza gidecektir.

 

Eklentiyi indirmek için: http://www.cagataytoksozoglu.com.tr/indir/Blogsa/SocialBookmarking.rar

Eklentiyi yapan arkadaşın orjinal eklentisi: http://blog.aquarist.gen.tr/

 

Formspring - Sor Bana (Ask Me)
Microsoft Student Partner
Ben FikriMühim
Google Translate
Arama
  Ara
Blog Sayaç
Skype Durumum
My status
Tweetlerim

Twitter yüklenirken lütfen bekleyiniz

Bekleyemiyorsanız direk twittera gidelim