PHtmlDrive

Blogger Videolar İçin Işıkları Aç-Kapat Eklentisi

2014-01-03T12:42:00.003-08:00

Blogger için uygulanacak bu uygulamanın benim tarafından çok harika olduğunu düşünüyorum.Blogunda bir film veya dizi veya izletmek istediğiniz herhangi bir videoyu arkadaşlarınıza veya ziyaretçilerinize kapalı ışıklar içinde izletebilirsiniz sinema tarzı misali.Eklenti çok harika ve özel bir eklenti olduğunu düşünüyorum eklemek isteyen arkadaşlar aşağıdaki videodan DEMO'suna ve nasıl yapılacağına bakabilirler.

Blogger Paneline Girin. .
Şablon Tıklıyoruz > HTML Düzenle > CTRL+F yardımı ile
kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz.

CTRL+F yardımı ile ]]>
kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz.

/* Blogger Turkey Videolar İçin Işık Aç-Kapat Eklentisi
----------------------------------------------- */
#lightsVideo {
position:relative;
z-index:102;
}
#switch {
max-width:640px;
text-align:left;
position:relative;
height:25px;
display:block;
margin: 25px 0 0 60px;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zpuaJhoipDOZQTd0l8-sKQQ1lHjjKPit-JyLCNsG3Oz1OohPP6F10E488XP9zewcYARnrPbbxMXEXQ6f-p6PFQXGBR9AJl_Z4_pPMQvMFJ-xwI8cBY-44w6_e7xmKblbCXnePuS4-DBc/s1600/lights-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {
color:#ffff00 !important;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAgigrN5Kks41GdBzwhBZ3GmxdbUPTxi7CcvLe5R3ZjTjR8rSO5In_eweLLtUVVSNuPEKhJXHF06QT0PEPd1786rv299SBXUYoc2R_HZzgwX0Jnz6gYHajbqxS0H43boHwWQk-U6_087L/s1600/lights-off.png);
}
#darkness {
background:#000;
opacity:0.8;
filter:alpha(opacity=80);
position:absolute;
left:0;
top:0;
width:100%;
z-index:100;
}

CTRL+F yardımı ile kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz.

Aşağıdaki kodları bir yazı içersine nasıl ekleyeceğimizi ve nasıl çalıştırğını görmek için kodun altındaki video yu izleyin.Diğer bir seçenek olan HTML/JavaScript gatget'i olarakta ekleyebilirsiniz tercih sizin.

CSS3 İle Tüm Sitelerde Çalışan 3D Yazı Efekti

2013-10-17T00:23:00.000-07:00

Merhaba Arkadaşlar Bugün Sizlere Çok Güzel Bir Kodu Göstericeğim Resimde de Görmüş Olduğunuz Gibi İstediğiniz Yazıyı 3D İle Gösterebileceksiniz. İsterseniz Rengini Değiştirebilirsiniz.
İsterseniz Artık Anlatıma Geçelim..

"Blogger Kullanıcıları İçin"

Aşağıda Bulunan Kodu Tasarım Bölümündeki

Bölümünün Üstüne Yapıştırıp Kaydedin.

Daha Sonra Aşağıda Bulunan Kodu İster Logonuzda İster Gönderilerinize Ekleyebilirsiniz.

İşlemimiz Bu Kadar.

"Diğer Kullanıcılar İçin"

Blogger Dışı Diğer Kullanıcıların Yapması Gereken İse Yaşağıda Vermiş Olduğum Kodu İstediği Yere Yapıştırıp Kaydet'de Bilir.

Bizi Takip Etmeye Devam Edin :))

Blogger Temalarında Ki Kayma Sorununun Çözümü

2013-10-17T00:00:00.003-07:00

Bu sabah Blogger sitelerimizde yaşadığımız temalarda kaymalar meydana gelmişti. Benim sitemle birlikte arkadaşlarımında sitesinde kaymalar ve bozuklukluklar oluşmuştu. Aşağıda bulunan bu kısa kod ile siteniz yeniden eski haline geri dönecek.

Aşağıda ki kodu kodundan sonra ekleyin.

Ve temamızı kaydedip önizlemesine bakalım ve sorun giderildi :)

Bloggerlar İçin Google+ Yorum Özelliği

2013-10-16T23:59:00.004-07:00

Google’ın sosyal ağı olan Google+ ile zaman içerisinde Google bütün ürünlerini toplamayı hedefliyor. Google+ ile birlikte de zaten bunun kıvılcımlarını Youtube gibi benzeri Google ürünlerinde görmüştük. Kısa bir zaman önce meydana getirilen Blogger’lar için Google+ yorum özelliği de ürünleri bir arada toplamak için geliştirilen son hamlelerden birisidir. Hadi Google+ yorum özelliğine biraz daha yakından bakalım.

Google+ yorum özelliği blog sahibine bir çok avantaj sağlıyor. Bunların arasından sağladığı en büyük avantaj da elbette Google+ profili sayesinde etkileşimleri çok kolay bir şekilde takip edebilme özelliği oluyor. Bu sayede yorumların hiçbirini kaçırmıyor ve daha seri yorumlara cevap verebiliyorsunuz. Ancak diğer yandan bu yorum özelliği bizlere çok da büyük bir dezavantaj sunuyor.

Bu özellik aktif hala getirildiğinde kullanıcıların kullanabilmeleri için dolayısıyla mutlaka bir Google+ hesabına sahip olması gerekiyor bu da etkileşimi düşürebilecek başlıca nedenlerin arasında yer alıyor. Google+ yorum özelliğini açmak ise oldukça basit. Panelinizden Google+ bölmesine girdiğinizde bu blog’da Google+ yorumlarını kullan özelliğini seçmeniz geçiş işlemini tamamlamanız için yeterlidir.

Blogger Gelişmiş Yorum Alanı Eklentisi

