Plugin’i indirin, upload klasörü içindeki tüm dosyaları forum ana dizinine yollayın, Sonra Admin Panel > Pluginler > kısmından aktifleştirin, bukadar…

Görüntüsü şu şekilde olacak…

Mybb Warn IE6 indir

Not: Kaynak olarak kullandığım dosyalar burada.

Anlatıma geçiyorum :

Kullanımı… Önce paketi buradan indirin : http://www.bencagri.com/dosya/mybb_audio_player.zip
Paketin içindeki audio-player.js ve player.swf dosyasını forumun kurulu olduğu dizine atın

Admin Panel > Ayarlar > Mykod > Yeni Ekle
Başlık : Mp3

Düzenli İfade:

1

\[mp3\]([^"'[<>]+?)\[/mp3\]

Yer Değiştirme:

1
2

<script src="http://www.YOURSITENAME.com/audio-player.js"><!--mce:0--></script>
<object id="audioplayer1" width="290" height="24" type="application/x-shockwave-flash" data="http://www.YOURSITENAME.com/player.swf"><param name="movie" value="http://www.YOURSITENAME.com/player.swf" /><param name="FlashVars" value="playerID=audioplayer1&amp;soundFile=$1" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /></object>

Açık: Evet

yer değiştirme kısmında sitenizin adresini yazmayını unutmayın…

English:
Upload the player.swf and audio-player.js to your forum root directory

Then Go to Admin Panel > Config > Mycode > Add new MyCode
Title : Mp3

Regular Expression:

1

\[mp3\]([^"'[<>]+?)\[/mp3\]

Replacement:

1
2

<script src="http://www.YOURSITENAME.com/audio-player.js"><!--mce:1--></script>
<object id="audioplayer1" width="290" height="24" type="application/x-shockwave-flash" data="http://www.YOURSITENAME.com/player.swf"><param name="movie" value="http://www.YOURSITENAME.com/player.swf" /><param name="FlashVars" value="playerID=audioplayer1&amp;soundFile=$1" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /></object>

Remember to change YOURSITENAME with your adress in replacement codes…

Download Pack : http://www.bencagri.com/dosya/mybb_audio_player.zip

it will be like this…

Aslında basit bir plugin ama istediğiniz birkaç özellik için kullanabilirsiniz…

Pluginin olayı şu : Bir konu içerisindeki belirlediğiniz kadar mesajı kayan yazı şeklinde gösteriyor…
Ben PercyJackson-Tr ‘de küçük bir fikirden yola çıkarak yaptım, bir üyem “hadi bu da twitter konusu olsun” dedi, bende o konudaki mesajları çekip göstereyim dedim..

Herneyse gelelim kuruluma…

1- Arşivden çıkardığınız images ve inc klasörünü forumun bulunduğu klasöre ftp ile yollayın
2- Admin panel > pluginler kısmından “Ciwitter”ı Yükle ve Aktif et

bukadar Otomatikman header şablonunun içine {$ciwitterx} değişkeni atacak, bu değişkeni istediğiniz yerde kullanabilirsiniz..

Demo için : http://www.percyjackson-tr.com

For English:

***INSTALLATION***

1- Upload images and inc directories to your forum root
2- Login to admin panel and go to Plugins section
3- Install & Activate the Ciwitter Plugin

***FAQ***
1- How can i change its place?.– By default, its installed on header, if you want to show where you want, Go to Templates & Style > Templates > YOUR THEME  add {$ciwitterx} wherever you want =)
2- How can i change the thread id?–Go to admin panel > Configuration > Settings > Ciwitter Settings  and change the thread id which last posts would be shown.
3- How can i change the number of messages?– Same place with the number 2 =)
4- How can i edit the images?–  There are 3 images used by plugin…You can easily change the design by using these, sol.png,orta.png and sag.png

This plugin is tested with Chrome,Firefox and iExplorer

Takıldığım yerlerde yardım ettikleri için -G33k- ve pavemen ‘e teşekkür ederim

Ciwitter Türkçe İndir –   Download Ciwitter English

Bana göre Jquery nin en güzel eklentilerinden bir tanesi. Lazy Load ın ne yaptığı konusunda ilk defa gören arkadaşlar için kısaca bilgi vermek gerekise;

Sitenizde o an sayfa üzerinde bulunan resim dosyalarını yani img tagı ile belirlenmiş olan nesnelerin, hepsini sayfa ile birlikte yüklemektense. Kaydırma çubuğunu dinleyerek sadece aşağıya doğru kaydırdığınızda ekranda görünmesi gereken resimleri anlık olarak yüklüyor…

rtık tasarımları yaparken optimizasyon eskisi kadar önemli bir konumda değil yani 300-500k lık resimleri sitelerde görmek mümkün. İlk yükleme anında tüm bu resim dosyalarını yüklemektense kaydırma çubuğu indikçe önümüze gelmesi gereken resimleri anlık olarak yükletmek çok daha mantıklı. İşte bu işe yarıyor lazy load eklentisi. Sonuç olarak sitenize her giren ziyaretçi tüm sayfanızdaki resimleri yüklemektense göreceği kadarını yüklüyor. Hem sayfanız daha hızlı açılıyor hemde sitenizin bandwidth kotası daha az kullanılmış oluyor.

Faydaları

Günümüzde artık tasarımları yaparken optimizasyon eskisi kadar önemli bir konumda değil yani 300-500k lık resimleri sitelerde görmek mümkün. İlk yükleme anında tüm bu resim dosyalarını yüklemektense kaydırma çubuğu indikçe önümüze gelmesi gereken resimleri anlık olarak yükletmek çok daha mantıklı. İşte bu işe yarıyor lazy load eklentisi. Sonuç olarak sitenize her giren ziyaretçi tüm sayfanızdaki resimleri yüklemektense göreceği kadarını yüklüyor. Hem sayfanız daha hızlı açılıyor hemde sitenizin bandwidth kotası daha az kullanılmış oluyor.

Kullanımı

Lazy Load Jquery Eklentisi ile alakalı güzel bir açıklama nette mevcut ben de sadeleştirerek anlatıyorum kısaca…

1
2

<script src="jquery.js" type="text/javascript"></script>  
<script src="jquery.lazyload.js" type="text/javascript"></script>

yukarıdaki kod yardımı ile Jquery ve eklentinin dosyalarını çağırıyoruz …

1

$("img").lazyload();

ve yine yukarıdaki kod yardımı ile tüm img taglarını yakalıyor ve lazyload();fonksiyonu ile ilişkilendiriyoruz. Kullanımı bu kadar basit…

Ek olarak belirtmek gerekirse şu an benim de blogumda kullandığım WordPress Lazy Load eklentisi de mevcut Admin panelinizin eklenti arama kısmında kolayca indirip etkinleştirebilirsiniz.

Yazıyı Erhan Aslan‘ın sayfasında gördüm, benimde çok kullanmak istediğim birşeydi. Hatta mashable’ın kullandığını gördüm ve eklentiyi de tesadüfen gördüm.. Erhan’a teşekkür ediyorum yayınladığı için

Öncelikle “özel sayfa” tabirinden bahsedeyim biraz. Özel sayfalar şu demek, örneğin blogunuzun bir bölümünü portfolio sayfası yapacaksınız fakat temanız portfolio için uygun değil, yada wordpress ile tasarladığınız sitenize wp-forum gibi bir eklenti kurdunuz, fakat forum sayfasında sidebar olmasın istiyorsunuz.. İşte wordpress’in tema parametrelerini kullanarak kendimize özel bir sayfa yapabiliriz

Şimdi bilmemiz gereken şey şu bu sayfayı hangi amaç için kullanacağız? Ben Forum sayfası örneğini kulanacam bu derste… Şimdi tema klasörünüz içinde bir dosya açın, ismi genis.php olsun,sonrasında ise bize en başta lazım olan kodlar şunlar :

1

Bu kodları dosyanın en başına koyun.. Koydunuzmu? devamı ise çok kolay, page.php dosyasını olduğu gibi kopyalayın altına fakat sidebar’ı kaldırmak için şu satırı silin,

1

Şimdi gelelim kodlarımızın son haline, ben kendi temamda kullanılan kodları yayınlıyorum,sizde farklılık olacaktır muhtemelen:

1

Şimdi burada dikkat edeceğimiz iki husus var, 1- sidebar kodunu kaldırdık, 2-Dikkat ettiyseniz “left” etiketine width=99& atadık,bunu nedeni ise sol sütunun genişliğini yükselttik, çünkü sağ sütunu (sidebar) kaldırmamız tek başına birşey anlam ifade etmiyor..Karşılaştırmalı olarak ucuz uçak bileti resmi sorgulama sitesinde bulabilirsiniz.Alışveriş yapmak için tek uygun yer.Tek yetkilievden eve nakliyat taşımacılık.

Son olarak sayfamızı eklemeye geldi, bunun için WordPress Yönetim sayfasından > Sayfalar > Yeni  Ekle diyoruz, Sayfamızın içeriğini yazıktan sonra  Sağ tarafta “şablon” diye birşey gözünüze çarpacak. Oradan GenisSayfa seçeneğini seçtiğiniz zaman sidebar’ı olmayan bir sayfa oluşturmuş olacaksınız…

Yöntem gayet basit… Sadece oluşturduğunuz dosyanın başına “Template Name: XXX” etiketini yazmak
Örneğini Görmek Blogumda Şu Sayfaya Bakın
Ayrıca Forum örneği verdik, forum için nasıl göründüğünü gösereyim istedim… Forum sayfası >>