resimler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger Özel İçerik Slider Yapılandırma
1
Blogger özel tema tasarım, slider şablon kullanan blog yazarlarının sıkca sorduğu soru,
slider için resim hazırlayıp blog şablonuna nasıl ekleneceği konusudur. Blog yazarlarına yol gösterecek slider resimlerinin hazırlanışı ve blog şablon kodlarına eklenerek gösterime sunulması için yapılması gereken işlemleri aşağıda adım adım inceleyelim. Blogger özel tema tasarım geçiş sıralı slider resimlerimizi, resim üzerinde görülecek yazı başlık ismini, yazı açıklamasını ve resmimize tıklandığında ilgili yazının açılmasını sağlamak için yapılması gereken işlemlere başlamak için ilgili konulara bakalım.
B. Slayt'ınıza eklemek için tasarımı yapılmamış resimlerinizi başlangıç sırasına göre masa üstüne alın ve karıştırmamak için (1.JPG, 2.JPG) gibi sıralayın.
2. Blogger kumanda paneli şablon → Html’yi Düzenle ile kodlarımızı açalım.
3. Her blogda slayt yapılandırma farklı isimde bulunacağından, örnek olsun diye
Techtown Blogger özel tema tasarım üzerinden anlatım yapacağım.
4. Şablonda aşağıda verdiğim kodu bulun. Genelde açılır menü kodlarının hemen altında yer alır. Tema isimleri değişik olabilir ancak Slide isminden tanıyabilirsiniz.
6. Src=http ile başlayan ve . jpg ile biten yere, C. maddesinde anlattığım şekilde resim linkimizi koyuyoruz. Şu anda resmimiz görülmeye başladı ve resime tıklandığında ilgili yazımız açılıyor. Şimdi resim üzerinde yazı başlık ve açıklamalarını ekleyeceğiz. Şu ana kadar yaptığımız işlemler için işlenmemiş ham kodu aşağıda inceleyelim.1 no’lu slider üzerine kod eklediğimden ben sizlere 2. no’lu slider kodlarını göstereceğim.
7. Kodların hemen altında <h3 ile başlayan </h3> kapanış ile biten bölümde, # işaretinin olduğu yere, biraz önceki yazı linkinizi resimde görülen 1073. sıraya yapıştırın.
8. Yazı linkinizden sonra aynı satırda “title” yazan kısma yazı başlık ismini yapıştırın.
9. Yazı açıklamamızı eklemek için “<p> ve </p>” satır arasına yazınızı okuyucunuza tanımlayan açıklamanızı yapıştır. Örnek :
Yazımızın başlığı : Blogger Kopya İçerik Uyarıları Hakkında
Yazımızın açıklaması : Blog yazıları, kopya içerik hakkında, Alıntı sekme kullanımı, Telif hakkı ve DMCA hakkında uyarı açıklamaları.
Tüm slayt'larınızı aynı uygulamayı kullanarak yapılandırın. Diğer alt sekmelerdeki işaretleri ellemeyin. Slayt kodları JS. kodları içerdiğinden değiştireceğiniz bir kod slider’in çalışmamasına neden olacaktır. Yukarıda gördüğünüz ilk resim yapılan işlemleri açıklayan görüntüye sahiptir.Lütfen inceleyiniz. Blogger tema tasarım özel şablon yapılandırması için menü başlığında bulunan Tema Tasarım sekmesine tıklayarak diğer yazılarımı okuyabilirsiniz. Hayat paylaştıkca güzeldir. Sizde emeğe saygınızı paylaşarak belirtebilir, tüm yazılardan haberdar olabilmek için abone ve izleme seçeneklerini kullanabilirsiniz.
slider için resim hazırlayıp blog şablonuna nasıl ekleneceği konusudur. Blog yazarlarına yol gösterecek slider resimlerinin hazırlanışı ve blog şablon kodlarına eklenerek gösterime sunulması için yapılması gereken işlemleri aşağıda adım adım inceleyelim. Blogger özel tema tasarım geçiş sıralı slider resimlerimizi, resim üzerinde görülecek yazı başlık ismini, yazı açıklamasını ve resmimize tıklandığında ilgili yazının açılmasını sağlamak için yapılması gereken işlemlere başlamak için ilgili konulara bakalım.
Slayt sunumu için gerekli araçlar nelerdir :
A. Blog özel şablon tasarım yapınıza göre resim adetini tespit edin.B. Slayt'ınıza eklemek için tasarımı yapılmamış resimlerinizi başlangıç sırasına göre masa üstüne alın ve karıştırmamak için (1.JPG, 2.JPG) gibi sıralayın.
C. Slayt ebatlarınızı tespit edin. (Her özel şablonda değişebilir.) Örnek : 615x300 Px.
D. Blogger özel tema Slayt resmi nasıl yapılır bağlantısını inceleyerek resimlerinizi slayt ebatlarına göre hazırlayın ve masa üstünde bir klasöre alın ki diğer resimler ile karışmasın.
1. Her ihtimale karşın blog’unuzun yedeğini alın.D. Blogger özel tema Slayt resmi nasıl yapılır bağlantısını inceleyerek resimlerinizi slayt ebatlarına göre hazırlayın ve masa üstünde bir klasöre alın ki diğer resimler ile karışmasın.
Diğer gerekli araçlar şunlardır :
- Blog’unuzun yazı başlık linki.
- Blog’unuzun yazı başlık ismi.
- Blog’unuzun yazı açıklaması.
2. Blogger kumanda paneli şablon → Html’yi Düzenle ile kodlarımızı açalım.
3. Her blogda slayt yapılandırma farklı isimde bulunacağından, örnek olsun diye
Techtown Blogger özel tema tasarım üzerinden anlatım yapacağım.
4. Şablonda aşağıda verdiğim kodu bulun. Genelde açılır menü kodlarının hemen altında yer alır. Tema isimleri değişik olabilir ancak Slide isminden tanıyabilirsiniz.
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
8. Yazı linkinizden sonra aynı satırda “title” yazan kısma yazı başlık ismini yapıştırın.
9. Yazı açıklamamızı eklemek için “<p> ve </p>” satır arasına yazınızı okuyucunuza tanımlayan açıklamanızı yapıştır. Örnek :
Yazımızın başlığı : Blogger Kopya İçerik Uyarıları Hakkında
Yazımızın açıklaması : Blog yazıları, kopya içerik hakkında, Alıntı sekme kullanımı, Telif hakkı ve DMCA hakkında uyarı açıklamaları.
Tüm slayt'larınızı aynı uygulamayı kullanarak yapılandırın. Diğer alt sekmelerdeki işaretleri ellemeyin. Slayt kodları JS. kodları içerdiğinden değiştireceğiniz bir kod slider’in çalışmamasına neden olacaktır. Yukarıda gördüğünüz ilk resim yapılan işlemleri açıklayan görüntüye sahiptir.Lütfen inceleyiniz. Blogger tema tasarım özel şablon yapılandırması için menü başlığında bulunan Tema Tasarım sekmesine tıklayarak diğer yazılarımı okuyabilirsiniz. Hayat paylaştıkca güzeldir. Sizde emeğe saygınızı paylaşarak belirtebilir, tüm yazılardan haberdar olabilmek için abone ve izleme seçeneklerini kullanabilirsiniz.
Blogger Resim Linkleri Nasıl Alınır
0
Blogger, özel tema tasarım slayt resim linki, kısa zamanda nasıl alınarak şablon, slayt, sosyal paylaşım icon’ları, başlık resmi vs. gibi alanlarda kullanılabilir. Blog şablonunda kullanmak amacı ile birçok nedenlerden dolayı resim linklerinin gerekli olduğunu biliyor ve kullanıyoruz. En kısa sürede birçok resimlerimizi yapılandırıp, blog'umuzda kullanmanın daha kolay bir yolu vardır. Eminim birçok yazar arkadaşımızda aynı yollar ile resim linklerini alıp kullanıyordur. Ancak yeni yazar arkadaşlarımıza kolaylık sağlaması ve daha fazla uğraşmamaları için aşağıda anlatılan adımlar faydalı olabilir. Öncelikle hatırlatmakta fayda görüyorum. Yayınlanmamış bir resmin linkinin alınması mümkün değildir. Biz burda farklı bir yöntem kullanacağız. Öncelikle blog şablonumuz için gerekli olan tüm resimlerimizi tespit edeceğiz ve bu resimleri kullandıktan sonra sileceğiz. Evet arkadaşlar sileceğiz derken silinen bir resim nasıl görülür diye düşünen olabilir. Ancak yapacağımız işlemde biz sadece resim linklerini kullanacağız, işimiz bitince de sileceğiz.
Resim linklerini nasıl kullanacağız aşağıda ilgili adımları inceleyelim.
1. Blog şablonunuz için kullanacağınız resim bilgilerini bir yere not alın. Bunlar neler olabilir ?
Slayt resimleri, blog başlık resmi, sosyal iconlar ve sidebar'a koyulan özel resimlerden oluşabilir.
2. Blog yazı editörünü açın.
3. Tarayıcı yeni sekmede, blog resim linklerini yüklemek için şablon’u açın.
4. Slayt resimlerinizi nasıl yapabileceğiniz hakkındaki yazımdan da faydalanarak öncelikle konu resimlerinizi masa üstüne kaydedin.
5. Yapmak istediğiniz işlemleri belli bir sıralamayı takip ederek resimleri blog yazı editörüne yükleyin. Karıştırmamak için resimlerinize sıra numarası verebilirsiniz. Örnek : 1.JPG, 2.JPG, 3.JPG gibi. Hatta not da tutabilirsiniz.
6. Tüm resimlerinizi blog yazı editörüne yükledikten sonra, linklerin nasıl alınacağını görelin.
7. Blog yazı editörü HTML yazısına tıklayın. Yüklediğiniz tüm resimlerin (1.JPG, 2.JPG, 3.JPG ) linklerini göreceksiniz.
8. Tarayıcı yeni sekmede açtığımız şablon içinde ilgili konu linklerinizi yapıştırmaya başlayabilirsiniz. (Slayt resimleri , blog başlık resmi, sosyal iconlar ve sidebara koyulan özel resimler gibi.)
9. Tüm resim yükleme işlemi bitti ise önizleme ile kontrol edin ve eksik birşeyin kalmadığından emin olun. Herşey normal istediğiniz gibi ise artık blog yazı editöründen tüm resimleri silin. Hatta taslak durumundaki yayınızıda silebilirsiniz.
10. Blogunuzdan sildiğiniz hiçbir resim koybolmaz. Google plus, fotoğraflar sekmesinde ve Picasa yayınlarınızda depolanır. Burada dikkat edeceğiniz bir konuyu daha hatırlatmak isterim.Google Plus fotoğraflarınızdan resim linki alamazsınız. Ancak, Picasa resimlerinizi
Resim linklerini nasıl kullanacağız aşağıda ilgili adımları inceleyelim.
1. Blog şablonunuz için kullanacağınız resim bilgilerini bir yere not alın. Bunlar neler olabilir ?
Slayt resimleri, blog başlık resmi, sosyal iconlar ve sidebar'a koyulan özel resimlerden oluşabilir.
2. Blog yazı editörünü açın.
3. Tarayıcı yeni sekmede, blog resim linklerini yüklemek için şablon’u açın.
4. Slayt resimlerinizi nasıl yapabileceğiniz hakkındaki yazımdan da faydalanarak öncelikle konu resimlerinizi masa üstüne kaydedin.
5. Yapmak istediğiniz işlemleri belli bir sıralamayı takip ederek resimleri blog yazı editörüne yükleyin. Karıştırmamak için resimlerinize sıra numarası verebilirsiniz. Örnek : 1.JPG, 2.JPG, 3.JPG gibi. Hatta not da tutabilirsiniz.
6. Tüm resimlerinizi blog yazı editörüne yükledikten sonra, linklerin nasıl alınacağını görelin.
7. Blog yazı editörü HTML yazısına tıklayın. Yüklediğiniz tüm resimlerin (1.JPG, 2.JPG, 3.JPG ) linklerini göreceksiniz.
8. Tarayıcı yeni sekmede açtığımız şablon içinde ilgili konu linklerinizi yapıştırmaya başlayabilirsiniz. (Slayt resimleri , blog başlık resmi, sosyal iconlar ve sidebara koyulan özel resimler gibi.)
9. Tüm resim yükleme işlemi bitti ise önizleme ile kontrol edin ve eksik birşeyin kalmadığından emin olun. Herşey normal istediğiniz gibi ise artık blog yazı editöründen tüm resimleri silin. Hatta taslak durumundaki yayınızıda silebilirsiniz.
10. Blogunuzdan sildiğiniz hiçbir resim koybolmaz. Google plus, fotoğraflar sekmesinde ve Picasa yayınlarınızda depolanır. Burada dikkat edeceğiniz bir konuyu daha hatırlatmak isterim.Google Plus fotoğraflarınızdan resim linki alamazsınız. Ancak, Picasa resimlerinizi
açıp, tek tek link almanız gerekir.Buda zamanı uzatmak demektir. Sizlere bahsettiğim ilgili konu en basit ve hızlı olan yoldur. Kolay gelsin...
Resim editörleri ile ilgili yazılar.
Resim kullanımı ile ilgili yazılar.
Özel Tema Slayt Resmi Nasıl Yapılır
0
Blogger tema veya özel şablonlarda kullanılan Slayt resimlerini kısa sürede çok basit şekilde hazırlayın. Blogger yazarı iseniz mutlaka resim editörü kullanıyorsunuzdur. Biz hiçbir resim editörü kullanmayan veya bundan sonra kullanmayı düşünen, Windows ücretsiz Paint resim düzenleme aracı kullanarak çok kısa sürede slayt resimleri hazırlayacağız. Windows Paint resim düzenleyici nerede buluruz.
2. Örnek olsun diye masa üstü arka plan resimlerinden birini masa üstüne alın.
3. Yaklaşık alacağınız .jpg resim 1024x768 Px. ebadında ve 85 Kb. boyutunda bayağı büyük bir resimdir.
4. Bu ebatta bir resmi blog slayt boyutlarımıza göre tasarlayalım. Slayt ebatlarımızın şöyle olduğunu düşenelim. (615x300 Px.) Siz kendi ölçülerinizi kullanacaksınız.
5. Görünüm sekmesinin hemen altında bulunan, 2. kutu yeniden boyutlandır'a tıklayın.
6. En boy oranını koru tik’i kaldırın.
7. Pixel işaretleyin, yatay kısma 615, Dikey kısma 300 değerleri yazarak tamam’a tıklayın. Resminiz şu anda 615x300 Px. değerlerinde ayarlanmış olmalı.
8. Görünüm sekmesinin altında 1. seçenek kırp kutusuna tıklayın. Resmimiz gerçek boyuttan, istediğimiz boyuta hiçbir değer kaybı olmadan küçültüldü. Resmimizi masa üstüne kaydedelim. Sıraları karışmasın diye 1 ve 5 rakamlarını kullanabilirsiniz.
9. Üstte mavi renkli paint sekmesine tıklayın.Farklı kaydet seçeneklerinden sağ tarafta bulunan JPEG RESMİ sekmesine tıklayın ve masa üstüne kaydedin.
Blog slayt’ınızda kaç adet resim ekleyecekseniz bu şekilde 10 dk.da tüm resimleri hazırlayabilirsiniz. Yukarıda hazırlanmış örnek resmi görüyorsunuz. Bu resim aslında 1024x768 Px. ebadında, ancak 615x300 Px. 69 Kb. olarak hazırlanmıştır. Resime tıklarsanız gerçek boyutunu göreceksiniz.
Blogger Özel Tema Tasarımı Düzenleme ile ilgili diğer konular.
Windows Paint resim düzenleme Proğramını açın :
1. Başlat → Tüm proğramlar → Donatılar → Paint tıklayarak açın. Proğramı sağ fare özelliği ile başlat sekmesinde elinizin altında görmek için ayarlayabilirsiniz.2. Örnek olsun diye masa üstü arka plan resimlerinden birini masa üstüne alın.
3. Yaklaşık alacağınız .jpg resim 1024x768 Px. ebadında ve 85 Kb. boyutunda bayağı büyük bir resimdir.
4. Bu ebatta bir resmi blog slayt boyutlarımıza göre tasarlayalım. Slayt ebatlarımızın şöyle olduğunu düşenelim. (615x300 Px.) Siz kendi ölçülerinizi kullanacaksınız.
5. Görünüm sekmesinin hemen altında bulunan, 2. kutu yeniden boyutlandır'a tıklayın.
6. En boy oranını koru tik’i kaldırın.
7. Pixel işaretleyin, yatay kısma 615, Dikey kısma 300 değerleri yazarak tamam’a tıklayın. Resminiz şu anda 615x300 Px. değerlerinde ayarlanmış olmalı.
8. Görünüm sekmesinin altında 1. seçenek kırp kutusuna tıklayın. Resmimiz gerçek boyuttan, istediğimiz boyuta hiçbir değer kaybı olmadan küçültüldü. Resmimizi masa üstüne kaydedelim. Sıraları karışmasın diye 1 ve 5 rakamlarını kullanabilirsiniz.
9. Üstte mavi renkli paint sekmesine tıklayın.Farklı kaydet seçeneklerinden sağ tarafta bulunan JPEG RESMİ sekmesine tıklayın ve masa üstüne kaydedin.
Blog slayt’ınızda kaç adet resim ekleyecekseniz bu şekilde 10 dk.da tüm resimleri hazırlayabilirsiniz. Yukarıda hazırlanmış örnek resmi görüyorsunuz. Bu resim aslında 1024x768 Px. ebadında, ancak 615x300 Px. 69 Kb. olarak hazırlanmıştır. Resime tıklarsanız gerçek boyutunu göreceksiniz.
Blogger Özel Tema Tasarımı Düzenleme ile ilgili diğer konular.
Blogger İçerik Resimleri Nerededir
0
Blogger yazılarımız için kullanılan resimlerimiz nerde barındırılır? Bu resimlere nasıl ulaşırız. Blog editöründe sildiğiniz resimler tamamen silinir mi? Blog yazılarımıza eklediğimiz resimler ile ilgili birçok soru üretebiliriz.Blogunuza eklediğiniz resimler, Picasa resim düzenleyici ve Google Plus fotoğraflar sekmesi ile ilişkilidir. Blog yazılarınızda paylaştığınız resimlere Picasa’a giriş yaparak ulaşabildiğiniz gibi Google Plus fotoğraflar sekmesinden giriş yaparak ulaşmanız mümkündür.
Blog yazı editöründen, kaldırdığınız resimler sadece blogger içerikten kaldırılır. Blog’unuzdan sildiğiniz resimlerin hangisi olduğundan eminseniz fotoğraf galerisinden kaldırabilirsiniz.
Blog’unuzdan sildiğiniz resimleri, Google Plusdan neden kaldırmanız gerekiyor. İlerleyen zaman içinde blogger kotanızı takip edebilmek ve kullanmadığınız resimleri silerek sunucunuzdan yer açabilmek için diyebilirim. Blog’unuza yüklediğiniz resimleri görmek ve gerekli çalışmalarınızı yapabilmek için aşağıdaki adımları takip ederek resimlerinize ulaşabilirsiniz.
1. Google Plus hesabınıza giriş yapın.
2. Sol açılır sidebar içinde Fotoğraflar sekmesine tıklayın.
3. Açılan pencerede menüde Fotoğraflar sekmesine tıklayın.
Blogger içerik resimleriniz karşınızda.
Blog yazı editöründen, kaldırdığınız resimler sadece blogger içerikten kaldırılır. Blog’unuzdan sildiğiniz resimlerin hangisi olduğundan eminseniz fotoğraf galerisinden kaldırabilirsiniz.
Blog’unuzdan sildiğiniz resimleri, Google Plusdan neden kaldırmanız gerekiyor. İlerleyen zaman içinde blogger kotanızı takip edebilmek ve kullanmadığınız resimleri silerek sunucunuzdan yer açabilmek için diyebilirim. Blog’unuza yüklediğiniz resimleri görmek ve gerekli çalışmalarınızı yapabilmek için aşağıdaki adımları takip ederek resimlerinize ulaşabilirsiniz.
1. Google Plus hesabınıza giriş yapın.
2. Sol açılır sidebar içinde Fotoğraflar sekmesine tıklayın.
3. Açılan pencerede menüde Fotoğraflar sekmesine tıklayın.
Blogger içerik resimleriniz karşınızda.
Paint ile Resim Boyutlandırma Seo
0
Windows yazılımında bulunan ücretsiz Paint resim proğramı ile blog resimlerini boyutlandır. Her bilgisayarda Windows işletim sistemi yüklü olduğundan windows’un ücretsiz resim proğramı Paint bulunmaktadır. Dinamik blogger yazı çubuğuna resim yazı ekleme , Blogger Favicon’unu kendin tasarla ve Blogger özel tema şablonuna slayt resmi yükleme ile ilgili yazımda ücretsiz resim proğramı Paint kullanımından sizlere bahsetmiştim.Google, Seo (Arama motoru optimizasyonu) sistemine haddinden fazla önem vermektedir.
Çünki Google bu sistem içinde gelişimini devam ettirmektedir.Bizlere düşen en büyük görev, kullanmakta olduğumuz ücretsiz Google ürünü Blogger’u en iyi şekilde optimize ederek hem kendimize hemde Google destek vermektir.Blog’unuzu optimize etmeniz gereken birçok uygulama mevcuttur.Biz bugün yazı içeriklerimize eklediğimiz ve blog hızını etkileyen resimlerin boyutlandırılması konusunu inceleyeceğiz.
Resim uzantıları ve resim boyutlandırılması neden önemlidir ?
1. Blog yazı tasarımınında atlama aralığını gerektiği gibi kullanıyor iseniz, ana sayfadaki yazılarınız hızlı okunacaktır.
2. Ancak ana sayfada çıkan yazı resimleriniz ölçekli değilse akıllı telefonlar tarafından okunamayacak ve URL hatası verecektir.
Blogger verilerimizin arama sonuçlarında (Google,Bing,Yahoo) randımanlı çalışabilmesi için, Google bünyesine Schema.org micro veri işlemcisini ve site hızını ölçümleyen Pagespeed Insights ekledi. Her ne kadar bizlere yardımcı olsalarda bizlerinde yapması gereken bazı işlemler mevcuttur. Google Chrome için Pagespeed Insights buradan yükleyebilir blog hatalarını inceleyebilirsiniz.
Blog’unuzda göreceğiniz hatalardan biride resim boyutlandırma işlemidir.
Bilgisayarınızda Paint proğramını açın ve bir resmi nasıl boyutlandıracağız adım adım inceleyelim. Windows Paint Proğramını açın :
1. Başlat → Tüm proğramlar → Donatılar → Point tıklayarak açın.
2. Masa üstüne istediğiniz boyutta bir resmi yükleyin. Boyut önemli değil biz zaten boyutlandırma yapacağız.
3. Örnek : Ben bilgisayar arka plan resmini masa üstüne aldım
Resmin boyutları : 1600 x 1200 Px. Ne kadar büyük bir resim değil mi?
Resmin boyutu : 1,32 MB. Bu resmi blog’a yükleyemezsiniz.Blogger resim yükleme sınırı 1 MB.’dır
4. Paint proğramını açın ve yapıştır altındaki ok’a tıklayarak dosyadan yapıştır seçeneği ile masa üstüne yüklediğimiz büyük resime tıklayın.Resim paint içinde çıkacaktır.Dikkat ederseniz koskoca bir resim karşınıza çıkmış olmalı. Hazır olun işin heyacanlı kısmına geçiyoruz.
5. Seç yazısının hemen yanında 3 seçenek göreceksiniz.Maus’u iconların üzerine yanaştırın ve “yeniden boyutlandıra tıklayarak gerekli ölçülerimizi verelim.Burada dikkat etmeniz gereken birkaç nokta var.Siz hangi ölçüleri yazarsanız yazın, Schema micro işlemci mevcut ölçülerde değerlendirip kendine göre boyutlandıracaktır.Ancak eklediğimiz resim boyutları olmayacaktır.Zaten bizde bu işlemi yapmaya çalışıyoruz. Makul ölçü olarak genişlik ayarını 300 Px.den fazla vermeyin.Daha da düşük verebilirsiniz.300 Px. vermemizin nedeni mobil telefonlardan kaynaklanmaktadır. Yüksekliği de 200 Px. veya 250 Px. arasında tutun.
6. Örnek, Ben şu ölçüleri yazıyorum genişlik 300 Px. Yükseklik 225 Px. (300 x 225)
→ piksel seçeneğini işaretleyin → En boy oranını koru tik’i kaldırın → Yatay 300 → Dikey 225 yazın. Resminizin bozulmadan küçüldüğünü göreceksiniz.
7. En önemli seçeneğimize geldik. Biraz önce maus ile baktığımız iconların 1.cisinde kırp yazıyor.Tıklayın ve resminize vermiş olduğunuz ölçüde formatlanmasını sağlayın.
8. Tüm ölçüm işlemleri bitti şimdi kayıt uzantısını seçip bir isim verip masa üstüne kaydedeceğiz.
9. Sol üstte sayfa şeklinde mavi kısma tıklayın ve farklı kaydet seçerek .jpg formatını seçip açılan pencere bir isim verin ve masa üstüne kaydedin.Buraya kadar yaptı iseniz tebrik ederim.Tüm boyutlandırma işlemi bitti.Artık resminizi blog yazınıza yükleyebilirsiniz. Resminizi küçük, orta, büyük, geniş, de yapsanız Naturel boyut değişmeyecek micro işlemci buna göre değerlendirecektir. Örnek resmi inceleyin ve Naturek boyutu görün.
Yazılarım konuyu anlayabilmeniz için biraz uzun oluyor, ancak konuyu kavradığınızda Paint’i çok basit şekilde kullanmaya başlayacaksınız.İşte o zaman konunun değerini daha iyi farkedeceksiniz.
Guney59 Paylaşım blog'una 26 Aralık 2013 tarihinde yazar Adnan Güney tarafından yazılmıştır.
Çünki Google bu sistem içinde gelişimini devam ettirmektedir.Bizlere düşen en büyük görev, kullanmakta olduğumuz ücretsiz Google ürünü Blogger’u en iyi şekilde optimize ederek hem kendimize hemde Google destek vermektir.Blog’unuzu optimize etmeniz gereken birçok uygulama mevcuttur.Biz bugün yazı içeriklerimize eklediğimiz ve blog hızını etkileyen resimlerin boyutlandırılması konusunu inceleyeceğiz.
Resim uzantıları ve resim boyutlandırılması neden önemlidir ?
1. Blog yazı tasarımınında atlama aralığını gerektiği gibi kullanıyor iseniz, ana sayfadaki yazılarınız hızlı okunacaktır.
2. Ancak ana sayfada çıkan yazı resimleriniz ölçekli değilse akıllı telefonlar tarafından okunamayacak ve URL hatası verecektir.
Blogger verilerimizin arama sonuçlarında (Google,Bing,Yahoo) randımanlı çalışabilmesi için, Google bünyesine Schema.org micro veri işlemcisini ve site hızını ölçümleyen Pagespeed Insights ekledi. Her ne kadar bizlere yardımcı olsalarda bizlerinde yapması gereken bazı işlemler mevcuttur. Google Chrome için Pagespeed Insights buradan yükleyebilir blog hatalarını inceleyebilirsiniz.
Blog’unuzda göreceğiniz hatalardan biride resim boyutlandırma işlemidir.
Bilgisayarınızda Paint proğramını açın ve bir resmi nasıl boyutlandıracağız adım adım inceleyelim. Windows Paint Proğramını açın :
1. Başlat → Tüm proğramlar → Donatılar → Point tıklayarak açın.
2. Masa üstüne istediğiniz boyutta bir resmi yükleyin. Boyut önemli değil biz zaten boyutlandırma yapacağız.
3. Örnek : Ben bilgisayar arka plan resmini masa üstüne aldım
Resmin boyutları : 1600 x 1200 Px. Ne kadar büyük bir resim değil mi?
Resmin boyutu : 1,32 MB. Bu resmi blog’a yükleyemezsiniz.Blogger resim yükleme sınırı 1 MB.’dır
4. Paint proğramını açın ve yapıştır altındaki ok’a tıklayarak dosyadan yapıştır seçeneği ile masa üstüne yüklediğimiz büyük resime tıklayın.Resim paint içinde çıkacaktır.Dikkat ederseniz koskoca bir resim karşınıza çıkmış olmalı. Hazır olun işin heyacanlı kısmına geçiyoruz.
5. Seç yazısının hemen yanında 3 seçenek göreceksiniz.Maus’u iconların üzerine yanaştırın ve “yeniden boyutlandıra tıklayarak gerekli ölçülerimizi verelim.Burada dikkat etmeniz gereken birkaç nokta var.Siz hangi ölçüleri yazarsanız yazın, Schema micro işlemci mevcut ölçülerde değerlendirip kendine göre boyutlandıracaktır.Ancak eklediğimiz resim boyutları olmayacaktır.Zaten bizde bu işlemi yapmaya çalışıyoruz. Makul ölçü olarak genişlik ayarını 300 Px.den fazla vermeyin.Daha da düşük verebilirsiniz.300 Px. vermemizin nedeni mobil telefonlardan kaynaklanmaktadır. Yüksekliği de 200 Px. veya 250 Px. arasında tutun.
6. Örnek, Ben şu ölçüleri yazıyorum genişlik 300 Px. Yükseklik 225 Px. (300 x 225)
→ piksel seçeneğini işaretleyin → En boy oranını koru tik’i kaldırın → Yatay 300 → Dikey 225 yazın. Resminizin bozulmadan küçüldüğünü göreceksiniz.
7. En önemli seçeneğimize geldik. Biraz önce maus ile baktığımız iconların 1.cisinde kırp yazıyor.Tıklayın ve resminize vermiş olduğunuz ölçüde formatlanmasını sağlayın.
8. Tüm ölçüm işlemleri bitti şimdi kayıt uzantısını seçip bir isim verip masa üstüne kaydedeceğiz.
9. Sol üstte sayfa şeklinde mavi kısma tıklayın ve farklı kaydet seçerek .jpg formatını seçip açılan pencere bir isim verin ve masa üstüne kaydedin.Buraya kadar yaptı iseniz tebrik ederim.Tüm boyutlandırma işlemi bitti.Artık resminizi blog yazınıza yükleyebilirsiniz. Resminizi küçük, orta, büyük, geniş, de yapsanız Naturel boyut değişmeyecek micro işlemci buna göre değerlendirecektir. Örnek resmi inceleyin ve Naturek boyutu görün.
Yazılarım konuyu anlayabilmeniz için biraz uzun oluyor, ancak konuyu kavradığınızda Paint’i çok basit şekilde kullanmaya başlayacaksınız.İşte o zaman konunun değerini daha iyi farkedeceksiniz.
Blogger İçin Resim Uzantısının Önemi
0
Blog yazınıza eklediğiniz .bmp, .jpg, .png uzantılı resimlerin, çözünürlükleri farklı olması blog hızınızı yavaşlatır.Ayrıca blog’a büyük resimlerin eklenmesi sonucu akıllı telefonlar ile okunamaz duruma gelir.Blog hızınızın yavaşlaması resimlerin okunamaması okuyucularınızın blog’unuzdan uzaklaşmasına ve arama sonuçlarında görülmemesine neden olabileceği gibi Web Yöenetici Araçlarında URL hatalarınız da yoğun bir şekilde çoğalacaktır.
Üzülerek belirtmek isterim, kısa zamanda birçok blog bu nedenle arama sonuçlarında görülemecek ve okuyucu sayısı azalacaktır. Bir süredir yazdığım bu konuyu dikkate alan çok az kişi olduğunu biliyorum.Bu konuda yorum yazarak bilgi almak isteyen hiç yok denecek kadar azdır.Şu anda herşey güllük gülüstanlık gibi görülebilir.2014 senesi Ocak ayı sonuna doğru bu farklılıkları yaşamaya başlayacak ve geçmiş de yaptığınız tüm işlemleri tek tek düzenlemek zorunda kalacaksınız. Yol yakın ve zaman varken şimdiden gereken düzenlemeleriniz yapmanızı öneririm. Bazı çok bilir kişilerin bu yazıma aman sende boş ver diyebileceğini biliyorum. O kişlere de blog şablon’unda html kodlarında Schema. org linklerine bakmalarını tavsiye ederim. Blogger şablonunda bulunan Schema nedir inceleyin. Yazıyı okuduğunuzda ve Schema.org micro veri işlemcisi hakkında bilgi sahibi olduğunuzda bu yazının ne denli önemli olduğunu daha iyi anlayacaksınız. Yukarıda ki yazı konumun içinde yer alan blog resimlerinizin uzantıları hakkında sizlere kısa bir bilgi daha vermek istiyorum. Aşağıda en küçük boyut ve ölçüde 3 resim göreceksiniz. Yüklediğiniz resimlerin uzantıları ile kontrol ederek blog hızını nasıl etkilediğini anlayıp gereken düzenlemeyi yapın.
Örnek resim açıklamaları :
Resim 1 : .jpg formatında, 300 x 225 Px. ebadında, yükleme boyutu 33.2 Kb.
Resim 2 : .png formatında, 300 x 225 Px. ebadında, yükleme boyutu 169 KB.
Resim 3 : .bmp formatında, 300 x 225 Px. ebadında, yükleme boyutu 197 KB.
Yukarıda görülen resimler 300 x225 Px. ebadında olmasına rağmen resim format ve yükleme boyutları KB. farklıdır.Her biri farklı çözünürlüktedir.Konumuzun en önemli kısmı olan sorumuzu soruyorum. Sizce yukarıdaki hangi resim formatını yüklememiz lazım ? Lütfen kendinizi test edin ve alt yazıyı okumadan cevaplayın.
Cevabınız 2, 3 no’lu resim ise ve blog resimlerinizi bu şekilde yüklüyorsanız blog hızınızın yavaş olduğunu göreceksiniz. Doğru cevap 1 no’lu cevaptır.
Blogger resim yükleme boyut sınırı 1 MB ile sınırlıdır. 1 MB boyutunu küçümsemeyin, bakın ne kadar resim yükleyebilirsiniz.
1 MB’ın 1000 KB olduğunu düşünürseniz.
Resim 1 : .jpg formatında, 1000 : 33.2 KB. = 30,12 Ad. resim yüklenir.
Resim 2 : .png formatında, 1000 : 169 KB. = 5,9 Ad. resim yüklenir.
Resim 3 : .bmp formatında, 1000 : 197 KB = 5,0 Ad. resim yüklenir.
Söz sizde bildiklerinizi paylaşın.
Üzülerek belirtmek isterim, kısa zamanda birçok blog bu nedenle arama sonuçlarında görülemecek ve okuyucu sayısı azalacaktır. Bir süredir yazdığım bu konuyu dikkate alan çok az kişi olduğunu biliyorum.Bu konuda yorum yazarak bilgi almak isteyen hiç yok denecek kadar azdır.Şu anda herşey güllük gülüstanlık gibi görülebilir.2014 senesi Ocak ayı sonuna doğru bu farklılıkları yaşamaya başlayacak ve geçmiş de yaptığınız tüm işlemleri tek tek düzenlemek zorunda kalacaksınız. Yol yakın ve zaman varken şimdiden gereken düzenlemeleriniz yapmanızı öneririm. Bazı çok bilir kişilerin bu yazıma aman sende boş ver diyebileceğini biliyorum. O kişlere de blog şablon’unda html kodlarında Schema. org linklerine bakmalarını tavsiye ederim. Blogger şablonunda bulunan Schema nedir inceleyin. Yazıyı okuduğunuzda ve Schema.org micro veri işlemcisi hakkında bilgi sahibi olduğunuzda bu yazının ne denli önemli olduğunu daha iyi anlayacaksınız. Yukarıda ki yazı konumun içinde yer alan blog resimlerinizin uzantıları hakkında sizlere kısa bir bilgi daha vermek istiyorum. Aşağıda en küçük boyut ve ölçüde 3 resim göreceksiniz. Yüklediğiniz resimlerin uzantıları ile kontrol ederek blog hızını nasıl etkilediğini anlayıp gereken düzenlemeyi yapın.
Örnek resim açıklamaları :
Resim 1 : .jpg formatında, 300 x 225 Px. ebadında, yükleme boyutu 33.2 Kb.
Cevabınız 2, 3 no’lu resim ise ve blog resimlerinizi bu şekilde yüklüyorsanız blog hızınızın yavaş olduğunu göreceksiniz. Doğru cevap 1 no’lu cevaptır.
Blogger resim yükleme boyut sınırı 1 MB ile sınırlıdır. 1 MB boyutunu küçümsemeyin, bakın ne kadar resim yükleyebilirsiniz.
1 MB’ın 1000 KB olduğunu düşünürseniz.
Resim 1 : .jpg formatında, 1000 : 33.2 KB. = 30,12 Ad. resim yüklenir.
Resim 2 : .png formatında, 1000 : 169 KB. = 5,9 Ad. resim yüklenir.
Resim 3 : .bmp formatında, 1000 : 197 KB = 5,0 Ad. resim yüklenir.
Söz sizde bildiklerinizi paylaşın.
⇒ Klasik blog içerik resimlerini otomatik boyutlandır
⇒ Blog HTML kaynağını küçült
⇒ Blogger resim özelliğini kullanma
⇒ Blogger ayarlar arama özelliğini kullanma
Guney59 Paylaşım blog'una 25 Aralık 2013 tarihinde yazar Adnan Güney tarafından yazılmıştır.
⇒ Blog HTML kaynağını küçült
⇒ Blogger resim özelliğini kullanma
⇒ Blogger ayarlar arama özelliğini kullanma
Guney59 Paylaşım blog'una 25 Aralık 2013 tarihinde yazar Adnan Güney tarafından yazılmıştır.
Yazı Arka Plan Dolgu Renk Bozulmaları Çözümü
0
Blog Tema değişi veya kopya yazılarda, dolgu arka plan rengi zaman zaman değişerek çirkin bir görünün sergiler. Yazınızda görsel bozukluk yaşadığınızda ne yapmanız gerekiyor? Hangi araçları kullanarak görsellerinizde normal görünüm sağlayabilirsiniz? Yapılması gereken işlemleri aşağıda okuyarak blog görselliğini koruyun.
1. Blog girişi yapın
2. Bozuk görülen yazınızı açın
3. Ctrl+A klavye sekmesi tüm yazınızı seçin
4. Blog yazı editörü sağ üst kısımda bulunan, biçimlendirmeyi kaldıra tıklayın. Daha önceden biçimlenmiş yazınızın fontunun değiştiğini göreceksiniz.
5. Metin arka plan rengi seçeneği ile de beyaz bir renk seçerek işlemi tamamlayabilirsiniz.
6. Blog önizleme yapın, yaptığınız işlemleri kontrol ederek yazınızı tekrar yayınlayabilirsiniz.
Konu hakkında söz sizde.
.jpg)