2013-10-16T23:57:00.004-07:00

Yeni bir blogger yazımla tüm blogculara sevgiler. Bu yazımda blogger yorum alanında bir gelişme yapacağız, ilk olarak eklentiden söz edeyim isterseniz. Bu eklentiyi uzun zamandır kullanıyorum ve çok sade bir tasarıma sahip demosu üstteki resim zaten. Sadece css ile bu kadar güzel bir eklenti meydana geliyor. İsteyen de çok oldu bende zaman ilerledikçe paylaşmk istedim.

Tek yapmanız gereken css bölümüne eklemek

#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments .comment-content{margin-left:48px;position:relative;background:#f9f9f9;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:10px}
.comments .comments-content{font-size:13px}
.comments .comment .comment-actions a{padding-top:5px;padding-right:5px;text-decoration:none}
.comments .comment .comment-actions a:hover{text-decoration:underline}
.comments .comments-content .comment-thread ol{list-style-type:none;text-align:left;padding:0}
.comments .comments-content .inline-thread{padding:.5em 0 .5em 1em}
.comments .comments-content .comment-thread{margin:8px 0}
.continue{background:#fff;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.comments .comments-content .comment-replies{margin-top:0;margin-left:36px}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:6px;text-align:left}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0;text-align:left}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:700}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;background:url(http://png.findicons.com/files/icons/2353/stuttgart/16/star.png) no-repeat top;margin:0 0 -4px 6px}
.comments .comments-content .datetime{margin-left:6px;float:right;font-size:10px}
.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:5px 0 8px}
.comments-content{padding:5px}
.comments .comments-content .comment-header{font-size:15px}
.comments-content .datetime{font-style:PFBeauSansProBbookRegular, Verdana, sans-serif;color:#fff}
.comments .comments-content .comment-content{text-align:left}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:250px;width:100%}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comment-replybox-thread{margin-top:5px}
.comments .comments-content .loadmore a{display:block;text-align:center;padding:10px 16px}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .continue{cursor:pointer}
.comments .continue a{display:block;font-weight:700;padding:.5em}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;padding-right:4px;margin:.3em}
.comments .thread-expanded .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent}
.comments .comment-header{margin-left:48px;position:relative;background:url(http://2.bp.blogspot.com/-p56goQ2FzGU/URvNe5UKRLI/AAAAAAAAE0E/u4764R2J6O8/s1600/sidebaronurbatur.png) repeat-x;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.comments .comment-header .user{font-size:17px}
.comments .comment-block{margin-left:48px;position:relative;background:#fff;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.avatar-image-container,.avatar-image-container img{max-width:50px!important;width:50px!important;max-height:50px!important;height:50px!important;background:#fff}
.comments .avatar-image-container{border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;float:left;margin-right:10px;background:#fff;border:1px solid #ddd;padding:2px}
.comments .avatar-image-container img{background:#fff}
.comments{border:1px solid #ddd;font-family:PFBeauSansProBbookRegular, Verdana, sans-serif;-moz-border-radius:8px;color:#666;border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;margin:10px 0 0;padding:10px}
.comments h4{color:#666;font-family:PFBeauSansProBbookRegular, Verdana, sans-serif;font-size:15px;text-decoration:none;font-weight:700;text-shadow:#d0d0d0 0 0 4px;border-bottom-style:dashed;border-bottom-width:2px;border-bottom-color:#CCC;margin:-2px 0 -3px;padding:3px 0 5px}

Yapamadığınız, temanıza uyumlu olmayan bir yer varsa onur imdat burada yorum atmanız yeterli :)

Bizim Oyun Scripti

2013-08-24T01:07:00.001-07:00

Merhaba,
Ücretsiz olarak kodlanmış olan bizim oyun scriptin sizlere sunacağım bu oyun scrpiti çok gelişmiş sayılır ve profesyonel diyebiliriz.

Özellikler;

Kendi iç framework yapısına sahiptir.
Tüm yapı itibari ile oop – class kodlama stili ile kodlanmıştır.
Kendi sql sınıfından tutun, kendi sef sınıfına kadar özel olarak kodlanmıştır.
Sistem kendi tema sistemine sahiptir. Dilediğiniz temayı entegre edebileceğiniz şekilde açıklamaları mevcuttur.
Oyun ekleme, silme, düzenleme işlemleri.
Oyuna editör seçimi atayabilme özelliği.
Oyuna aktif ve pasiflik özelliği kazandırılabilir.
Oyuna yayımlanma zamanı verilebilir. Zamanı gelmeyen oyun yayınlanmaz.
Oyunu isterseniz bilgisayarınızdan isterseniz karşı sunucudan çekebilirsiniz. İstersenizde link şekilde, embed şeklinde ve iframe şeklinde eklemede yapabilirsiniz.
Otomatik zamanlama sistemi bulunmaktadır. Zamanlayıcıyı açar iseniz, ekleyeceğinzi oyuna yayımlanma zamanı atamaksızın sistem belirleyeceğiniz zamanı, en son oyunun üstüne ekler ve böylece zaman telaşına düşmeksizin belli standartlarda yayınlanmış oyunlarınız olur.
Tekil hit sayacı bulunmaktadır.
Arama motorlarından gelen hitlerin tekil sayacı bulunmaktadır.
Gün içerisinde oynanan oyunların toplam sayısının sayıldı sayaç bulunmaktadır.
Kategori ekleme, düzenleme, silme.
Etiket ekleme, düzenleme, silme.
Logo vs gibi ayarlar için site ayarları bölümü.
Etiket yapısı admin panelden açılıp kapanabilir durumdadır.
Admin giriş şifrelerinin değiştirilbileceği şifre ayarları bölümü.
Sitede kullanılacak metaların düzenlenebileceği meta ayarları bölümü.
Site footer yazısının düzenlenebileceği Footer yazısı düzenleme bölümü.
Sitedeki reklam alanlarının düzenlenebileceği Reklam alanları düzenleme bölümü.
Eklenen herbir oyunlar ve kategori için özel meta ayarlanabileceği alanlar mevcuttur.
İÇERİSİNDE 10.000 ADET OYUNUN OLDUĞU BOT PANELİ. BU BOT PANELİ İLE HIZLI VE KOLAY YOL İLE OYUN EKLEYEBILIRSINIZ. (OYUNLARIN TAMAMI İNGİLİZCEDİR.)
Eklenen oyunlara yorum alınabilir. Bu yorumlar admin panelden onaylanıp, sitede yayımı sağlanabilir.
İletişim kısmı ile birlikte bu iletişim mesajlarının görüntüleneceği panel mevcuttur.
Admin panelde oyun,etiket ve yorum arama bölümleri.
Basit ve kasmayacak yapıda bir tema.
Hızlı açılan sayfalar ve kasmayan yapı ile yüksek hitlerde shared hostingde barındırabilirsiniz. Gereksiz kod kullanımları kesinlikle bulunmamaktadır.

Kurulum;

Arşiv içerisindeki, install klasörünü olduğu gibi kurulum yapacağınız yerin ana dizinine atın.
Hosting panelinizden bir adet sql açın.
http://www.siteadı.com/install/ olarak install sayfasına giriş yapın. Karşınıza aşağıda ki ekran gelecektir.

Rar Şifresi : phtmldrive.blogspot.com

İndir

Oyun Yoneticisi CS Server Satış Scripti

2013-08-23T02:35:00.000-07:00

Oyun yoneticisini hepimiz biliriz. Counter sunucusu satan bir firma. Onun sitesinin clone diye hitap ettiğimiz benzer tasarımını sizinle paylaşıyoruz.
Scripte demodanda bakabilirsiniz neredeyse tasarımsal olarak aynıdır ayarlamalar sonucunda kendi server sitenizi açabilirsiniz.

Kurulumu

Site.sql database atın
Yönetim-panel’ i klasorundeki ayarları düzenleyin
Dosyaları Ftp Atın

Destek Kurulumu :

Destek Klasorune Girin
Ordaki Sql’yi database atın
Config.php Düzenleyin

Scriptin açığı vs yoktur. Rahatlıkla kullanabilirsiniz.

Rar Şifresi : phtmldrive.blogspot.com

İndir

Ücretsiz Film İzleme Scripti

2013-08-23T02:31:00.001-07:00

Ücretsiz olarak film izleme scriptidir. WordPressin sınırlı temalarına bağlı kalmamak için ücretsiz olarak kullanabilirsiniz.
Dilediğiniz yere ekleme yapabilir eklenenleri silebilirsiniz.
Scriptin admin paneli vardır. Gerekli ayrıntınlar demo ve görüntülerdedir.
Kurulum
Öncelikle film.sql adlı dosyayı veritabanınıza upload edin.
\admin\inc\conn.php yolundaki mysql bilgilerinizi girin.
ana dizindeki .htaccess dosyasını dosyaları sitenizin neresine attığınıza göre düzenleyin.

RewriteBase /flm/
ErrorDocument 401 /flm/404.php
ErrorDocument 403 /flm/404.php
ErrorDocument 404 /flm/404.php
satırları düzenlenecek. Örneğin siz sitenizde filmizle dizinine atarsanız
RewriteBase /filmizle/
ErrorDocument 401 /filmizle/404.php
ErrorDocument 403 /filmizle/404.php
ErrorDocument 404 /filmizle/404.php

Son olarak ise admin paneline girip Genel Ayarlar kısmında site urlnizi girin.

Ana dizine yüklememişseniz bile sadece site adresinizi girin.

Script kurulumu için iki yöntem kullanılır.Bu yöntemler kuracağınız scripte göre değişir.

1.Yöntem
Scriptin yükleme dosyası var ise ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Cpanelden veritabanınızı oluşturun.
3)Site adresinize girdiğinizde normalde kurulum bölümü otomatik olarak açılır.
Eğer açılmıyorsa kurulum yolunu scriptin dosyaları arasından bulun.Kurulum dosyası FTP aracılığıyla sunucunuza gönderdiğiniz dosyalar arasındadır(Genelde dosyanın ismi ; install,kurulum,setup vb şekilde olabilir).
4)Kurulum yoluna ulaştığınızda adım adım o sizi yönlendirecektir.Bilgileri eksiksiz doldurun ve kurulumu tamamlayın.

2.Yöntem
Scriptin yükleme dosyası yoksa ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Script dosyaları arasından veritabanı ayarlarını yapacağınız(yani kurulumu manuel olarak yapacağınız)dosyayı açın.Dosyanın adı genellikle config.php,ayarlar.php şeklinde olur
3)Bu dosya içerisine doğru yerlere kendi veritabanı bilgilerinizi yazmanız gerekiyor.
*doldurmanız gereken yerler
-dbname ( veritabanınızın adı )
-dbhost ( genellikle ” localhost” yazar onu düzeltmemize gerek yok)
-dbuser ( oluşturduğunuz veritabanı kullanıcı adı)
-dbpass (oluşturduğumuz veritabanı şifresi)
4)Ayarları doğru girdiğinizden emin olduktan sonra dosyayı kaydedip kurulumu tamamlayın.

Rar Şifresi : phtmldrive.blogspot.com

İndir

Youtube MP3 İndirme Scripti

2013-08-23T02:23:00.002-07:00

Youtube MP3 İndirme Scripti sayesinde youtube link adreslerinizi girerek hemen youtube mp3 converter , indirebilirsiniz ve bilgisayarımızdam müzik albümü oluşturup dinleyebilirsiniz. Bu bir scripttir.

Script kurulumu için iki yöntem kullanılır.Bu yöntemler kuracağınız scripte göre değişir.

1.Yöntem
Scriptin yükleme dosyası var ise ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Cpanelden veritabanınızı oluşturun.
3)Site adresinize girdiğinizde normalde kurulum bölümü otomatik olarak açılır.
Eğer açılmıyorsa kurulum yolunu scriptin dosyaları arasından bulun.Kurulum dosyası FTP aracılığıyla sunucunuza gönderdiğiniz dosyalar arasındadır(Genelde dosyanın ismi ; install,kurulum,setup vb şekilde olabilir).
4)Kurulum yoluna ulaştığınızda adım adım o sizi yönlendirecektir.Bilgileri eksiksiz doldurun ve kurulumu tamamlayın.

