25 Şubat 2012 Cumartesi

Youtube Videolarını Mp3 veya Mp4 Formatında Bilgisayara İndirmek

Youtube Videolarını Mp3 veya Mp4 Formatında Bilgisayara İndirmek



Selamlar, Son dönemde kendimde sıkça kullandığım arkadaşlarında ihtiyaç duyup sordukları "youtube videolarını mp3 olarak nasıl indirebilirim" sorusu ile ilgili çözümleri göstermeye çalışacağım. Youtube mp3 indirme.

Youtube mp3 indirme


Öncelikle en hızlı yönetm online youtube çevirici, youtube dönüştürücü siteler. Bu siteler genel olarak aynı yapıdalar youtube sitesinde beğendiğiniz videonun adres barından linkini kopyalayıp buradaki çevirme alanına yapıştırıyorsunuz ve size bir indirme linki sunuyor. Bu sayede videoyu mp3 olarak bilgisayarınıza indirebiliyorsunuz.

youtube mp3 indirme, video indirme, mp4 çevirici, ücretsiz video indir, youtube videolarını mp3 indirme, 3gp video indir, 3gp cevirme, müzik - tasarhane

Site isimleri aklınıza gelmez ise google'dan youtube mp3 indirme diye aratırsanız ilgili siteleri bulabilirsiniz. Ya da şağıdaki listeden de bunlara ulaşabilirsiniz.

Çoğunu kullanırken dikkat etmeniz gerekecek çünkü hertarafta download yazısı göreceksiniz. Artık reklam mı yoksa gerçekten tıklamanız gereken link mi sizin çözmeniz gerekiyor ;)


Youtube Dönüştürücü


Eğer youtube videolarını sıklıkla mp3 olarak indirme ihtiyacı duyuyorsanız tarayıcınıza eklenti yükleyerek bu işi hızlandırabilirsiniz.

  • Mozilla Firefox kullanıcıları için youtube mp3 indirme eklentileri. Youtube veya herhangi bir siteden video indirmek istediğinizde flash video indirme eklentileri işinize yarayabilir.

  • Google Chrome tarayıcısı kullanıyorsanız web mağazasından mp3 çevirici eklentiler bulabilirsiniz.

  • Firefox ve Chrome için ücretsiz youtube indirme eklentisi. Desteklenen formatlar mp3, mp4, flv. Yönlendirme yapmışlar temizlik firmasına :p çalışmıyor


Bilgisayaranıza indirip kullanabileceğiniz yazılımlar. Bunları indirip denemedim açıkcası bilgi olması açısından koyuyorum.

Adele - Someone Like You İndir

http://www.youtube.com/watch?v=hLQl3WQQoQ0

24 Şubat 2012 Cuma

İmkansız olana kadar giymeye devam edeceğim seni

Ayakkabım yırtıldııııııııııııııııııııııııııııııııııııııııı :(


İmkansız olana kadar giymeye devam edeceğim seni - ayakkabılarım yırtıldı

Çok sevmiştim bu ayakkabıyı, hiç ayağımdan çıkarmıyordum.
Tabanında bi yırtık çıktı, tamirciye götürdüm.
"Atacaksın tamir olmaz bu" dediler.
Nedendir bilmem ne zaman sevsem bir yolunu buluyorlar imkansızlaşmak adına.
Bir yolunu bulup çıkıyorlar hayatımdan.
Şimdi ayaklarım üşüsede dolaşırken sokaklarda,
Yürürken ayağıma rahatsızlık versede,
Fedakarlık yapımda var kaldırıp atamıyorum sevgilerimi.
İmkansız olana kadar giymeye devam edeceğim seni...

22 Şubat 2012 Çarşamba

Sizin şifreniz ne kadar sağlam?

Selamlar,
Bir soru: Şifreniz ne kadar sağlam?

Aslında sitemizde photoshop, wordpress, grafik, web, arayüz tasarımlarıyla ilgili içeriği yoğun tutmaya çalışsakta arada böyle bilgilerde vermek gerekli.

Sizin parolanız şifreniz ne kadar sağlam

Çoğu kullanıcının yaptığını yapıp şifrenizi öyle basit bir şey seçmeyin ki kırılmasın kolayca. Aşağıdaki linkten şifrenizin sağlamlığını test edin.
Ama bence şifrenizi birebir yazmak yerine benzer versiyonunu yazarak deneyin ne olur ne olmaz?

Şöyle 16 karakterden uzun karman çorman bir parola/şifre kırmak "2 duodecillion years" sürer imiş..
Yalnız normal masaüstü bilgisayar ile ibaresinide koymuşlar. Yani şifrenizi/parolanızı kırabilecek süper bilgisayarların mevcudiyetinden bahsedilmemiş ;)

