Umut Çalışan's Blog, page 3

Kod Kutusu Ekleme

Amatör seviyede blog tasarımı ile uğraşan biri olarak bloğumun tasarımını kendim yapmaya, fazla aşırıya kaçmadan eklentilerle zenginleştirmeye çalışıyorum. Bu noktada internet bilgi çöplüğüne dönmüş vaziyette. Ortalık yüzlerce çalışmayan kod, kırık link ya da anlatımı yetersiz post ile dolu. Bu sayfalarda sizlere de yardımcı olması amacı ile sadece kendi bloğumda kullandığım eklentilerin kodlarını, html'de minimum anlayan birinin kelimeleri ile anlatmaya çalışacağım.
İlk olarak bu sayfalarda bana en çok gerekecek olan “Kod Kutusu Ekleme” ile işe başlayalım.
Kod kutusu eklemek için az öncede belirttiğim gibi internette onlarca kod mevcut. Ancak bir çoğu blog şablonunuza ekleme gerektirenlerden . Ne yalan söyleyeyim onları beceremedim. Bunun yerine çok daha basit ve kullanışlı bir yol buldum, uyguladım ve işe yaradı.
Yeni kayıt (ya da mevcut kayıt) oluşturma sayfasında yazınızı yazarken kod kutusu eklemek istediğiniz yere geldiğinizde önce HTML butonuna tıklayın. 
Ardından açılan ekrana alttaki yazıyı kopyalayıp yapıştırdıktan sonra "Kod buraya eklenecek " yazısının olduğu yere kodlarınızı yapıştırın. 


<textarea class="bginput" cols="42" name="golmuhendis.blogspot.com/, html kodları" rows="5" style="height: 50px; width: 200px;">Kod buraya eklenecek </textarea><br />Ardından tekrar "Oluştur" butonuna basın ve ön izleme yaparak son durumu kontrol edin. Alttaki gibi görünecektir.    Kod buraya eklenecek

Bir kaç Küçük Detay...
1- Kodları ekledikten sonra yazmaya devam ederseniz, yazınız yine kutunun içinde kalabilir. Bunu önlemek için önce kodlar olmadan yazınızı tamamlayın, ardından başka bir kelime işlemci de hazırladığınız kodları yazınıza yukarıda anlattığım şekilde ekleyin.

2- Kutunun ebatını değiştirme ihtiyacı hissederseniz 50 ve 200 yazan yerleri değiştirin Kolay gelsin. 

Alıntı Kutusu Ekleme

Amatörseviyede blog tasarımı ile uğraşan biri olarak bloğumun tasarımını kendim yapmaya, fazla aşırıya kaçmadan eklentilerlezenginleştirmeye çalışıyorum. Bu noktada internet bilgiçöplüğüne dönmüş vaziyette. Ortalık yüzlerce çalışmayankod, kırık link ya da anlatımı yetersiz post ile dolu. Busayfalarda sizlere de yardımcı olması amacı ile sadece kendibloğumda kullandığım eklentilerin kodlarını, html'den minimumanlayan birinin kelimeleri ile anlatmaya çalışacağım.
Özellikle kitap bloglarının en büyük ihtiyacı olan bu eklentiyiepeyce aradım. Normalde blogger yayın ekle sayfasında alıntıekle butonu var ama görevi sadece yazıyı biraz içeridenbaşlatmak. Ama biliyorum ki bizim istediğimiz bu değil. Bu sayfadaalıntı kutusunun nasıl eklendiğini göreceğiz.
BaşlarkenŞablon> HTML' yi Düzenle adımlarının ardından Ctrl+Ftuşlarına basıp ]]></b:skin>kodunuaratıyoruz. Bulduğumuz kodun hemen üzerine alttaki koduyapıştırıyoruz. Bunoktada kafanız karışmasın. Aşağı yukarı bütün eklentilerinkodlarını]]></b:skin>kodunun üzerine yapıştırıyoruz. Ben en üstteki kısımdan kenar çizgilerini ve arka planı transparan olarak ayarladım.  <style>.post blockquote {padding:10px 15px;margin: 5px 15px;border: 1px solid #E1E1E1;background-color: #F6F6F6;font-size: 15px;font-family: Times;}.post blockquote:before {content: "\201C";color: #F13937;font-family: Times;font-size:50px;font-weight: bold;line-height:0px;vertical-align:middle;}.post blockquote:after {content: "\201D";color: #F13937;font-family: Times;font-size:50px;font-weight: bold;line-height:0px;vertical-align:middle;padding:15px 0px 0px 5px;}
Hazır yeri gelmişken Kod Kutusunu nasıl ekleyeceğiniz de öğrenmek ister misiniz? Kod Kutusu Ekleme
İşimizbittikten sonra şablonu kaydedip bu ekrandan çıkıyoruz. Bundansonra yazımızda alıntı olarak eklemek istediğimiz kısmı seçipbloggerin standart alıntı butonuna tıklıyoruz. Seçtiğimiz kısımşu şekilde görünecektir.