2.Yöntem
Scriptin yükleme dosyası yoksa ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Script dosyaları arasından veritabanı ayarlarını yapacağınız(yani kurulumu manuel olarak yapacağınız)dosyayı açın.Dosyanın adı genellikle config.php,ayarlar.php şeklinde olur
3)Bu dosya içerisine doğru yerlere kendi veritabanı bilgilerinizi yazmanız gerekiyor.
*doldurmanız gereken yerler
-dbname ( veritabanınızın adı )
-dbhost ( genellikle ” localhost” yazar onu düzeltmemize gerek yok)
-dbuser ( oluşturduğunuz veritabanı kullanıcı adı)
-dbpass (oluşturduğumuz veritabanı şifresi)
4)Ayarları doğru girdiğinizden emin olduktan sonra dosyayı kaydedip kurulumu tamamlayın.

Rar Şifresi : phtmldrive.blogspot.com

İndir

Twitter Takipçi Scripti

2013-08-23T02:14:00.000-07:00

Bu script twitter üye girişi yaparak twitter takipçi olarak kullanabilirsiniz kişiler sitenizi kullanarak sosyal ağ döngü katılmış oluor script üyeliklerinizin karşılıklı takipleşme ve beğeni alma gibi etkinliklerde bulunabilecekleri bir sisteme oturtmuştur.