Buradan mevcut şifrenizin sağlamlığını kontrol edebilirsiniz. http://howsecureismypassword.net
http://makemeapassword.net adresinden de güçlü ve sağlam şifreler üretebilirsiniz.

21 Şubat 2012 Salı

Kayak Sezonu İlham Veren Arayüz Tasarımları

Selamlar,

Kayak Sezonu İlham Veren Arayüz Tasarımları
Kayak Sezonu İlham Veren Arayüz Tasarımları wordpress blog design drupal joomla

Malum bu sene hayli çetin geçti soğuklar falan içimizi titretti açıkcası. Sezon bitmeden, yeride gelmişken kayakla ilgili ilham veren tasarımsal çalışmalara değinen bir konu güzel olur dedik. Tasarımlarınızı yaparken ilham alabileceğiniz bazı örnekler bulmaya çalıştık. İşte sonuç;

 

 

 

 

 

 

 

 

 

 



 


Kayak konusunda bilgiler için ufak bir kaynakça kısmı

 

Yeni bir şey yapmışlar adı Dual Snowboards belki denemek istersiniz ;)

http://www.youtube.com/watch?v=z9SVq_E4quI

20 Şubat 2012 Pazartesi

Wordpress Blogunuzda Yalnız İstediğiniz Kategori Konularını Gösterin

Selamlar,

Wordpress Blog Anasayfanızda Yalnız İstediğiniz Kategori Konularını Gösterin
ya da istemediğiniz kategorilerden konular wordpress blog anasayfanızda görünmesin.

WordPress Blogunuzda Yalnız İstediğiniz Kategori Konularını Gösterin

Belirli bir kategoriden belirli sayıdaki konuları göstermek Aşağıdaki kod satırında bulunan 1 kategori kimliğiniz ve 6 göstermek istediğiniz konu sayısını ifade ediyor.


< ?php query_posts("cat=1&showposts=6");?>



Sadece bir kategoriden konularınızı göstermek
27 yerine kategori numaranızı girerek değiştirebilirsiniz.
< ?php query_posts("cat=27");?>


Belirli bir çok kategoriden son konuları göstermek
Her birini virgül ile ayırarak istediğiniz kategorilerden konuları gösterebilirsiniz.
< ?php query_posts("cat=3,7,27,42");?>



Bu şekilde kullanırsanız her sayfada 5 konu olacak şekilde belirtilen kategorilerin konularını gösterir
Sayfalamada sorun olursa bu şekil kullanımı tercih edin
[php]<?php $posts=query_posts($query_string .
"&posts_per_page=5&cat=9,13"); ?>[/php]



Son yayınladığınız belli sayıda konuyu göstermek
7 sayısını istediğiniz ile değiştirip o miktarda konu gösterebilirsiniz.
< ?php query_posts("showposts=7");?>



Birde tam tersini düşünüp her şey olsun bi o kategori olmasın diyebilirsiniz onun içinde;
İstemediğiniz kategori konularını anasayfa görünümünden çıkarmak
< ?php query_posts("cat=-3");?>



Bu durumu daha fazla kategori üzerinde uygulamak isterseniz;
Birden fazla kategori konusunu anasayfa görünümünden çıkarmak
< ?php query_posts("cat=-4,27,45");?>



Nasıl yapılır?
Öncelikle işlem yapacağınız kategorinin kimlik numarasını (id) bulmanız gerekiyor. Bunun için yönetici panelinde Yazılar altında bulunan Kategoriler sekmesine girin. Burada istediğiniz kategorinin üzerine fare ile gelince tarayıcınızın durum barında veya tıklayınca yukarıda adres barında şu tarz bir link göreceksiniz

http://tasarhane.com/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=956&post_type=post


burada gördüğünüz 956 sayısı kategorimizin kimlik nosu olmaktadır.

Daha sonra tema klasörümüze bir ftp programı ile erişerek index.php dosyamızı düzenlemek için notepad++ tarzı bir yazı editörü ile açıyoruz. Şart değil standart notepad'de kullanabilirsiniz tabiki.
index.php dosyası içerisinde bulunan döngü/loop kodları arasında şu satırı bulup hemen üstüne yukarıdaki kodlardan istediğinizi yapıştırmanız yeterli.
< ?php while ( have_posts() ) : the_post(); ?>


Örnek
< ?php query_posts("cat=-4,-27,-45"); ?>
< ?php while ( have_posts() ) : the_post(); ?>



Kaydedip blog anasayfanızı yenilediğinizde karşınıza seçtiğiniz kategoride ve sayıda konular çıkacak.

Wordpress Blog Konu Sayfasına Yazar Bölümü Eklemek

Selamlar,

Wordpress blog sitenizde konu sayfanıza girildiğinde alt kısımda yazar bilgilerini görüntülemek için kullanmanız gerek kod öbeği budur.

Yalnızca bu ayrıca bir eklenti gerekmiyor.