Edirne’li yazar gördüm mü takip etmeye çalışıyorum, neler yazmışlar, nasıl yazmışlar merak ediyorum. Bu nedenle eşimle Saraçlar Caddesinde gezerken gördüğüm bu kitabı hiç aklımda yokken alıverdim. Tam emin değilim ama kitap aynı zamanda kitaplığımdaki 300 civarı (çizgi romanlarım hariç) kitap içinde Edirne’den alınan tek kitap olma özelliğini taşıyor. 

Benimşimdilik seçtiğim alıntı kutusu bu. Belki bir gün değiştiririm.Ama en başından farklı bir şey denemek isterseniz bu kodu aldığımşu bloğu inceleyebilirsiniz. Kodun içinde görünen backgroundyazan yerin karşısındaki koddan arka plan rengini, coloryazısından yazı rengi ve border yazan yerden de sınırçizgilerinin rengini değiştirebilirsiniz. Takıldığınız yerleriçin mesaj atabilirsiniz. Kolay gelsin. RenkliPopuler Yayınlar Eklentisi , Blogger Renkli Populer YayınlarEklentisi , Blogger Renkli Populer Yayınlar , RenkliPopuler Yayınlar Eklentisi Nasıl Eklenir , Renkli Populer Eklentisi , Blogger Populer Yayınlar Eklentisi Blogger, BloggerEklenti, BloggerEklentileri, BloggerEklentisi,Popüler, Renkli, Yayınlar 

Alıntı Kutusu Ekleme

Amatörseviyede blog tasarımı ile uğraşan biri olarak bloğumun tasarımını kendim yapmaya, fazla aşırıya kaçmadan eklentilerlezenginleştirmeye çalışıyorum. Bu noktada internet bilgiçöplüğüne dönmüş vaziyette. Ortalık yüzlerce çalışmayankod, kırık link ya da anlatımı yetersiz post ile dolu. Busayfalarda sizlere de yardımcı olması amacı ile sadece kendibloğumda kullandığım eklentilerin kodlarını, html'den minimumanlayan birinin kelimeleri ile anlatmaya çalışacağım.
Özellikle kitap bloglarının en büyük ihtiyacı olan bu eklentiyiepeyce aradım. Normalde blogger yayın ekle sayfasında alıntıekle butonu var ama görevi sadece yazıyı biraz içeridenbaşlatmak. Ama biliyorum ki bizim istediğimiz bu değil. Bu sayfadaalıntı kutusunun nasıl eklendiğini göreceğiz.
BaşlarkenŞablon> HTML' yi Düzenle adımlarının ardından Ctrl+Ftuşlarına basıp ]]></b:skin>kodunuaratıyoruz. Bulduğumuz kodun hemen üzerine alttaki koduyapıştırıyoruz. Bunoktada kafanız karışmasın. Aşağı yukarı bütün eklentilerinkodlarını]]></b:skin>kodunun üzerine yapıştırıyoruz. Ben en üstteki kısımdan kenar çizgilerini ve arka planı transparan olarak ayarladım.  <style>.post blockquote {padding:10px 15px;margin: 5px 15px;border: 1px solid #E1E1E1;background-color: #F6F6F6;font-size: 15px;font-family: Times;}.post blockquote:before {content: "\201C";color: #F13937;font-family: Times;font-size:50px;font-weight: bold;line-height:0px;vertical-align:middle;}.post blockquote:after {content: "\201D";color: #F13937;font-family: Times;font-size:50px;font-weight: bold;line-height:0px;vertical-align:middle;padding:15px 0px 0px 5px;}
Hazır yeri gelmişken Kod Kutusunu nasıl ekleyeceğiniz de öğrenmek ister misiniz? Kod Kutusu Ekleme
İşimizbittikten sonra şablonu kaydedip bu ekrandan çıkıyoruz. Bundansonra yazımızda alıntı olarak eklemek istediğimiz kısmı seçipbloggerin standart alıntı butonuna tıklıyoruz. Seçtiğimiz kısımşu şekilde görünecektir.