Script kurulumu için iki yöntem kullanılır.Bu yöntemler kuracağınız scripte göre değişir.

1.Yöntem
Scriptin yükleme dosyası var ise ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Cpanelden veritabanınızı oluşturun.
3)Site adresinize girdiğinizde normalde kurulum bölümü otomatik olarak açılır.
Eğer açılmıyorsa kurulum yolunu scriptin dosyaları arasından bulun.Kurulum dosyası FTP aracılığıyla sunucunuza gönderdiğiniz dosyalar arasındadır(Genelde dosyanın ismi ; install,kurulum,setup vb şekilde olabilir).
4)Kurulum yoluna ulaştığınızda adım adım o sizi yönlendirecektir.Bilgileri eksiksiz doldurun ve kurulumu tamamlayın.

2.Yöntem
Scriptin yükleme dosyası yoksa ;
1)Scriptteki dosyaları FTP aracılığıyla sunucunuza yollayın.
2)Script dosyaları arasından veritabanı ayarlarını yapacağınız(yani kurulumu manuel olarak yapacağınız)dosyayı açın.Dosyanın adı genellikle config.php,ayarlar.php şeklinde olur
3)Bu dosya içerisine doğru yerlere kendi veritabanı bilgilerinizi yazmanız gerekiyor.
*doldurmanız gereken yerler
-dbname ( veritabanınızın adı )
-dbhost ( genellikle ” localhost” yazar onu düzeltmemize gerek yok)
-dbuser ( oluşturduğunuz veritabanı kullanıcı adı)
-dbpass (oluşturduğumuz veritabanı şifresi)
4)Ayarları doğru girdiğinizden emin olduktan sonra dosyayı kaydedip kurulumu tamamlayın.

Rar Şifresi : phtmldrive.blogspot.com

İndir

Mp3 Scripti PHP 1924 Şanatçı ve 11474 Şarkı İle Birlikte

2013-08-23T02:07:00.001-07:00

Merhaba,

Şuan sizlerle paylaşacağım scripti hiç kimsede yok çoğu link kırık özel bi adresten temin etmiş bulunmaktayım.. Bu scripti bir arkadaşımız kodlamış ve geliştirmiştir ve sonra paylaşmış ancak internetteki linklerin %98 kırıktır.

Sizlere script ile kurulumunuda anlatacağım kurulumu çok basittir hiç ekstradan uğraşmaya değmez.

İlk önce dademin kurduğum taze bir resim ekliyelim

Sizlere vereceğim dosyanın içinde 1924 sanatçı ile 11474 adet şarkı mevcuttur bunlar bot ile çekilmiştir.

Kurulum ;

Scripti indirdikten sonra ayar.php dosyasındaki 6,7,9,21,22 satırlarını değiştirmeniz gerekecektir.İndirdiğiniz dosyada muzik_veritabani adlı dosyayı phpmyadminden import ediniz.

Kurulum bittikten sonra sayfanın sonuna yonetim yazarak panele ulaşabilirsiniz .

Rar Şifresi : phtmldrive.blogspot.com

İndir

Logonuzu Saydamlaştırıp İleri Geri Hareket Ettirmek

2013-08-17T01:09:00.002-07:00

Güzel bir eklenti ile karşınızdayız. Bu eklentimizde ise site logonuzu hem saydamlaştırıp hemde ileri geri hareket etme efektini uygulayacağız. Uzun zamandır bana gelen mailler bu eklenti üzerineydi. Bende müsait olduğum için paylaşmak istedim. Eklenti basit ama kod bilginiz varsa yapabileceksiniz. İsterseniz konuya geçelim.

Logo kodlarımızı buluyoruz örn: <img src='Logo Url' class='logo'>
Bir diğer yöntem örn: <div class='logo'> <img src='Logo Url'> <div>

