• Dinamik Blog Bağlantı Listesi Gadgeti Oluşturma

    0
    Metin listesini yapılandır gadget'i

    Dinamik Blog’da elinizin altında olmasını istediğiniz  konulara ulaşmak için bağlantı  listesi nasıl yapılır ? Dinamik blog bağlantı listesi ve liste gadget’lerini maalesef kullanamıyorsunuz. Çok yakın zamana kadar bağlantı listesi ve liste gadget’lerini kullanabiliyordunuz. Blogger’da yapılan son gelişmelerden sonra artık kullanamadığınızı göreceksiniz. Neden böyle bir uygulamayı kaldırdıkları hakkında bir açıklama mevcut değil.

    Dinamik blog sidebar’da kullanabileceğiniz tek bağlantı metin gadget’idir.Metin gadget eklentisinin açılır menüde görünümü küçük olması ve işlevselliği yönünden pek beğenildiğini düşünmüyorum. Gadget kurulumundaki link bağlantısı kaldırıldığı gibi sidebarda görme şansınız da yok.

    O zaman bizde farklı bir yol deneyerek Sidebarda beğendiğimiz konuların listesini oluşturacağımız bir uygulamayı başlatalım.Eskiden bağlantı ismini yazıp sayfa linkini ekleyerek bağlantı listelerimizi kullanabiliyorduk.Şimdi kullanamadığımıza göre bizde şu yolu deneyerek tekrar kullanmaya çalışalım. Bunu yaptığımız için herhalde blogger geliştiricileri bizi dövmezler. :)) ☠

    Dinamik Blog Bağlantı Listesi oluşturmak için takip edilecek adımlar:

    1. Blog kumanda paneline giriş yapın
    2. Gadget ekle
    3. Liste Gadget’ini açın

    Blogger liste gadgetinde bağlantı oluşturma

    4. Açılan gadget içindeki ;
    Başlık penceresine : İstediğiniz ismi verin. Ben “Alet Çantası” ismi verdim.
    Liste Öğesi ekle : Bu pencereye aşağıda verdiğim bağlantı biçiminde kod oluşturacağız ve bağlantılarımızı oluşturarak yapıştıracağız. Tabi bunun için daha önce yazdığım, Notepad++ metin editörünü veya bilgisayarınızdaki metin dosyasını kullanabilirsiniz.

    Ekleyeceğimiz kod hakkında açıklamalar nelerdir :
    1. Gadget listeme “adnanguney” linkini ve “Adnan Güney” ismini ekleyeceğim.
    Siz bu örnekte anlatılan yerlere istediğiniz link ve isim ile değiştirip gadgete ekleyerek bir liste yapabilirsiniz. örneğimizi inceleyelim.

    Gadget listesi

    KOD:

    <a href="http://adnanguney.blogspot.com" target="_new">Adnan Güney</a>

    2. Yukarıdaki örnekte mavi olan kısma ekleyeceğiniz site linkini yapıştırın.
    3. Kırmızı olan kısım site isminin olduğu yerdir.
    4. Metin editörümüzde bu işlemi bitirdikten sonra hepsini kopyalın ve “Liste Öğesi Ekle” yazan yere yapıştırın.
    5. Yukarıda anlatılanları, farklı siteler için uygulayabilirsiniz.


    Liste Öğesi Ekle işlemini ilk resimdeki gadget içinde görebilir canlı demosunu guney59 paylaşım blog'umda sağ tarafta sidebarda en alttan ikinci icona tıklayarak inceleyebilirsiniz. İcon ismi : "WEB ÇANTAM"

    Şimdiden kolay gelsin. Sorunlarınızı yorum penceresinden sorabilirsiniz.
  • Google Web Geliştiricileri için Web Tasarımcı Aracını Başlattı

    0
    Google web designer
    Google Web Designer uygulamasını başlattı. Google Web Designer, bir entegre görsel ve kod arayüzü kullanarak HTML5 reklamları ve diğer web içeriğini tasarlamanızı ve oluşturmanızı sağlayan, HTML5 ile yapılmış gelişmiş bir web uygulamasıdır. Google Web Designer tasarım görünümünden çizim araçları, metin ve 3D nesneler kullanarak içerik oluşturabilir ve nesneleri bir zaman çizelgesinde canlandırabilirsiniz. İçeriğinizi oluşturmayı tamamladıktan sonra, Google Web Designer kullanıcılar tarafından okunabilecek HTML5, CSS3 ve Javascript öğeleri sunar.
    Google Web Designer ile reklamcılık reklam öğeleri oluştururken resim galerileri, videolar, reklam ağı araçları ve başka öğeler eklemenizi sağlayan bir bileşen kitaplığını kullanabilirsiniz.
    Google Web Designer Kod görünümü, kodunuzu daha kolay ve daha az hatayla yazmanızı sağlayan sözdizimi vurgulama ve otomatik kod tamamlama özelliklerini kullanarak CSS, JavaScript ve XML dosyaları oluşturmanıza olanak tanır.
    Google Web Designer merak ediyorsanız bağlantıya gidin anlaşmayı kabul edin ve
    Sistem gereksinimleri :
    Minimum
    Önerilen

    İşletim sistemi
    Windows® 7/ Windows 8
    Mac® OS X 10.7.x veya sonrası
    Windows® 7/ Windows 8
    Mac® OS X 10.7.x veya sonrası
    İşlemci
    Intel Pentium® 4 veya AMD Athlon 64 işlemci
    Intel Pentium® 4 veya AMD Athlon 64 işlemci
    Bellek
    2 GB RAM
    4 GB RAM
    Ekran çözünürlüğü
    1280x1024
    1920x1080
    Uygulama pencere boyutu
    Minimum 1024x768
    1024x768 veya daha geniş
    İnternet bağlantısı
    İndirme sonrası ilk kullanım, güncellemeler ve yardım erişimi için gereklidir.
    İndirme sonrası ilk kullanım, güncellemeler ve yardım erişimi için gereklidir.

    Web Designer arayüzü
    Google Web Designer, projelerinizi oluşturmak ve kod düzenlemesi yapmak için kullanabileceğiniz geniş bir orta alana sahiptir. Orta alanın çevresinde öğeleri değiştirme, bileşenleri ve etkinlikleri ekleme gibi çeşitli işlemleri yapmanızı sağlayan bir araç çubuğu, bir araç seçenekleri çubuğu, bir zaman çizelgesi ve bir panel takımı vardır.
    Geniş bilgi için Web Designer arayüzü sayfasını inceleyin.
    Web tasarım
    Google Web Designer forumuna katılarak tartışın bilgi alın.
    Google Web Designer forumu, aracı kullanmanın en iyi yollarını öğrenme konusunda birbirine yardımcı olmaktan keyif alan kullanıcıların oluşturduğu bir topluluktur. Soru sormak ve uzmanlığınızı başka kişilerle paylaşmak için harika bir yerdir. Forumu Google geliştiricileri de izlemekte ve Google Web Designer'dan en iyi şekilde yararlanmanız için düşüncelerini, geçici çözümleri ve görüşlerini belirtmektedir.
    Uzun zamandır Google’un Web ile ilgili uygulamaları neden yapmadığını merak edenlerden biriyim. Ve sonunda bir başlangıç ile başladı. Bu başlangıcın arkasının geleceğini biliyor ve heyacanla bekliyorum.
    Google’un hosting sunucu işlemini yapmasını istemez miydiniz. Şu anda ücretsiz kendi ürünlerinde bunu yapıyor. Kamu’ya açık ücret karşılığı yaparak Dünya üzerinde çok farklı bir konuma gelmesi zor olmasa gerek. Google Apps uygulamalarında çalışmaları var. Ancak bizler daha açık ve anlaşılır çalışmalar bekliyoruz. Sizin bu konudaki düşünceleriniz nelerdir?
  • Blogger Resim Özelliklerini Kullanma SEO

    0
    Resim özleştirme
    Blogger resim özelliklerini kullanarak SEO’nuzu arttırın. Resim özelliklerini kullanmak SEO için (Arama Motoru optimizasyonu) çok önemli olduğunu unutmayın. Blog yayınlarınızın okunurluk derecesini arttırmak eklediğiniz resimlerin aranabilir olmasını herhalde istersiniz ? Birçok blog kullanıcıları yazı yayın resimlerinde alt ve title özelliklerini kullanmadığını görüyorum.
    Yazı özelliğinin kullanılmadığını nasıl anlarsınız ?
    Herhangi bir yazı içinde resmin üzerine maus'u yanaştırın.Resim özelliğini anlatan bir açıklama görülmüyor ise, yazı için gereken SEO yapılandırması yapılmadığını anlayabilirsiniz.
    Bu nedenle resimlerinize artık kolaylıkla "alt" ve "title" özelliklerini ekleyebilirsiniz. Bunları eklemek için Yayın Düzenleyicinizde bir resmi tıklayın ve Özellikler'i seçin. Resminize "alt" ve "title" özelliklerini ekleyebileceğiniz bir metin kutusu görünür. "Alt" özelliği, resmi görüntüleyemeyen (tarayıcı uyumluluğu veya görme bozukluğu gibi nedenlerle) kullanıcılar için resmin bir açıklaması niteliğini taşır, "title" özelliği ise resimle ilgili daha uzun açıklamalar eklemek için kullanılabilir.
    Dikkat edilecek diğer önemli konular bazıları :
    1. Başlık isminin küçük yazılması (İlk harfleri büyük olabilir
    2. Gereksiz (noktalama) işaretlerden kaçınmak
    3. Yazıya verilen bağlantıların çalışır durumda olduğunu test ederek yazıya devam edin
    4. Blog yazarlığı için hazırladığım ,Blog yazarları için 20 altın kural yazısını inceliyin
    Yayın Düzenleyici'de "alt" ve "title" özelliklerini düzenledikten sonra resim etiketinizde yaptığınız değişiklikleri onaylamak için HTML görünümüne geçiş yapabilirsiniz.
    SEO ile ilgili daha fazla bilgi edinmek için Web Yöneticisi Araçları Yardım Merkezi'ndeki bu makaleyi okuyun ve SEO Başlangıç Kılavuzu'nu (pdf) incelediğinizden emin olun.


  • Css ve Js Dosyaları Google Drive Hostuna Nasıl Yüklenir ?

    0

    Blogger'in css ve js benzeri kodları yada diğer dosyaları barındırmak için kullanabileceğimiz bir hostu yok. Yalnızca resimleri yükleyebildiğimiz bir alana sahibiz. Bu barındırma sorununu uzun süre boyunca Google Code servisi ile çözmüştük. Bu süre içinde Google tarafından son derece başarılı bir bulut depolama servisi olan Google Drive duyuruldu. Ücretsiz olarak 5 gb depolama alanı bulunan Google Drive'nin alanını çok küçük miktarlar ödeyerek yükseltebiliyorsunuz. İsterseniz de masaüstünüze yükleyip işlerinizi oradan yürütebiliyorsunuz. Son derece güvenilir bir servis olduğunuda belirtmekte fayda var. Yüklediğiniz dosyalara kimlerin erişebileceğine yine siz karar veriyorsunuz. Google Drive servisini css kodlarını barındırmak için ben de kullanıyorum. Aşağıdada bu yöntemi nasıl kullanabileceğiniz detaylı şekilde anlattım, umarım sizler için faydalı olur.


     

    Css ve Js Dosyaları Google Drive Hostuna Nasıl Yüklenir ?


    1. Google Drive adresine giderek google hesabınızla servise giriş yapın. Aşağıdaki resimde de görmüş olduğunuz kırmızı yukarı ok işaretine tıklayın ve 'Dosyalar' ı seçin.

    Google drive
     
     
    2. Hemen ardından açılan sekmede stil dosyanızı seçin ve aç deyin.
     Google drive
     
     
    3. Kısa süre içinde yüklenen dosya için sol alt kısımda 'Yükleme tamamlandı' başlıklı siyah bir bildirim kutusu çıkacak. Dosya isminin karşısındaki 'Paylaş' seçeneğine tıklayın.
     Google Drive
     
     
    4. Paylaş dedikten sonra karşınıza 'Paylaşım Ayarları' kısmı gelecek. Burada mavi renkli 'Değiştir' linkine tıklayın.

    Google drive
     
     
    5. Dosyayı herkesle paylaşacağımızdan 'Web üzerinde herkese açık' seçeneğini işaretleyip kaydet diyoruz.
     Google drive
     
    6. Tekrar geri geliyoruz ve paylaşım linkimiz kullanılır hale geliyor. Son birkaç işlemden sonra kodlarımızı kolayca kullanabileceğiz. Şimdi koyu renkle seçili olan drive linkini klavyemizin Ctrl+C fonksiyonu ile kopyalıyoruz.
     Google drive 
    7. Kopyaladığınız linki tarayıcınızın adres çubuğuna yapıştırdıktan sonra kodlarınız olduğu gibi listelenecektir. Adres çubuğundaki linkin yalnızca https://docs.google.com/file/d/ ile /edit?usp=sharing arasındaki kısmı kopyalayın. Şunun gibi bir şey olması gerek: 0B6nplOzP9W2vOElSSVhRZU1GQlk
     Google Drive

     

     

    Peki bu kodları bloggerda nasıl kullanacağım ?

     

    Css kodlarınızı blogunuza eklemek için son adımda elde ettiğiniz '0B6nplOzP9W2vOElSSVhRZU1GQlk' benzeri numarayı aşağıdaki kodda kırmızı ile işaretlediğim kısma yerleştirin ve tema kodlarınızı açıp <head> kodunun hemen altına ekleyin.

     

    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B6nplOzP9W2vOElSSVhRZU1GQlk" />

     

    Js kodlarınızın tanımlanması içinse yine aynı işlemi uygulayın ve elde ettiğiniz numarayı aşağıdaki kodda kırmızı ile işaretlediğim kısma yerleştirin ve tema kodlarınızı açıp </head> kodunun hemen üzerine ekleyip kaydedin.

     

    <script type="text/javascript" src="https://googledrive.com/host/0B6nplOzP9W2vOElSSVhRZU1GQlk"></script>

     

    Yazar Hakkında: Bu yazı 3 yıldır aktif olarak blogger kullanan Hit Adam tarafından Blog Hocam için yazılmıştır. Yazar, kendi blogunda yine blogger hakkında her türlü bilgiye yer vermektedir. Site: http://www.hitadam.com/

  • Google Chrome 30.0.1599.69 m Güncellemesi

    0
    Google Chrome Güncellemesi Yükle
    Google Chrome, sürüm 30.0.1599.69 m web tarayıcı güncellemesine geçti. Google tarayıcı güncellemesi neden önemlidir? Güncellemeler, yeni eklentiler ve iyileştirmelerin habercisidir. Bir önceki sürüm içindeki eksiklikler ve çağın gerektirdiği kodlamalar yeni sürüme aklenerek tarayıcınızın sağlıklı çalışmasına yardımcı olan faktörlerdir.

    Geliştiricilere forumlarda ve geri bildirimlerde verilen veriler doğrultusunda yapılan iyileştirme olarak da algılanabilir. Zaman zaman bu konuda sizleri yazı içerikleri aynı olarak, ancak sürüm versiyon numaraları farklı olmak kaydı ile bilgilendiriyorum. Sağlıklı bir tarayıcı kullanabilmeniz için lütfen yazı sürümlerini kontrol edin. Yazımın link kısmından sürüm versiyonu verilmektedir.


    Google Chrome


    Güncelleme yapmak için;
    • Tarayıcınızın sağ üst köşesindeki sayfa resimli icona tıklayın.
    • Açılan sayfada Google Chrome hakkında yazısına tıklayın
    • Güncelleme başlamazsa yardım sekmesine tıklayın ve işlem bittiğinde tarayıcınızı yeniden başlatın.
    Google Chrome tarayıcı önbelliği nasıl temizlenir başlıklı yazımı okuyarak yardım alabilirsiniz.
    Google Chrome kullanmıyorsanız denemenizi öneririm. Google Chrome özelliklerini inceleyin.

    Google Chrome kendi sitesinden indirmek için tıklayın.

  • Adobe Reader Touch 1.3

    14
    Adobe Reader
    Adobe Reader Touch, PDF formatındaki belgelerinizi tüm Windows 8 cihazlarınıza güvenli biçimde görüntülemenizi sağlayan ücretsiz bir uygulamadır. Adobe tarafından geliştirilen popüler ve ücretsiz pdf uygulaması dokunmatik cihazlara özel tasarlanmış kulanıcı arabirimi ile gelmektedir.Klavye ve fare kullanımını destekleyen Adobe Reader Touch ile e-postanıza gelen, webdeki veya cihazınızdaki PDF belgelerini hızlıca açabilirsiniz.
    Bu uygulamayı çalıştırmak için Windows 8 veya Windows RT edinin
    Daha Fazla Bilgi
    PDF dosyalarınızı görüntülemenin yanı sıra pdf dosyalarına not ekleyebilir, belgelerinize daha yakından bakmak için metin ve görüntü yakınlaştırıcısını kullanabilir, sayfa numarası göstergesi ile seçtiğiniz sayfaya hızlıca atlayabilirsiniz. PDF dosyalarınızı güvenli şekilde görüntülemenizi sağlayan PDF okuyucusunun ;
    Başlıca özellikleri:
    • PDF belgelerini hızlıca açabilir,
    • Son okuduğunuz belgeleri kolayca bulabilir,
    • Şifre korumalı PDF dosyalarını görüntüleyebilir,
    • Metin içerisinde arama yapabilir,
    • Belgelerinize not ekleyebilir,
    • Sayfa numarası göstergesi ile istediğiniz sayfaya hızlıca geçebilir,
    • Semantic Zoom minik resim görünümünü kullanarak büyük belgeler arasıda hızlıca gezinebilir,
    • Paylaş ile PDF’lerinizi diğer uygulamalarla paylaşabilir,
    • PDF formlarını doldurabilir,
    • PDF dosyalarınızı uygulama içerisinden yazdırabilirsiniz.
    Lisans: Ücretsiz
    Diller :
    İngilizce, Çince (Çin), Almanca, İspanyolca, Japonca, Fransızca, Rusça, Portekizce, Danca, İtalyanca, Kore dili, Felemenkçe, Lehçe, İsveç dili, Çince (Tayvan), Türkçe, Çekçe
    Desteklenen işlemciler
    x86, x64, ARM
    Sistem gereksinimleri
    Tabletler için Adobe Reader, Windows 8 dokunmatik aygıtlar için tasarlanmıştır.
    Sıkça Sorulan Sorular
    Tamindir den yükle.

  • Blog Özel Tema Şablonuna Slayt Resmi Yükleme

    0
    Blog Resim Editörü

     Blogger, özel tema şablonuna slayt resmi yüklemek için, blogunuzun resim yükleme aracını kullarak slayt resimlerinizi yükleyebilirsiniz.
    Blogger’un resim yükleme aracı ve her bilgisayarda bulunan Paint proğramı ile hiçbir yabancı servise bağımlı kalmadan kendi resimlerinizi hazırlayın.
    Resimlerinizin pix’elini bozmadan ölçülerini belirleme, blogunuza yükleme,resim ur’sini alma ve özel şablonunuzdaki slayt (slider) resimleri değiştirme konusunda yapılması gereken işlemleri aşağıda açıklamadan önce konu hakkında biraz bilgi verelim.
    Blogger Blog resim yükleme aracı :

    Blog yazılarımıza resimlerimizi yüklediğimiz editörün bir parçasıdır. Bu kısımda dikkat edeceğimiz bir ayrıntı bulunmaktadır. Bunlar nelerdir ?
    1. Blog yazınıza resim yüklediniz fakat resmi beğenmediniz ve resmi sildiniz. Sizce resim silindi mi ? Hayır. Siz sadece yazı yazarken yüklediğiniz resmi yazınızdan sildiniz.
    2. Resminiz Picasa da depolanmaktadır.Burda bir ipucu daha verim size. Kullanmadığınız sildiğiniz resimleri Picasa’dan kaldırarak depo alanınızı genişletin.
    3. Bazı yazılarınızda eski resimleri URL alarak kullanabilirsiniz.
    Picasa Nedir :
    1. Picasa’yı konumuza göre anlatmak gerektiğinde Google’un depolama alanıdır.
    2. Blogger’a yüklediğiniz resimler Picasa da depolanır. Bu nedenle Picasa’ı bilgisayarınıza kurun. Resimlerinizi düzenleme, silme gibi işlemlerde size lazım olacaktır.
    3. Resimlerinizi bilgisayardan açmak için Picasa seçeneğini seçerseniz, bir resmi incelemek için tıkladığınızda Linebox olarak inceleyebilirsiniz. (Büyük ebatta resim görselini izleme, bindirme biçimi) Bu kadar açıklama yeterli olacaktır.Hemen ana konumuza geçelim.
    Blogger Özel Tema Şablon için Slayt resimlerini değiştirme ve yükleme :
    1. Örneğimizde kullanacağımız malzemeler
    → Blogger resim editörü
    → Bilgisayarınızda bulunan Paint proğramı (Her bilgisayarda vardır.)
    → 1680x1050 px (Genişlikxyükseklik) ebadında JPG. formatında 256 kb boyutunda bir PC arka plan resmi seçtim. Resmi büyük seçmemin amacı konuyu daha iyi anlayabilmeniz içindir.

    Blogger, özel tema şablonunuzdaki resmin ebadını öğrenme :

    Resmin üzerine gelin ve maus sağ tıkayarak öğe denetleye tıklayın
    → Alt kısımda tarayıcı geliştirici paneli açılacaktır. koyu renkli kısam mausu yanaştırın resim bilgisini gösteren yazı ve küçük ebatta resim çıkacaktır.
    → Burada yazan bilgileri not alın. Örnek: 520x254 px Bu sizin şablonunuzdaki resim ebadıdır.Unutmayın tüm resimler aynı ebatta olamak zorundadır.Yoksa biri küçük diğeri büyük çirkin bir slayt olur. Resimdeki örneği inceleyin.

    Blogger slayt resim

    → Resim ölçüsünü aldık.Demekki resmimizi bu ölçülerde yapmamız gerekiyor.

    Point resim


    Masa üstünde resmimizi slayt için nasıl biçimleyeceğiz :
    → Paint açın. Biraz önce siz söylediğim örnek 1680x1050 pxdeğerindeki resmimizi bakın slayt (615x300 px) ebadlarına nasıl getireceğiz.
    → Paint sağ üstte mavi ok tıklayın ve yeni seçin
    → Alt kısımda yapıştır okuna tıklayın masa üstündeki resmi seçin bir isim verin yada numara.Farketmez.
    → Resim büyük bir şekilde karşınızda durmakta.bu resmi 615x300px. ebadına göre biçimleyelim.
    Point de resim ölçekleme :
    → Seç’in yanında 3 seçenek var.2. seçenek resmi yeniden boyutlandır.Tıklayın.
    → Pixel yazısında üst ve alta ölçüleri yazın henem alt kısımda bulunan “en boy oranını koru” tik kaldırın.Tamam tıklayın.
    → Şu anda resminiz (615x300 px) ebadlarında oldu. Ancak net bir görüntü almak için görünüm yazısının altındaki kırp tıklayın bitti. Hazırladığınız resmi şimdi masa üstüne kaydedeceğiz.
    Point de hazırlanan resmin kaydedilmesi :
    → Kaydet iconunun altınadaki oku tıklayın. Açılan pencerde,
    → Farklı kaydet ⇒ JPG seçin. Bir isim verin ve masa üstüne kaydedin.

    Masa üstüne kaydettiğimiz resmimizin, URL’sini alıp blog şablon içinde bulunan diğer resim URL’si ile değişeceğiz.

    → Yeni bir yazı yazack gibi, Blog panelini açın
    → Resim yükle tıklayın.
    → Biraz önce yüklediğimiz resmi seçin yazı paneline yükleyin. Zaten bu resmi kullanacağımızdan blogger picasa’a yüklemenizde bir sakınca yok.
    → Yüklediğiniz resme tıllayın çıkan seçeneklerden, Orjinal boyutu’u seçin
    → Sağ maus Resim URL’sini kopyala tıklayın.
    → Şablon editörünü açın ve slayt resimlerinin bulunduğu kısma gelin oradaki resim linkini seçin, biraz önce kopyaladığınız linki yapıştırın.
    Özel şablonda Slayt’ın resimleri nerede olabilir :
    Aşağıda verdiğim yazıyı kopyalayın, CTRL+F ile arama yapın göreceksiniz.
    Şablonlara göre isim değişebilir unutmayın.Ancak genelde “Content Slider”isminden bulabilirsiniz.
    Featured Content Slider Started
    → Tüm resimlerinizi bu şekilde yapabilirsiniz.
    → Biraz önce blog’unuza kaydettiğiniz resmi silebilirsiniz. Çekinmeyin artık o resim Picasa dosyanızdadır.
    Tüm resimlerinizi bu tarz bir çalışma ile hazırlayabilirsiniz. Biraz uzun bir yazı oldu ancak başka türlü kısa bir anlatım olması mümkün değil.Siz 10 dk. da okuduğunuz yazıyı ben 2 saat de ancak yazabildim. Herhalde bana da hak verirsiniz diymi?


    Blogger Özel Tema Şablonunu Türkçeleştirme konusunu da inceleyebilirsiniz.
  • Notepad++ İndir - Gelişmiş Metin Editörü

    0
    Notepad++ Gelişmiş Metin Editörü
    Notepad++ gelişmiş metin editörü, Blog yazarlarının elinin altında olması gereken kendi küçük işlevi büyük bir proğram. Birçok proğramlama dillerini destekleyen, bu diller ile, kodları ve fonksiyonları özel renklendirebilmesi sayesinde daha etkin çalışmanızı sağlayan ücretsiz bir program.
    Notebad++ proğramını neden gerekli :
    Windows metin belgesinde yapamayacağınız birçok düzenlemeleri bu proğram sayesinde gerçekleştirebilirsiniz.
    Blog’larınıza hergün birçok kod ekliyorsunuz. Bu kodları düzenli bir editöre yapıştırıp, editör içinde gereken değişiklikleri yapabilme olanağı çok önemlidir.
    Bir örnekle bu işlemleri açıklayalım.
    → Yeni bir blog teması kurdunuz ve bu temadaki menülere link ve isim ekleyeceksiniz. Ancak bilgisayarınızda bulunan metin dosyasında bu kodlar sıralı ve düzenli durmazlar. İşte Notebad++ ile bu işlemi çok rahat yapabilirsiniz.

    Notepad ++'da çok satırlı kodlarda çalışırken çeşitli satırları küçültme ve bir araya getirme seçeneğinizinde bulunduğu bu text editörü yeni syntaxlar (kod seçenekleri) ekliyebilmenize imkan tanır. Aramalarda düzenli ifadeleri destekler (Regular Expression).

    ( Notepad++ C, C++, Java, C#, XML, HTML, PHP, Javascript, RC file, nfo, doxygen, ini dosyası, batch dosyası, ASP, VB/VBS, SQL, Objective-C, CSS, Pascal, Perl, Python, Lua, Unix Shell Script, Fortran, NSIS ve Flash action script )
    Notepad++ Yükle
    Notepad + + ücretsiz, kaynak kod editörü Türkçe kullanabildiğiniz gibi birçok dil desteğide mevcuttur. MS Windows ortamında çalışan, GPL Lisans’ı ile, kullanımı yönetilmektedir. Güçlü düzenleme bileşeni dayanarak Scintilla , Notepad + + ile yazılmıştır C + + ve daha yüksek bir yürütme hızı ve küçük programın boyutu sağlar saf  Win32 API ve STL kullanır.
    Notepad++6.5 programını bu Linkten indirebilirsiniz. İndirme aşamasında eklenti kurmanız gerekebilir.
  • Metro Tarzı Sosyal Butonlar Ve Arama Kutusu

    0

    Windows 8 ile hayatımıza giren “Metro” tarzı, web sitelerin ve blogların tasarımında da sıkça kullanılıyor. Ben Windows 8’i ve bloglardaki metro tarzı tasarımları pek sevmedim ama kenar çubuğunda kullanılan metro tarzı sosyal butonlar ve eklentiler hiç fena durmuyor.

    Pek çok blogda kullanıldığını gördüğüm metro tarzı sosyal medya eklentisi oldukça beğenilmişti. Bu kez daha küçük butonlardan ve yine metro tarzında bir arama kutusundan oluşan, kenar çubuğunuzda biraz daha az yer kaplayacak bir eklentiyi sizlerle paylaşmak istiyorum.

     

    Metro Tarzı Sosyal Butonlar Ve Arama Kutusu

     

    Bu eklentide, ziyaretçilerin blogunuzu takip etmeleri için ilgili kanallara yönlendirecek, metro tarzında Facebook, Twitter, Google+ ve RSS butonları var. Hemen altlarında ise yine metro tarzında bir arama kutusu yer alıyor. Eklentinin en güzel özelliklerinden biri ise butonlara eklenmiş olan CSS hover efekti.

     

    Eklentiyi blogunuza eklemek için Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izleyin ve aşağıdaki kodları yapıştırın.

     

    <!--Blog Hocam Metro Tarzı Sosyal Butonlar Ve Arama Kutusu-->
    <div class="BH-metro-sosyal">
    <li><a class="fb" href="http://www.facebook.com/bloghocam"></a></li>
    <li><a class="tw" href="http://twitter.com/bloghocam"></a></li>
    <li><a class="gp" href="https://plus.google.com/108761595756468128383/"></a></li>
    <li><a class="fd" href="http://feeds.feedburner.com/bloghocam"></a></li>
    <form action="/search" class="form-wrapper cf" id="searchthis" method="get" style="display: inline;">
    <input id="form-wrapper input" name="q" placeholder=" Ara... " required="" type="text" />
    <button type="submit"></button>
    </form><br /></div>

    <style>
    .BH-metro-sosyal {
    width:300px;}
    .BH-metro-sosyal li {
    position:relative;
    cursor:pointer;
    padding:0;
    list-style:none;}
    .BH-metro-sosyal .fb,.tw,.gp,.pi,.in,.yt,.fd {
    z-index:7;
    float:left;
    margin:2.5px;
    position:relative;
    display:block;}
    .BH-metro-sosyal .tw {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhBeVKnvo_vCO3dc0dEN38Mowlj0OU1SN5H4K0yxaQZkQ0OFRt3MXejme1bJ7M0NY6DDUvWY2-QTt2OY4kakW_ScHp2pmnXJMcSre1Fn3lUc7M2_mIaRC1I-ViASWzY_C4fFqvWNpP_c/h120/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5;
    width:70px;
    height:70px;
    -webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .BH-metro-sosyal .fb {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7Br-edsyNbddQVS0GfGrnbwdeKjEcPSqAZnKJOvz7ba9zofoxz_L1AEIYBgjg_pA-lf34KJTHwabj2SXjngmB7nCw5jggF_mKe4sq-WmLfdPOmMOVQgBthtHiBuS_TAxPnQcTBP2Y60/h120/facebookf.png.png) no-repeat center center #1f69b3;
    width:70px;
    height:70px;
    -webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .BH-metro-sosyal .gp {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQg7_NFoU-ZeVIl50k114IxoNtkZoIH9fT7QuzygikGKVwlRl45D3KlNjyIGJZ4Us9-3_eZQhMeu-WNqrWmz6LkCCBJM_pVZHNn1TXXHmfPA4NDXhoQoYTO8aY1fXJEdfvzfPiDHVHgi8/h120/google+plus.png) no-repeat center center #da4a38;
    width:70px;
    height:70px;
    -webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .BH-metro-sosyal .fd {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP0mWTTl3ft1EFoPIn8D77nFcD5EM5onpuZOHqX3cCxjrVGEU1Lr64VD-s6Iz4_2JHPaUFFJmR77YY9dY-9xYs7upQYnAmP-gZrmppzthZoBtrltn5r5DLTSnY4I5DtodFehd_KTOo6hc/h120/feed.png) no-repeat center center #e9a01c;
    width:70px;
    height:70px;
    -webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .BH-metro-sosyal li:hover .fb {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4KLr0whQH7uL42RSZI4VxXAFYb1gbVFI6_mkIyYS-ZbGxRKOj1kJkWsfeZdGJgCd5zofbXntMO5swuSXgn9HwWGoavVpLL1LyJaKfpmxevMHOH1s1jTD2AP2HwVm0PaI8t2Qke2p1feU/h120/facebookfh.png) no-repeat center center #1f69b3;
    box-shadow:0px 0px 6px 3px #217BC0;
    -webkit-box-shadow:0px 0px 6px 3px #217BC0;
    -moz-box-shadow:0px 0px 6px 3px #217BC0;
    -o-box-shadow:0px 0px 6px 3px #217BC0;
    -ms-box-shadow:0px 0px 6px 3px #217BC0;}
    .BH-metro-sosyal li:hover .tw {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDH_fk82yYJvR06-oGA3wz9eyWgs6hL1Xe1cdbuwMuqEx_sWsMuaI4_QVq0WXC8pLOzJjyZWbWfmO9U2F11qIbyErJ-J9PGY0denc2wi9oJO7KW_E5Z83zH4k3xruosW6Qyzsf56zXlMI/h120/twitter-bird-dark-bgsx.png) no-repeat center center #43b3e5;
    box-shadow:0px 0px 6px 3px #38D1F7;
    -webkit-box-shadow:0px 0px 6px 3px #38D1F7;
    -moz-box-shadow:0px 0px 6px 3px #38D1F7;
    -o-box-shadow:0px 0px 6px 3px #38D1F7;
    -ms-box-shadow:0px 0px 6px 3px #38D1F7;}
    .BH-metro-sosyal li:hover .gp {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4nq6PFHVjdQIrJ7EyyxWBWnvx2fTjNmPT1wqKBsoc0MPQ8sCAjQOki6JBF85fnGykOAjdm9cY8A8SBE90gN5GHh8OiZ5UEoZ-NerYqBuiBh4P8xrV5kUmgbBHczNwsi_djUTTJWzV0s/h120/google+plush.png) no-repeat center center #da4a38;
    box-shadow:0px 0px 6px 3px #F43431;
    -webkit-box-shadow:0px 0px 6px 3px #F43431;
    -moz-box-shadow:0px 0px 6px 3px #F43431;
    -o-box-shadow:0px 0px 6px 3px #F43431;
    -ms-box-shadow:0px 0px 6px 3px #F43431;}

    .BH-metro-sosyal li:hover .fd {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO4oTGxC4ZtRP7aKtbfETYTlLspuZI8HGVWOwBU3fSEHIJOuRAjAHTZaJMSgbTUwcFIr1VYFzcTPU-P93Djv5tN-jBJganTkIKfhRuB7ekmXoZ6D2VNF2KQHuqkkwpte7DMJ8PDmie6K4/h120/feedh.png) no-repeat center center #e9a01c;
    box-shadow:0px 0px 6px 3px #e9a01c;
    -webkit-box-shadow:0px 0px 6px 3px #e9a01c;
    -moz-box-shadow:0px 0px 6px 3px #e9a01c;
    -o-box-shadow:0px 0px 6px 3px #e9a01c;
    -ms-box-shadow:0px 0px 6px 3px #e9a01c;}
    .cf:before, .cf:after{
    content:"";
    display:table;}
    .cf:after{
    clear:both;}
    .cf{
    zoom:1;}
    .form-wrapper {
    width: 280px;}
    .form-wrapper input {
    width: 215px;
    height: 20px;
    padding: 10px 5px;
    float: left;
    font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    box-shadow: 0 0 6px rgba(0,0,0,.3) inset;
    webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .form-wrapper input:focus {
    outline: 0;
    background: #fff;
    border-color: #51a7e8;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
    .form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;}
    .form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;}
    .form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;}
    .form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 75px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwHS_Q1ELQlXfdSmQEsL53z5z0IGDKvE7nbTwxfjZCRqDbgEPCj42txH_NBKqFPcLVInSBg9FAt-0TO2c4mKARAyEIqx03es7_8_R_bCCapzrZF46jP6mNDKy_TTKftVJqOAfIm_g1cQ/h120/1367665345_search.png) no-repeat center center #26B11E;
    border-radius: 0 0 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    webkit-transition: box-shadow .3s linear, background .2s linear;
    -moz-transition: box-shadow .3s linear, background .2s linear;
    -ms-transition: box-shadow .3s linear, background .2s linear;
    -o-transition: box-shadow .3s linear, background .2s linear;
    transition: box-shadow .3s linear, background .2s linear;}
    .form-wrapper button:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwHS_Q1ELQlXfdSmQEsL53z5z0IGDKvE7nbTwxfjZCRqDbgEPCj42txH_NBKqFPcLVInSBg9FAt-0TO2c4mKARAyEIqx03es7_8_R_bCCapzrZF46jP6mNDKy_TTKftVJqOAfIm_g1cQ/h120/1367665345_search.png) no-repeat center center #26B11E;
    box-shadow:0px 0px 6px 3px #44D816;
    -webkit-box-shadow:0px 0px 6px 3px #44D816;
    -moz-box-shadow:0px 0px 6px 3px #44D816;
    -o-box-shadow:0px 0px 6px 3px #44D816;
    -ms-box-shadow:0px 0px 6px 3px #44D816;}
    .form-wrapper button:active,
    .form-wrapper button:focus{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwHS_Q1ELQlXfdSmQEsL53z5z0IGDKvE7nbTwxfjZCRqDbgEPCj42txH_NBKqFPcLVInSBg9FAt-0TO2c4mKARAyEIqx03es7_8_R_bCCapzrZF46jP6mNDKy_TTKftVJqOAfIm_g1cQ/h120/1367665345_search.png) no-repeat center center #26B11E;
    outline: 0; }
    .form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #26B11E transparent;
    top: 12px;
    left: -6px;}
    .form-wrapper button:hover:before{
    border-right-color: #26B11E;}
    .form-wrapper button:focus:before,
    .form-wrapper button:active:before{
    border-right-color: #26B11E;}
    .form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;}
    </style>
    <!--Blog Hocam Metro Tarzı Sosyal Butonlar Ve Arama Kutusu—>

     

    Kodlarda renkli yazdığım yerlere kendi adreslerinizi yazmak dışında bir değişikliğe gerek yok. Bir sorunuz veya öneriniz olursa yorum bölümünden sorabilirsiniz.

  • Google Chrome 30.0.1599.66 m Güncellemesi

    0
    Google Chrome Yükle

    Google Chrome, sürüm 30.0.1599.66 m web tarayıcı güncellemesine geçti. Google tarayıcı güncellemesi neden önemlidir? Güncellemeler, yeni eklentiler ve iyileştirmelerin habercisidir. Bir önceki sürüm içindeki eksiklikler ve çağın gerektirdiği kodlamalar yeni sürüme aklenerek tarayıcınızın sağlıklı çalışmasına yardımcı olan faktörlerdir.

    Geliştiricilere forumlarda ve geri bildirimlerde verilen veriler doğrultusunda yapılan iyileştirme olarak da algılanabilir. Zaman zaman bu konuda sizleri yazı içerikleri aynı olarak, ancak sürüm versiyon numaraları farklı olmak kaydı ile bilgilendiriyorum. Sağlıklı bir tarayıcı kullanabilmeniz için lütfen yazı sürümlerini kontrol edin. Yazımın link kısmından sürüm versiyonu verilmektedir.


    Güncelleme yapmak için;
    • Tarayıcınızın sağ üst köşesindeki sayfa resimli icona tıklayın.
    • Açılan sayfada Google Chrome hakkında yazısına tıklayın
    • Güncelleme başlamazsa yardım sekmesine tıklayın ve işlem bittiğinde tarayıcınızı yeniden başlatın.
    Google Chrome tarayıcı önbelliği nasıl temizlenir başlıklı yazımı okuyarak yardım alabilirsiniz.
    Google Chrome kullanmıyorsanız denemenizi öneririm. Google Chrome özelliklerini inceleyin.
    Google Chrome kendi sitesinden indirmek için tıklayın.
  • Dinamik Blog Mosaic Görünüm Resmini Büyütme

    0
    Dinamik blog masaic görünümü
    Dinamik Blog Mosaic Önceki Resim Görünümü

    Dinamik blog masaic
    Dinamik Blog Mosaic Sonraki Resim Görünümü
    Dinamik Blog Mosaic görünümünde resimlerinizi büyük olarak okuyucularınıza sunabilirsiniz.Dinamik blog Mosaic teması kullanmasanız da, okuyucularınız mosaic görünümünde yazı ve resimlerinize bakmak isteyebilir. Okuyucularınız mosaic tema görselinde resimlerinizi büyük izlemesi herhalde hoşunuza gider. Mosaic görünümde resimlerinizin daha büyük görülmesi için yapılması gereken birkaç adım mevcuttur.Bu adımlar nelerdir görelim.
    Uygulamaya başlamadan önce yukarıdaki resmi inceleyin. Adsense başlıklı resim uygulamadan önce küçük bir görünüm sergilemektedir. Hemen alt kısımda ikinci resime baktığınızda Adsense ile ilgili resmin daha büyüdüğünü göreceksiniz. Şimdide kullanmakta olduğunuz Dinamik blog mosaic görünümünüzü açın inceleyin. Ve aşağıda anlatılanları yaptıktan sonraki Mosaic görünümünüzü inceleyin. Sizce hangisi daha ilgi çekici ve güzel. Karar sizin.
    CANLI DEMO
    Dinamik Blog Mosaic görünüm resim büyütmek için adımlar :
    1. Blogger kumanda paneline giriş yapın
    2. Şablon → Özelleştir → Gelişmiş → CSS ekle tıklayın
    3. Aşağıdaki kodu kopyalayın ve en alta yapıştırın. } işaretten sonra enterleyin.
    4. Dinamik blog mosaic görselinize tıklayın ve bakın. Eski görüm mü yoksa yeni görünümünüz mü güzel ?
    Ekleyeceğimiz CSS kodumuz :

    .mosaic.notouch:not(.animating) .item:hover:not(.open), .ss{
    -moz-transform: scale(1.5) !important;
    -webkit-transform: scale(1.5) !important;
    -ms-transform: scale(1.5) !important;
    -o-transform: scale(1.5) !important;
    }
    Dinamik blog ile ilgili tüm CSS uygulamalarını üst menüde bulunan Dinamik Blogger kategorisinden inceleyebilirsiniz.
    ⇒ Dinamik blog’unuzda resim kenarlarında beyaz çizgileri mi yok etmek istiyorsunuz ?
    ⇒ LinkWithin benzer yazılar eklentisi Dinamik blog’unuzda yok mu?
    ⇒ LinkWithin alt yazı başlığını görülmez mi yapmak istiyorsunuz ?
    ⇒ CSS kodlarının Blog’unuzda nereye, nasıl ekleneceğini biliyor musunuz ?
    Hepsinden fazlası menüde Dinamik Blogger kategorisinde yer almaktadır.
  • Copyright © 2013 - Hyperdimension Neptunia

    Blogger Ve Wordpress Tema Arşivi - Powered by Blogger - Designed by Johanes Djogan