Edirne’li yazar gördüm mü takip etmeye çalışıyorum, neler yazmışlar, nasıl yazmışlar merak ediyorum. Bu nedenle eşimle Saraçlar Caddesinde gezerken gördüğüm bu kitabı hiç aklımda yokken alıverdim. Tam emin değilim ama kitap aynı zamanda kitaplığımdaki 300 civarı (çizgi romanlarım hariç) kitap içinde Edirne’den alınan tek kitap olma özelliğini taşıyor. 

Benimşimdilik seçtiğim alıntı kutusu bu. Belki bir gün değiştiririm.Ama en başından farklı bir şey denemek isterseniz bu kodu aldığımşu bloğu inceleyebilirsiniz. Kodun içinde görünen backgroundyazan yerin karşısındaki koddan arka plan rengini, coloryazısından yazı rengi ve border yazan yerden de sınırçizgilerinin rengini değiştirebilirsiniz. Takıldığınız yerleriçin mesaj atabilirsiniz. Kolay gelsin. RenkliPopuler Yayınlar Eklentisi , Blogger Renkli Populer YayınlarEklentisi , Blogger Renkli Populer Yayınlar , RenkliPopuler Yayınlar Eklentisi Nasıl Eklenir , Renkli Populer Eklentisi , Blogger Populer Yayınlar Eklentisi Blogger, BloggerEklenti, BloggerEklentileri, BloggerEklentisi,Popüler, Renkli, Yayınlar 

Sağ Tık ve Kopyala Yapıştır Engelleme

Amatör seviyede blog tasarımı ile uğraşan biriolarak bloğumun tasarımını kendim yapmaya, fazla aşırıya kaçmadan eklentilerlezenginleştirmeye çalışıyorum. Bu noktada internet bilgi çöplüğüne dönmüşvaziyette. Ortalık yüzlerce çalışmayan kod, kırık link ya da anlatımı yetersizpost ile dolu. Bu sayfalarda sizlere de yardımcı olması amacı ile sadece kendibloğumda kullandığım eklentilerin kodlarını, html'de minimum anlayan birininkelimeleri ile anlatmaya çalışacağım.

Her blogda olmasa da bazı bloggerler bloğundanalıntı yapılmasını istemeyebilir. Bunun için sağ tuşu fonksiyon dışı bırakan, sitemizden kopyalamayapmayı engelleyen bir koda ihtiyacımız var.

Önce Kumanda Paneli → Şablon → HTML’yi Düzenleyetıklıyoruz. Ctrl + F tuşlarına aynı anda basarak, açılan arama formunda </head> kodunubuluyoruz ve bu kodun hemen üzerine aşağıdaki kodu yapıştırıyoruz.

//<![CDATA[var message="Fonksiyon Devre Dışı !"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false")//]]>>

Eğer isterseniz kodun içindeki “fonksiyon devre dışı”yazan yeri dilediğiniz şekilde değiştirebilirsiniz.

Ancak tüm yaptıklarınıza rağmen internet üzerinde bu ve benzer kodları geçersiz kılacak onlarca başka kodların olduğunu da aklınızdan çıkarmayın. 
Sağ Tık ve Kopyala Yapıştır Engelleme, Blog Araçları, Web Tasarım,