Bu verdiğim 2 kodda turuncu ile işaretlediklerimden birini kendi temanızda logonuzun bulunduğu kısma ekliyoruz yukarıda örnekte ki gibi.

Sıra geldi css kodlarına aşağıda ki kodları blogger css bölümüne ekliyoruz.

Temamızı kaydedip önizlemesine bakıyoruz ve tamamlandı.

Blogger Breadcrumb Eklentisi

2013-08-17T01:02:00.004-07:00

Bir sitenin seo özelliği nekadar iyi olursa aramalarda o kadar üste çıkar. Bu eklentimizde ise google aramalarda ve konu içinde anasayfa > kategori > yazı ismi şeklinde yönlendirme gösterecek. Ve hem ziyaretçilerimiz bulunduğu yeri bilebilcek hemde arama motorlarında seo dostu olacak. İsterseniz anlatıma geçelim.

Aşağıda ki kodu temamızdan buluyoruz.
<b:includable id='breadcrumb' var='posts'></b:includable>

Daha sonra aşağıda ki kod ile değiştiriyoruz.
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == "item"'> <p class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span class='post-labels'><span typeof='v:Breadcrumb'> <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>PhtmlDrive</a></span><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url + "?max-results=8"' property='v:title' rel='v:url'><data:label.name/></a></span></b:if></b:loop><b:else/> » Kategorisiz</b:if> » <span><data:post.title/></span></b:loop></span></p> <b:else/> <b:if cond='data:blog.pageType == "archive"'><p class='breadcrumbs'> <span class='post-labels'><a expr:href='data:blog.homepageUrl'>PhtmlDrive</a> » Tüm Yazılar <data:blog.pageName/></span></p> <b:else/> <b:if cond='data:blog.pageType == "index"'><p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'><a expr:href='data:blog.homepageUrl'>PhtmlDrive</a> » Tüm Yazılar <b:else/><a expr:href='data:blog.homepageUrl'>PhtmlDrive</a> » <data:blog.pageName/></b:if> </span></p> </b:if></b:if></b:if></b:if></b:includable>

Temamızı kaydediyoruz ve önizlemesine bakıyoruz.

Blogger - 3 Boyutlu Css Buttonlar

2013-08-05T03:58:00.000-07:00

Merhaba Arkadaşlar Bugün Sizlere 3 Boyutlu Css Butonlarını Göstermekteyim. Yabancı Bir Sitede Buldum Sizlere Yararlı Olucağını Düşüdüm. Umarım Beğenirsiniz.

Demo

1. Adım Şablon > Htmlyi Düzenle'ye Tıklıyoruz. CTRL+F Yaparak ]]>
Aratıyoruz. Ve Aşağıda Bulunan Kodu ]]>
Üstüne Yapıştırıyoruz.

.3dbutton {
 background: #fff;
 padding: 30px 20px 20px 20px;
}
.button {
 text-decoration: none;
 color: #fff;
 font-weight: bold;
 padding: 12px 20px;
 font-size: 18px;
 border-radius: 10px;
 background-color: #666666; 
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 position: relative;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 display: inline-block;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
 margin-bottom: 40px;
}

.button:hover {
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.shield {
 border-radius: 5px 5px 35px 35px; 
 padding-left: 25px;
 padding-right: 25px;
}

.criss-cross {
 border-radius: 35px 5px; 
}

.rectangular {
 border-radius: 10px / 35px;
}

.one-corner {
 border-radius: 5px 5px 35px 5px;
 padding-right: 25px;
}

.pressure {
}

.button {
 margin-right: 20px;
}

.button:active {
 top: 7px;
 box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2); 
}