[sourcecode language="plain"]
<?php if ( get_the_author_meta( 'description' ) ) : // If a user has filled out their description, show a bio on their entries ?>
<div id="entry-author-info">
<div id="author-avatar">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'author_bio_avatar_size', 60 ) ); ?>
</div><!-- #author-avatar -->
<div id="author-description">
<h2><?php printf( esc_attr__( 'Hakkında %s'), get_the_author() ); ?></h2>
<?php the_author_meta( 'description' ); ?>
<div id="author-link">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php printf( __( 'View all posts by %s <span class="meta-nav">&rarr;</span>'), get_the_author() ); ?>
</a>
</div><!-- #author-link -->
</div><!-- #author-description -->
</div><!-- #entry-author-info -->
<?php endif; ?>
[/sourcecode]

Animxl - Anime Temalı Website Şablon Tasarımı

Animxl - Anime Temalı Website Tasarımı



Selamlar,

Anime tarzında hazırlamış olduğum bir website şablonu tasarımı.. Aslında birazda eski ama sitemde yoktu burada paylaşayım istedim..

Animxl Anime Temalı Website Şablon Tasarımı wordpress blog drupal joomla


Tam boyutta görmek için Animxl v3 şablon tasarımı



Bu önceki bir versiyonu
Animxl Anime Temalı Website Şablon Tasarımı wordpress blog drupal joomla

19 Şubat 2012 Pazar

Ücretsiz Seo Analizi : Sitenizi Hızlandırın

Ücretsiz Seo Analizi : Sitenizi Hızlandırın



Siteniz için http://www.seohocasi.com/seo/ adresinden 39 farklı kriterde ayrıntılı bir analiz alabilirsiniz. Bu seo raporu ile belirgin ya da hiç haberiniz olmayan sorunlarınızı görebilirsiniz. Düzeltmeler ile siteniz/blogunuz seo uyumlu ve daha hızlı açılır hale getirebilirsiniz.

Sitemiz seo analiz sonucu 73 puan alabildi muhtelif hatalar var düzeltmeye üşendiğimiz :)
Ücretsiz Seo Analizi : Sitenizi Hızlandırın

18 Şubat 2012 Cumartesi

Tişört Tasarım Sitelerinin İlham Veren Arayüz Tasarımları

Tişört Tasarım Sitelerinin İlham Veren Arayüz Tasarımları

Tişört tasarım sitelerinin tasarımlarıda en az tişörtler kadar güzel olmalı dedik ve tasarım ağları üzerinden bir derleme yapmaya çalıştık. Sonuçlar aşağıda;

Tişört Tasarım Siteleri Arayüz Tasarımları facebook wordpress blog
Liveart Shop sade ve şık

Tişört Tasarım Siteleri Arayüz Tasarımları Twitter wordpress blog
t-shirt for men temiz düzenli ve yeşil beyaz hoş.

Tişört Tasarım Siteleri Arayüz Tasarımları best wordpress blog
Best clothes sarı siyah hep güzel bir kombinasyon olmuştur.

Tişört Tasarım Siteleri Arayüz Tasarımları factory
T-Shirt Factory

Tişört Tasarım Siteleri Arayüz Tasarımları facebook wordpress blog design
website and graphics designer

İlham Veren Tişört Tasarım Siteleri Arayüz Tasarımları
T-shirt

Konuyla ilgili olan Etkileyici Tişört Tasarımları yazımızada bakabilirsiniz.

BBpress Kurulumu, Forum Kullanımı, Başlangıç Rehberi

BBpress Kurulumu


Forum Kullanımı, Başlangıç Rehberi


BBpress forumu kurmak ve yönetmek isteyenler için internet üzerindeki bbpress kurulumu ile alakalı bilgileri araştırdık. Neden bu forumu seçmeniz gerekiyor düşüncesiyle hazırlanmamıştır o nedenle başka forumlarla olan yetenek karşılaştırmasına buradan ulaşabilirsiniz.

Yetkili bir ağızdan duymak istiyorum herşeyi..

BBpress Kurulumu, Forum Kullanımı, Başlangıç Rehberi

BBpress kurulumu resimli anlatım.

Wordpress forum nasıl kurulur?

Resimli bbpress forum kurulumu.

Blogunuza forum kurun.
Bbpress Tema ve Eklentileri Nasıl Eklenir?

 

 

İngilizce olmasına karşın detaylı bir video olduğu için ilk bunu ekleyelim.

http://www.youtube.com/watch?v=EDAp8M7CuPk

http://www.youtube.com/watch?v=oLwUoTG8Wfw

http://www.youtube.com/watch?v=atfIwdA-81U

Bildirgeç'de Wordpress'e Forum (bbpress) Entegre Etmek konulu yazı ilginizi çekebilir.