.red { 
 background-color: #c34747; 
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.red:hover {
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.red:active {
 box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.orange { 
 background-color: #c37846; 
 box-shadow: 0 5px 5px #855031, 0 9px 0 #5e3a25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.orange:hover {
 box-shadow: 0 5px 5px #855031, 0 9px 0 #5e3a25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2); 
}

.orange:active {
 box-shadow: 0 2px 0 #5e3a25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2); 
}

.green { 
 background-color: #7fc345; 
 box-shadow: 0 5px 5px #508530, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.green:hover {
 box-shadow: 0 5px 5px #508530, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.green:active {
 box-shadow: 0 2px 0 #385e25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2); 
}

.pink {
 box-shadow: 0 5px 5px #782d54, 0 9px 0 #5e254c, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 background-color: #d7298b;
}

.pink:hover {
 box-shadow: 0 5px 5px #782d54, 0 9px 0 #5e254c, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.pink:active {
 box-shadow: 0 2px 0 #5e254c, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.blue {
 background: #2a8ad8;
 box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.blue:hover {
 box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}
.blue:active {
 box-shadow: 0 2px 0 #25325e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.purple {
 background-color: #8a26d3;
 box-shadow: 0 5px 5px #54307b, 0 9px 0 #3f255e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.purple:hover {
 box-shadow: 0 5px 5px #54307b, 0 9px 0 #3f255e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.purple:active {
 box-shadow: 0 2px 0 #42255e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}

Kaydedip Çıkıyoruz.

2. Adım Aşağıda Bulunan Kodu İster Menü Olarak İsterseniz İndir - Demo Göster Gibi Eklentiler İçin Kullanıcağız.

İşlem Bu Kadar Basit Umarım Beğenmişsinizdir. Güle Güle Kullanın :))

3lü Sosyal Media İntro Kodu

2013-08-03T01:33:00.002-07:00

Kod Dostu'dan almış olduğum bi tasarımdır. Üçlü sosyal intro giriş ekranı, belki de şu ana kadar kullandığınız en muhteşem hazır kod olacak! twitter introsu, facebook introsu ve çok tutan google artı introsu şimdi bir arada!
-Kod içerisindeki facebook.com/phtmldrive linki yerine kendi facebook sayfanızın linkini yerleştirin.
-Kod içerisindeki twitter.com/phtmldrive yerine kendi twitter sayfanızın linkini yerleştirin.
-Kodda bulunan +1 butonu,kodun o an görüntülendiği site sayfasını +1lemeye yarar.
Bu nedenle google+ entegrasyonu için bir ayara gerek yok.

Demo

<div class="eeikoddostu ksddostu-fabecook" id="obenimmil">
<center>
<a style="display:block;width:50%;min-width:500px;height:42px;background-color:#333;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:26px;line-height:42px;font-weight:normal;margin-top:15px;-webkit-border-radius: 12px;border-radius: 12px;border:2px solid #c45004;-moz-box-shadow: 0 0 15px #000;-webkit-box-shadow: 0 0 15px #000;box-shadow: 0 0 15px #000;">En çok hangisini kullanıyorsunuz?</a></center>
</div>
<div class="ouikoddostu saym1rayt koddostu-fabecook">
<div id="faceic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#4a6ea9;text-align:center;">
<center>
<a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:180px;height:180px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBDV2cyaDQQ0zAa4w0Mh8nYYmlUKnBeAQVm-T9Hvtj-4jOe3l-MBgLUc8pPYBFOPsQDoq6Me-GLULFN8TTCX3mnzdGK63eugMGXPw4bFzxbI7FKAl2by35OWd2PEi3j77AdXESthMJQy7/s180/facebook-icon.png) no-repeat top left;margin-top:115px;"></a>
</center>
</div>
<center>
<a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Siteye Girmeden Önce,</a>
<a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Bizi facebook'da beğenir misiniz?</a>
<br/><br/>

<a style="vertical-align:top;display:inline-block;width:90px;height:19px;background-color:#eceef5;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #6279ad;line-height:18px;font-family:Tahoma, Arial, sans-serif;font-size:11px;color:#3b5998;font-weight:normal;padding-right:8px;text-decoration:none;"  class="gecgec" href="javascript:void(0);">Siteye Geç</a>

</center>
</div>
<div class="uoikoddostu saym2rayt koddostu-gopluas">
<div id="plusic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#e46044;text-align:center;">
<center>
<a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:200px;height:200px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wnxcwKFXCz9QcqZ1IQHF8w0B_Bf64Ai-8eBPbtIioIH3ENQtlJ_qnfPd2xpC3J2YT7BgdP6ePP-G-oL8Y2gr37LUZch5Bmy8DdvCQoxwgsKoGpgycFZZlnEnz0SNs66pACNOVXCxnzpz/s200/google-plus-icon.png) no-repeat top left;margin-top:110px;"></a>
</center>
</div>
<center>
<a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Siteye Girmeden Önce,</a>
<a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Bize google+'da +1 verebilir misiniz?</a>
<br/><br/>
<div class="g-plusone" data-annotation="inline" data-width="140">
</div>
<script type="text/javascript">
  window.___gcfg = {lang: 'tr'};

(function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<a style="vertical-align:top;display:inline-block;width:90px;height:23px;background-color:#eee;-webkit-border-radius: 4px;border-radius: 4px;border:1px solid #fff;line-height:23px;font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#e46044;font-weight:bold;padding-right:8px;text-decoration:none;"  class="gecgec" href="javascript:void(0);">Siteye Geç</a>

</center>
</div>
<div class="iuokoddostu saym3rayt koddostu-twitterr">
<div id="twitic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#32def4;text-align:center;">
<center>
<a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:200px;height:200px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNFklQ_-QLhB6ldKhigYlUzmlqG2zj-Rj7HtmELy_kxVJ35DEXGBDO-pmC40AJUXjFplxWz0Kn6AwwKTZu7VPa3qzb-uf_CljWBRbZbB6Wxtk9MgPbK5eXn0Vt98zsXxrfomAJfaEtooe9/s200/twitter-icon.png) no-repeat top left;margin-top:105px;"></a>
</center>
</div>
<center>
<a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Siteye Girmeden Önce,</a>
<a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Bizi twitter'da takip eder misiniz?</a>
<br/><br/>
    <a href="https://twitter.com/phtmldrive" class="twitter-follow-button" data-show-count="false" data-lang="tr">Takip et</a>

<a style="vertical-align:top;display:inline-block;width:90px;height:19px;background-color:#f8f8f8;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #ccc;line-height:18px;font-family:Helvetica, Arial, sans-serif;font-size:11px;color:#444;font-weight:bold;padding-right:8px;text-decoration:none;" class="gecgec" href="javascript:void(0);">Siteye Geç</a>
</center>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>

Kod Alıntıdır. KodDostu

FrTn v1 WordPress Kişisel Blog Teması

2013-08-03T01:04:00.001-07:00

Merhaba arkadaşlar, Okandmrk.com tarafından kullanılan bu kişisel blog teması ücretsiz dağıtılmaktadır. Temanın slider kısmı kaldırılmış ancak slider kısmını tekrar eklemek isteyenler ana indeks şablonun da

kodunun altına yazının devamında ki kodu ekleyebilir. Resimleri slayta eklenmesi için son yazdığınız yazılara manset adında özel alan eklemeniz gerekmektedir. Temayı eklentileriyle birlikte indirmek için yazının devamını okuyabilirsiniz. (Not: Tema yapımcısının sizden ricası footer daki linki kaldırmamanızdır.)

İndir

Ayesoft WordPress Film Teması V2

2013-08-03T00:59:00.001-07:00

Ayesoft WordPress Film Teması; özelleştirilebilir part sistemi, gelişmiş film özellikleri, yönetmen/senarist/oyuncu ve yapım yılına göre listeleme, en çok izlenenler şablonu, en çok yorumlananlar şablonu, en çok beğenilenler şablonu ve daha bir çok özelliğiyle siz WordPress kullanıcılarına ücretsiz olarak sunulan bir film izleme temasıdır. Kurumu ve kullanımı oldukça kolaydır. Sizde film izleme siteniz için bu temayı kurmak istiyorsanız yazının devamını okuyarak temayı indirebilirsiniz.

İndir

Burcunuzu Öğrenin

2013-07-29T01:10:00.001-07:00

Merhaba Arkadaşlar Sizlere Bugün Burcunuzu Öğrenmeniz İçin Güzel Bir Eklenti Paylaşıyorum. Çoğu İnsan Burcunu Bilmez Veya Karıştırabilir Bence Bu Çok Doğaldır. İşte Gerçek Burcunuzu Öğrenmeniz İçin Bu Eklentiyi Kullanabilirsiniz. Benimki Terazi Bakalım Sizinkiler Hangi Burçmuş :)

Ay	Gün	:	Burcunuz
		:

Köpeğinizin Yaşını Hesaplayın.

2013-07-29T00:46:00.000-07:00

Selam Arkadaşlar Çoğu Arkadaşlarımız Köpeklerin Yaşını Hesaplamayı Bilmez. Mesela Köpeği 4 Yılldır Yanındadır. Yani Onun İçin 4 Yaşındadır. Acaba Gerçek Yaşını Öğrendiğinizde Neler Hissediceksiniz. Hadi Bakalım Görelim :))

Bloggera Açılır Yan Menü Ekle

2013-07-28T06:59:00.001-07:00

Merhaba Arkadaşlar Buğün Sizlere Açılır Yan Menü Eklentisini Sunuyorum. Yabancı Bir Siteden Aldığım Bu Eklenti Tamamen Hatasız Bir Şekilde Türkçeleştirildi Umarım Beğenirsiniz. İster Bloggerınıza İster Bedava-Sitemde'de Kullanabilirsiniz. Anlatıma Geçebiliriz.

Kod :

.greenmenuacilir li{
position: relative;
}

.greenmenuacilir li a{
background: white url(http://www.javascriptkit.com/script/script2/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.greenmenuacilir li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.greenmenuacilir li ul li{
float: left;
}

.greenmenuacilir li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.greenmenuacilir .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(http://www.javascriptkit.com/script/script2/arrow.gif) no-repeat center right;
}

.greenmenuacilir li a:visited, .greenmenuacilir li a:active{
color: white;
}

.greenmenuacilir li a:hover{
background-image: url(http://www.javascriptkit.com/script/script2/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .greenmenuacilir li { float: left; height: 1%; }
* html .greenmenuacilir li a { height: 1%; }
/* End */
</style>
<script type="text/javascript" src="http://yourjavascript.com/17481832531/greenmenuphtml.js"></script>
<ul id="acilirmenugreen" class="greenmenuacilir">
<li><a href="#">Anasayfa</a></li>
<li><a href="#" >Eklentiler</a></li>
<li><a href="#">Tasarımlar</a></li>
<li><a href="#">Dersler</a>
    <ul>
<li><a href="#">Blogger</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</li>
<li><a href="#" >Html Editör</a></li>
<li><a href="#">Renk Editör</a></li>
<li><a href="#" >PhtmLDrive</a>
    <ul>
<li><a href="#">Menü 1</a></li>
<li><a href="#">Menü 2</a></li>
<li><a href="#">Menü 3</a></li>
<li><a href="#">Menü 4</a></li>
<li><a href="#">Menü 5</a></li>
<li><a href="#">Menü 6</a></li>
</ul>
</li>
</ul>

PhtmlDrive Yönlendirme Eklentisi (Saniye Göstergeli)

2013-07-28T06:38:00.003-07:00

PhtmlDrive Yönlendirme Eklentisi Saniye Göstergeli

Merhaba Arkadaşlar Bugün Sizlere Yönlendirme Eklentisini Sunmaktayım. Bu Eklentiyi Diğerlerinden Ayıran Özelliği İse Göstergeli Yanı Saniyeyi Gösteriyor. Umarım Beğenirsiniz.

Demo

Kod :

Blogger Yeni AJAX Menü

2013-07-26T02:55:00.001-07:00

Demo

Selam Arkadaşlar Bugün Sizlerle AJAX Menü Eklentisini Paylaşmaktayım. Yabancı Bir Sitede Gördüm Sizlerle Paylaşma İsteği Duydum. Umarım Beğenirsiniz. Sizler İçin Düzenlemiş Olduğum Bir Menüdür. Hiç Bir Sorunu Yoktur Denedim ve Sizlerle Paylaştım.

Öncelikle Yerleşim > HTML'yi Düzenle ye Tıklıyoruz. CTRL+F Yaparak ]]></b:skin> Aratıyoruz. Aşağıda Bulunan Kodu Bu Kodun Üstüne Yapıştırıyoruz.

.phtmljaxmenu *{margin: 0;padding: 0;}
ul.phtmljaxmenu {list-style: none;line-height: 1;overflow: visible !important;}
ul.phtmljaxmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;}
ul.phtmljaxmenu li{list-style: none;position:relative;float: left;margin: 0 !important;padding: 0 !important;}
ul.phtmljaxmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;}
ul.phtmljaxmenu li a:hover,ul.phtmljaxmenu li a.hoverover{background: #f5f5f5 !important;}
ul.phtmljaxmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;}
ul.phtmljaxmenu li:hover > ul{display: block;}
ul.phtmljaxmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;}
ul.phtmljaxmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;}
ul.phtmljaxmenu ul li a:hover,ul.phtmljaxmenu ul li a.hoverover{background: #fff !important;}
ul.phtmljaxmenu ul ul{display: none;left: 100%;top: 0;}
/* AJAX Menu Stylings */
ul.phtmljaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;left: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;}
ul.phtmljaxmenu li:hover div.submenu {display: block;}
ul.phtmljaxmenu ul ,ul.phtmljaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;}
ul.phtmljaxmenu ul li{background: none !important;float: none !important;}
ul.phtmljaxmenu ul.verticlemenu{position: absolute;width: 33%;left:0;top:0;bottom: 0;background: #f5f5f5;}
ul.phtmljaxmenu ul.postslist {position: relative;display: block;width:65%;float: right;margin: 8px 0 !important;background: none;}
ul.phtmljaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;}
ul.phtmljaxmenu ul.postslist li:last-child{border-bottom: none 0;}
ul.phtmljaxmenu ul.postslist li .imgCont{position: absolute;left: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;}
ul.phtmljaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;}
ul.phtmljaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;}
ul.phtmljaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;right:5px;}
ul.phtmljaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;right: 11px;top: 50%;width: 0;}
#phtmljaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;}