Buda entegrasyon ile ilgili ingilizce anlatımlı bir video

http://www.youtube.com/watch?v=_52qPMdLFH4

bbpress kurulumu

17 Şubat 2012 Cuma

phpBB3 Forumu Başlangıç Rehberi

Selamlar,

Forum seçiminiz phpbb3 olacak ise aşağıdaki makale başlangıç için doğru yer olacaktır.

 

phpBB3 Forumu Başlangıç Rehberi indir twitter facebook connect

 

phpBB 3 Rehberi

Eğer phpbb konusundaki bilginiz başlangıç seviyesinde ise, bu iletideki konu başlıklarına bakmanızı öneririz.

Soru sormadan önce soracağınız sorunun daha önceden sorulup sorulmadığından emin olunun. "Arama bağlantısı"nı kullanarak arama yapın.
Aradınız bulamadınız, emin olamadınız sormaya karar vediniz; ilgili forumda altında sorduğunuz sormaya en kısa zamanda yanıt almanız olasıdır. Dikkat etmeniz gereken en önemli husus aşağıdaki ilk dört bağlantıda saklıdır.

16 Şubat 2012 Perşembe

Hayat

Hayat, aynı sonucun başka başka kişiler tarafından farklı farklı yollarla bulunma çabasıdır.

13 Şubat 2012 Pazartesi

Wordpress Blogunuzda Kategori ve Etiketleri Url'den Kaldırmak

Wordpress Blogunuzda Kategori ve Etiketleri Url'den Kaldırmak


Selamlar,

Başlık ne kadar anlaşılır oldu bilemiyorum ama demek istediğim şudur;

Kategori isimlerinin önüne eklenen category veya kategoriyi http://tasarhane.com/category/html-css

Etiket isimlerinin önündeki tag veya etiketi kaldırmak http://tasarhane.com/tag/adobe-photoshop-cs6

ve şu hale getirmek http://tasarhane.com/html-css    http://tasarhane.com/adobe-photoshop-cs6

Wordpress Blogunuzda Kategori ve Etiketleri Url'den Kaldırmak


Standart olarak wordpress blogunuzda kategori temeli şu şekilde
http://tasarhane.com/category/wordpress
Ve açıkcası bu category kelimesinin yararlı olup olmadığı konusunda şüphelerim var.
Tabi ilgili kelimenin ana dizine yakın olması yani site adına yakın olması artı puan olduğundan aradaki kategori ibaresini kaldırmak isteyebilirsiniz.
Bir yol varki şu şekilde;

Öncelikle .htaccess dosyanızın yedeğini alıyoruz. Ben kopyalayıp ilkine .htaccess1 diyorum ilkinin hangisi olduğunu hatırlamak için.

Sonra dosyaya aşağıdaki kod satırını ekliyoruz ve kaydediyoruz.

[php]RewriteRule ^category/(.+)$ http://www.sizinsitenizinadi.com/$1 [R=301,L][/php]
Kayıt işleminden sonra görünüm şu şekilde oluyor

http://tasarhane.com/wordpress

Yalnız alt kategorilerde sorun olabileceği ve bazı serverlarda çalışmayacağıyla ilgili bilgiler var. Bu yöntem çok önerilmiyor o yüzden.

Eklenti ile bu durumu çözmek isterseniz. Seçenekler aşağıda



Arayanlar için faydalı olabilir ama ben henüz düşünmekteyim değiştirsem mi değiştirmesem mi?

Birde değişiklik yaptıktan sonra indexlenmiş kategori ve etiketli linkleri googledan silmek için bu konuya bakabilirisiniz.

12 Şubat 2012 Pazar

Kahkahalarını Saydın mı?

Kahkahalarını Saydın mı?


Ne kadar tövbe etmen gerektiğini bilemezsin Kahkahalarını hiç saymadın ki!

Ne kadar tövbe etmen gerektiğini bilemezsin
Kahkahalarını hiç saymadın ki!

Adobe Photoshop CS6 Çıktı Haberleri

Adobe Photoshop CS6 Çıktı Haberleri


Selamlar, bir kaç gündür bazı sitelerde ünlü tasarım programı adobe photoshop cs6 çıktı haberleri yayınlandığını görüyorum. A ne güzel yeni versiyon gelmiş diye merak edip adobe.com sitesine girdim anasayfada creative suite 5 paketi görülüyor.
adobe photoshop cs6 çıktı yayınlandı indir haberleri
Ürünler kısmından photoshop ailesine baktım Adobe Photoshop CS5 Extended var en başta. Sonra bi de indir kısmına girdim orada da Creative Suite® 5.5 Design Premium paketi var en başta. Uydurma haberler heralde ya da benim bilmediğim bir yerlerde bişiler dönüyor. Takip ederseniz çıktığında Adobe Photoshop CS6 buradan indirebilirsiniz.

Grafik tasarım, web tasarım, fotoğraf işleme konularında bir çok eş değeri olmasına rağmen tek el olmuş bu yazılımın yeni versiyonunu merakla bekliyoruz ;)

11 Şubat 2012 Cumartesi

Wordpress Yorum Sorunu | Yorumlar Başka Sayfalarda Çıkıyor

Selamlar,

Son kullandığım photoria teması ile baya bi oynamıştım

ve son zamanda yorumların sayfalarda görünmediğini farkettim. Bi süre bir şey yapmadan diğer değişikliklere devam ettim. Sonrasında yazılarda gezinirken baktımki başka yazıların yorumları başka yazıların altında görünüyor. Sayfayı yeniliyorum kayboluyor. Bazen yorumlar bazı sayfalarda görünüyor bazende hiç görünmüyordu. Türkçe ingilizce baya bi araştırdım ama wordpress forumlarında olsun web tasarım bloglarında olsun sorunuma çare bulamadım.

Wordpress Yorum Sorunu Yorumlar Başka Sayfalarda Çıkıyor

sorunumun [php]<?php comments_template(); ?>[/php] kodunu yanlış yazmak veya comments.php dosyasını kurcalarken yaptığım bir hata olduğunu sanıyordum. Önerildiği üzere [php]<?php comments_template(); ?>[/php] kodu yerleşimide loop kapanışından hemen öncesindeydi. [php]<?php endwhile; else: ?>[/php]

Sorunun çözümü ise şöyle olduki değişiklikler sırasında eklemiş olduğum yazar bilgisi kısmı ve rastgele konular kısmının üstüne [php]<?php comments_template(); ?>[/php] yerleştirdim yani hemen [php]<?php endwhile; else: ?>[/php]den önce değilde bu iki kısmın üstüne ve yorumlar doğru yerlerinde görünmeye başladılar.

Belki wordpress blogunda yorum problemi yaşayıp bu şekilde çözüme ulaşanlar olabilir.
Selamlar


Ayrıca; Sık Rastlanan 9 wordpress yorum problemi
Yazılarınız yoruma kapalı ise açmak için bu adımları takip edin.

9 Şubat 2012 Perşembe

Sevgililer Günü Tasarımları

Sevgililer Gününü Kutlama Yolları


İlham Veren Tasarımlar



İnsan 18 yılın ardından sevgililer günükutlamak adına bu kadar uğraşıyorsa tasarımcı demektir :)
http://vimeo.com/36086669

Sevgililer günü pastası
sevgililer günü pastası

bir çift şirin ayakkabı !


Tırnaklarınıza bir çift öpücük kondurun
http://www.youtube.com/watch?v=d2XKrq51kxI

Kahvene kalbimi koydum <3 Buda kahve sanatı
http://www.youtube.com/watch?v=ksuAEklMQ-Y

Sütle kahvenin aşkı
http://www.youtube.com/watch?v=si-wsNVh7qI

Süper olmana gerek yok tasarla ve bunu senin için yaptım de.. Yetmez mi?
http://www.youtube.com/watch?v=HTJMFroEi74

Nokia marka telefonlar için sevgililer günü temaları

iPhone marka telefonlar için sevgililer günü uygulamaları
baktım bişi bulamadım :p

E-Kart olayı var bilirsiniz.. ePostasını açınca sevginizi görmek, duymak, okumak isteyebilir...
Şiirli e-kart göndermek için. Şiiri seçtikten sonra sağdaki ekart kısmından gerekli işlemler yapılıyor.

Sevgililer günü ekartları

Seni seviyorum demenin güzel bir yolu ekart.


Hayat. Kısa bir aşk hikayesi
http://www.youtube.com/watch?v=eDqdKKnUl2k


Wordpress bloglarınız için sevgililer günü temaları.
Ücretsiz 10 adet sevgililer günü teması
14 Sevgililer günü teması


Web tasarımlarınızda veya wordpress bloglarınız için tema tasarımlarınızda kullanabileceğiniz bu güne özel simgelerde var.
Ücretsiz simgeler
Web tasarımlarınızda veya wordpress bloglarınız için tema tasarımlarınızda kullanabileceğiniz bu güne özel simgeler
16 ücretsiz sevgililer günü simgesi
Sevgililer gününe özel tatlı simgeler ve vektör dosyalar.




Belkide kaçmak istiyorsunuzdur. Peki mümkün mü?!
Belkide kaçmak istiyorsunuzdur. Peki mümkün mü?!

Düşünülmemiş bir şey olmayabilir ama karakalem portreniz güzel bir hediye olabilir.
karakalem portreniz güzel bir hediye olabilir
http://www.pencilportraitdrawing.com/pencil-portrait.htm

iPad duvar kağıtlarının sevgililer gününe özel olanlarını burdan indirebilirsiniz.

Sevgililer günü mesajları var smslerimiz için


Sevgililer gününde belki yanında değilim ama dünde, bugünde, yarında yüreğin kadar yanındayım. Kendini yalnız hissettiğinde elini kalbine koy; ben hep ordayım!



Buradan sevgililer günü mesajlarına ulaşabilirsiniz.





Tabi herkes mutlu değil bugünlerde kalbi kırık olanlar var

Tabi herkes mutlu değil bugünlerde kalbi kırık olanlar var.


Bırakıp gidenler var, kalbinizi kırıp giden, alıp giden ve dur gitme diyemediğiniz biri var belki.



Her şeye rağmen hayat devam ettiğine göre kalbi kırık olanlara önerimiz
sevgililer günü çikolatası
Bleach son bölümünü bulup izlemeleri ;)
Sinemalarda bir şeyler olabilir gidip izleyin..
Ya da hala izlemediyseniz Görevimiz Tehlike 4 Mission: Impossible Ghost Protocol
http://www.youtube.com/watch?v=V0LQnQSrC-g


Son olarakta buna bir göz atın artık nefret mi edersiniz yoksa beğenir misiniz bilemiyorum ama sevgililer gününde hiç bir yerde böyle bir şey yapmayın :p

8 Şubat 2012 Çarşamba

Psd to Html Css Dersleri

Psd to Css Dersleri


Selamlar bu yazımızda Psd to Css yani photoshop veya benzeri bir yazılımla hazırladığınız web arayüzühtml css formatında kullanıma hazır bir web sayfasına çevirmenizi sağlayacak dersleri bir araya toplamaya çalıştık.

Daha önce yayınladığımız psd to html yazımızıda inceleyebilirsiniz ve bir diğer psd to html yazısını.

Psd to Html Css Dersleri

 



Aşağıda ingilizce anlatımlı psd to html & css derslerini bulabilirsiniz.

  1. Code a Modern Design Studio from PSD to HTML

  2. PSD/HTML Conversion: Code a Clean Business Website Design

  3. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

  4. How to Code a Grunge Web Design from Scratch

  5. Design and Code a Slick Website from Scratch

  6. Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial

  7. From PSD to HTML: Building a Set of Website Designs Step by Step

  8. How to Code a Clean Portfolio Design (Plus Free Five-Page Template)

  9. The Design Lab: PSD Conversion

  10. Coding Up a Web Design Concept into HTML & CSS

  11. How to Code up a Web Design from PSD to HTML

  12. From PSD to HTML the easy way – Using Ultimate CSS Framework

  13. Code a Vibrant Professional Web Design with HTML5/CSS3

  14. Creating a Simple Photo Site — From PSD to HTML/CSS

  15. Designing a highly-professional website, from the sketch to the code

  16. PSD to HTML/CSS: Design, Slice & Code!

  17. Convert Burnstudio from PSD to HTML [Very Detailed]

  18. Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]

  19. Converting Dezign Folio From PSD to HTML [Very Detailed]

  20. Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

  21. Convert Business PSD template to HTML/CSS tutorial

  22. How to Code a Clean Minimalist HTML CSS Website Layout


Birde bu var:  50 en iyi psd to xhtml css çeviri dersi

 

Video Dersler - Görüntülü Anlatımlar


Slice and Export a Website Layout + HTML: Photoshop Tutorial!
http://www.youtube.com/watch?v=DVfxe4pqvo8

 

Photoshop Slices & HTML / CSS Coding Tutorial Part 1


http://www.youtube.com/watch?v=VD1Ha9aJNqs

 
PSD to HTML Part 1 - Toplam 6 bölümden oluşuyor
http://www.youtube.com/watch?v=IKeg1nhe-wE

 
Photoshop Tip: PSD to HTML made easy!
http://www.youtube.com/watch?v=5ch2kgc5DD0

6 Şubat 2012 Pazartesi

Wordpress Blogunuz İçin Seo Ayarları : Kalıcı Bağlantılar

Wordpress Blogunuz İçin Seo Ayarları


Kalıcı Bağlantılar



Selamlar.
Wordpress blogunuzu oluşturduktan sonra yapmanız gereken ilk işlemlerden birisidir kalıcı bağlantıları ayarlamak. Çünkü arama motorları sayfalarınızı isimlerine göre indexler ve bu isimler daha sonradan değişirse tekrar indexlenmesi gerekir.
Kalıcı bağlantılara admin pangelinizde Ayarlar > Kalıcı Bağlantılar sekmesinden ulaşabilirsiniz

Wordpress Blogunuz İçin Seo Ayarları Kalıcı Bağlantılar
Hali hazırda seçebileceğiniz 5 farklı seçenek bulunmakta ancak bunlar seo açısından çok faydalı yapıda değiller.
Aklımızda tutmamız gereken bazı noktalar var bu hususta örneğin wordpress blogunuz için yazdığınız konunun ismi alan adınıza yakın yerleşimde olmalı.
Örneğin http://tasarhane.com/css-menu-yapimi-907.html
Eğer yazı adresi http://tasarhane.com/2012/02/06/css-menu-yapimi şeklinde veya http://tasarhane.com/kategori/css-menu-yapimi-907.html şeklinde olursa önceki yapı bu örnektekilerden daha ciddiye alınır ve sıralamada daha yukarıda çıkar. Tabi sıralama için tek etken bu değildir. Yazdığınız bir çok konu için arama motoru sıralamalarına baktığınızda önünüzde kategori isimli, tarihli, etiketli, saçma sapan uzantılı bir sürü sayfa göreceksiniz.

Yapınızın nasıl olabileceğine dair başka fikirlerde geliştirebilirsiniz.
Wordpress blogunuzun kalıcı bağlantılarını özelleştirmek için kullanabilecekleriniz;




%year%
Yıl bilgisini çıkarır yani özel yapı kısmını
/%postname%/%year%/ şeklinde kullanırsanız yazınız http://tasarhane.com/css-menu-yapimi/2012/
şeklinde çıkar siz kodu nereye nasıl yazarsanız orada çıkar yani. / yerine - kullanabilirsiniz.


%monthnum% ise ay bilgisini getirir.
/%year%/%monthnum%/%postname%/ derseniz
http://tasarhane.com/2012/02/css-menu-yapimi/ olur.

%day% gün bilgisidir
%hour% saat bilgisi
%minute% dakika bilgisi
%second% saniye bilgisini bağlantıya ekler.
%post_id% yazınızın kimlik numarası demektir.

%postname% konu/yazı adı demektir.
%category% kategori
%author% yazar demektir


Mesela çok yazarınız varsa konunun kime ait olduğunu çabuk bulmak adına faydalı olabilir. Hatta yazarlarınızın ismini wordpress, seo, photoshop, css, php gibi tanımlamalar olarak girerseniz kategori değeri yazmadan bağlantıya kategori bilgiside girmiş olursunuz. Denenebilinir yani.

Benim kullandığım yapı /%postname%-%post_id%.html şeklinde. Nedenine gelince yazı adının alan adına yakın olmasının avantajını kullanmak. Konu kimliğini girmekte yazı bağlantısını diğer aynı isimli konu sahiplerininkinden farklı kılıyor olması. En son olarakta .html uzantısını arama motorlarının seviyor olması.
/%category%/%postname%/ mesela bu şekilde kullanım oldukça sık ama ben önermiyorum çünkü örnek yazımda olduğu gibi css menü yapımı diye isim verirken konuya önünde birde css kategorisinde olduğunu belirten bir alana ihtiyaç yok. Bu yazıyı örnek alarak konunuza Seo Ayarları : Kalıcı Bağlantılar diye isim verirseniz wordpress kategorisinde olduğunu belirtmek faydalı olur.
Tabi her şey her geçen gün hızla değişiyor bildiklerimiz değişebilir son gelişmelere göre araştırıp hazırlıklar ona göre yapılmalı.


Wordpress Blogunuz İçin Seo Ayarları Kalıcı Bağlantılar

Kategori temelini değiştirmezseniz category olarak ingilizce görünür yani http://tasarhane.com/category/html-css
Eklenti temelini değiştirmezsenizde tag olarak http://tasarhane.com/tag/css
Ben zamanında değiştirmediğim için şimdi ellemiyorum ama değiştirmek yararlı olacaktır.

Unutmadan bağlantı ayarlarınızda kategori değeri belirledi iseniz ve konunuza birden fazla kategori tanımladıysanız kategori id'si en düşük olan yazı bağlantısında görünür.

Haydi kolay gelsin. Allah'a emanet olun.

4 Şubat 2012 Cumartesi

Tasarhane.com için Analiz Seo Rapor - 2012 02 04

Sitenin son durum raporlarını konu olarak eklemeye karar verdim. Bilgisayarda bi yerlere atıyorum çok ilgili olmadığım içinde arayınca bulamıyorum. Bu şekilde hem tarih bilgisi olur hemde daha düzenli bir yapıya sahip olur inşallah :)

WM Aracı Güncel Durumu için http://wmaraci.com/?url=http://tasarhane.com

2012 02 04 tarihli durum
tasarhane.com-wmaraci-20120204-analiz-raporu

Sitebilgi Güncel Durum http://www.sitebilgi.net/?url=http://tasarhane.com

2012 02 04 tarihli durum
tasarhane.com-sitebilgi-20120204-analiz-raporu

Tarih itibariyle Google Pagespeed raporu sonucu: 86/100
tasarhane.com-google-pagespeed-20120204-analiz-raporu

RankDeğeri sonucu http://www.rankdegeri.com/tasarhane.com
RankDeğerine göre 2 olan prımız 0 çıktı ne yapalım canı sağolsun..
Ayrıca 2300 dolar fiyat biçmiş siteye var mı arttıran :p
tasarhane.com-rankdegeri-20120204-analiz-raporu

Arttıran varmış http://www.urlappraisal.net/appraisal/tasarhane.com.html
11bin78 dolar değer biçti siteye.
Tasarhane.com için Analiz Seo Rapor - 2012 02 04

Bu kadar yeter heralde şimdilik bi daha ki sefere biraz daha detaylı yazarım. Belkide yazmam.

Yalnız bunca raporun ardından binge sorunca senin 2020 sayfan var bende diyor oda kayıtlara geçsin.
tasarhane.com bing page results index sayısı

Wordpress Blogunda Yılın En Çok Yorum Alan Konularını Listelemek

Wordpress Blogunda En Çok Yorum Alan Konularını Listelemek

Wordpress blogunuzda

yılın veyahut kendi belirlediğiniz tarih aralıklarının en çok yorum alan konularını listeleyebilirsiniz.
Bunun için aşağıda kodu wordpress blogumuzda tema içerisinde uygun yerde kullanıyoruz.

Tarih aralıklarını buradan değiştiriyoruz = BETWEEN '2011-01-01' AND '2011-12-31' ORDER

comment_count DESC LIMIT 0 , 5"); kısmında ki 5 görüntülenen konu sayısını veriyor istediğiniz gibi ayarlayabilirsiniz.

Aşağıdaki şekilde kullanırsanız 2012 yılında en çok yorum yapılan 5 konuyu görüntülemiş olursunuz.
İyi bloglamalar.



[php]<h2 class="title">2012 Yılının En Çok Yorum Alan Konuları</h2>
<ul>
< ?php
$result = $wpdb->get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb->posts WHERE post_date BETWEEN '2012-01-01' AND '2012-12-31' ORDER BY comment_count DESC LIMIT 0 , 5");

foreach ($result as $topten) {
$postid = $topten->ID;
$title = $topten->post_title;
$commentcount = $topten->comment_count;
if ($commentcount != 0) { ?>
<li><a href="<?php echo get_permalink($postid); ?>">< ?php echo $title ?></a></li>
< ?php }
} ?>
</ul>[/php]

Kaynak: http://www.wprecipes.com/how-to-display-the-most-commented-posts-of-2008

3 Şubat 2012 Cuma

Site arayüzünü güçlendirecek jquery eklentileri

Site arayüzünü güçlendirecek jquery eklentileri



Site arayüzünü güçlendirecek jquery eklentileri

Nivo manşetten Mosaic'e kadar 10 farklı jquery eklentisi.

Küçük ekranlar için düşey menü, Elastislide manşet uygulaması toplamda 25 farklı jquery eklentisi.

Elasslide manşet uygulamasının örnek kullanımı bu sayfada.

21 farklı jquery eklentisi

Burda da çok kullanışlı 17 jquery eklentisi bulunuyor.

1 Şubat 2012 Çarşamba

Css Menü Yapımı

css drop down menu maker düşey açılır menü

Css Menü Yapımı


Hazır siteye css menü eklemişken konusunuda paylaşayım dedim. İnternette pek çok css menu hazırlama sitesi var ve olayı baya kolaylaştırıyorlar. Ben sitemdekini css menu makerdan indirip özelleştirdim. Ayrıca başka css menü hazırlama siteleride var. Avantajı tabiki sadece css olması javascript ihtiyacı duymaması.

Css Menu Maker

ile hazır temalardan uygun olanı seçip customize kısmında özelleştirme yaptıktan sonra epostanıza zip dosyasını indirebileceğiniz linki atıyorlar.
http://cssmenumaker.com

http://www.cssmenubuilder.com/home
http://css3menu.com/
http://www.mycssmenu.com/
http://www.menuyapma.webmasterci.com/ buda webmasterci.com'un css menu yapma sayfası.

Birde böyle bir site var kolayca ve görsel olarak menunüzü hazırlayıp kodlarını zip dosyası olarak indirebiliyorsunuz.
http://purecssmenu.com
Üyelik gerektiriyor ama işlem kolay ve hızlı

Nasıl yapılır videosu
http://www.youtube.com/watch?v=Z2WR59gF7qo

Radyo Viva Dinle : Online Canlı Radyo Dinle

Radyo Viva Dinle


Online Canlı Radyo Dinle










Radyo Viva Dinle : Online Canlı Radyo Dinle

Alem FM Dinle : Online Canlı Radyo Dinle

Alem FM Dinle


Online Canlı Radyo Dinle










Alem FM Dinle : Online Canlı Radyo Dinle