Tekrar CTRL+F Yaparak Bu Sefer </head> Aratıyoruz. Aşağıda Bulunan Kodu Tekrar Bu Kodun Üstüne Yapıştırıyoruz.

Yerleşim > Gadged Ekle > HTML/JavaScript Ekle Dizinini Takip Edin. Aşağıda Bulunan Kodu Buraya Ekleyin.

Önemli Noktalar :

</head> Kodunun Üstüne Yapıştırmış Olduğumuz Koddaki numPosts : 2, // Number of Posts to show Yazan Yer Kaçtane Gönderi Göstermek İstiyorsanız Okadar Yazın Mesela numPosts : 3

İşlem Bu Kadar Basittir. Umarım İşinize Yarar Güle Güle Kullanın :)

Blogger Resimli Son yorumlar Eklentisi

2013-07-26T02:32:00.003-07:00

Uzun zamandır Blogger hakkında bir yazı yazmıyordum.Blogumu bu konu hakkında biraz ihmal ettiğimin farkında vardım ve tekrardan blogger ve blogger eklentileri hakkında bir yazı yazmaya karar verdim.Sonra baktım Blogger hakkında nasıl bir yazı yazabilirim die düşünmeye başladım.Baktım ki benim blogumda da olmayan Blogger da son yorumlar eklentisi ni siz değerli okuyucumlarımla paylaşmaya karar verdim.

Blogunuzda son yorumlar eklentisini kullanmak siz blog yazarları için oldukça etkili olucaktır.Bu sayede blogunuza gelen okuyucalar son yapılan yorumlara kolayca bakacak ve en son hangi konuya yorum yapıldıysa belki o konuyu incelemeye karar verecektir.Unutmayın okuyucuya ne kadar çok seçenek sunarsanız , blogunuz için o kadar yararlı olucaktır.

Geçelim konumuza yani blogger da resimli son yorumlar eklentisinin blogumuza nasıl uygulayacağımıza :

Blogger panelinize giriş yapın.
Yerleşim sekmesine tıklayanız.
Şablonunuz ön görümünü ekrana gelecektir.Gadget ekle ye basınız .
Html/java script kısmına tıklayınız ve aşağıda yer alan kodları açılan sayfaya yapıştırınız ve kaydet düğmesine basınız.

var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "Devamı »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = false;
</script>
<script type="text/javascript" src="http://yourjavascript.com/47621325131/sonyorum-phtml.js"></script>
<script type="text/javascript" src="http://phtmldrive.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Kodlarımızı yapıştırdıktan sonra kaydet düğmesine tıklıyoruz.
Kod kisminda en son da bulunan ugurturkoglu.blogspot.com adresi yerine kendi blogunuzun adresini yazmayi unutmayiniz

Blogger da Resimli son yorumlar eklentisi blogumuza uygulanmış durumda.

Herhangi bir sorunla karşılaştığınızda buradan benimle iletime geçebilirsiniz.

Blogger’da Yön Tuşlarıyla Sayfalar Arasında Geçiş Yapmak

2013-07-26T02:19:00.002-07:00

Blogger eklentileri hızla gelişmeye devam ediyor. Bu eklentimizde ise Wordpress'te ki bazı temalarda görmüşsünüzdür bir sonraki yazıya geçmek için yön tuşlarını kullanabilirsiniz yazmakta. Bizde araştırıp bu koda ulaştık. Sizlerde blogunuzda yön tuşlarıyla (⇦ ⇨) yazılar arasında geçiş yapmak istiyorsanız hemen alttaki anlatımı iyice okuyunuz.

Alttaki kodu temanızda ki <head> kodunun altına ekliyoruz.

Blogger Animasyonlu Buton Eklentisi

2013-07-26T02:11:00.004-07:00

Blogunuza bir şıklık getirecek eklenti ile karşınızdayız. Bu eklentimiz ise blogunuzda paylaştığınız bağlantı linklerine verilebilecek buton örneğinden birisi. Üzerine gelince arkaplanda ki kutucukların hareketlenmesiyle şıklık veren bu butonu sitemizde sizler için paylaşıyoruz. İsterseniz anlatıma ve canlı bir demoya geçelim.

Aşağıda ki kodu temamızdan buluyoruz.

Hemen altına aşağıda ki kodu ekliyoruz.

.buton{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.buton:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.buton:active{
bottom:-1px;
}
/* The three butons sizes */
.buton.phtml { font-size:30px;}
.buton.medium { font-size:18px;}
.buton.small { font-size:13px;}
/* BlueButton */
.mavi.buton{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.mavi.buton:hover{
background-color:#63c7fe;
background-image: url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.yesil.buton{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.yesil.buton:hover{
background-color:#89d228;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.turuncu.buton{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.turuncu.buton:hover{
background-color:#ec9732;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gri.buton{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gri.buton:hover{
background-color:#b6bbc0;
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), url('http://s6.postimg.org/a8fhgwzdp/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

Butonları Kullanmak için aşağıdaki kodları kullanıyoruz..

Mavi Buton Turuncu Buton

Yeşil Buton Gri Buton

Normal Yaşını Giriniz:

Köpeğinizin Gerçek Yaşı: