Articles by "eklentiler"
eklentiler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

zaman: 1
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
 Merhaba arkadaşlar bu yazımda sizlere blogger için nasıl tema yapabileceğinizi ve nasıl xml'ye dökebileceğinizi anlatacağım. Öncelikle Blogger'da Tema yapmak o kadar'da kolay birşey değil. Tema yapmak için bazı kodlamalar ve dilleri bilmeniz lazım.İlk olarak bize neler lazım bir onlara bakalım:
Blogger Tema Yapmak - Blogger Tema Nasıl Yapılır?

Html Dilini Öğrenmelisiniz.
Css Öğrenmelisiniz (Temanız için Bazı eklentiler ve menüler için gereklidir).
Photoshop Öğrenmelisiniz.(Photoshopta Temanızı tasarladıktan sonra kod vererek xml'ye dökerek tema haline getirebilir ve blogunuza tema yükleyebilirsiniz).


 Ayrıca bazı programlar sayesinde Yukarıdaki Özelliklere sahip olmasanızda kediniz çok basit bir şekilde tema yapabilirsiniz.

 Aşağıda vereceğim programda blogger için tema yapabilirsiniz ve bu program sayesinde header, footer gibi bölümleri kolayca yapabilirsiniz.

Programın adı : http://www.artisteer.com/

 Eğer ben bu kadar uğraşamam bana daha kolay bir yolunu bulun diyorsanız. Hazır tema editleyebilirsiniz.Blogger'in kendi hazır şablonlarının kodlarına bir göz gezdirerek editleyebilir ve kendi yaptığınız tema tasarımına benzer kodları ekleyebilirsiniz.
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Google Chrome Eklentileri
WebteGez Yöneticileri Seçimiyle ve Bazılarını Bizimde Kullandığımız, İşinize Yarayacak En İyi Google Chrome Eklentileri.

 Google öyle bir web tarayıcı çıkardıki kısa sürede gerçekten ciddi anlamda tarayıcı kullanıcısı arttı. Ve şimdi ise milyarlar bu programı kullanmaktadır. Ama kullanmaktada en iyi program bu çünkü. Hem hızlı, hem kolay, hem sade bir arayüze sahip tarayıcı.
 Google Chrome çıktıktan sonra yüzlerce internet şirketi(arama motoru siteleri gibi.) kendilerinide büyütmek için Google Chrome ile bire bir tarayıcılar çıkarıp kendi logosunu yerleştirip herkese yayıyorlar.
 Nese arkadaşlar biz konumuza geçelim. Bu konumuzda size işte bu Google Chrome web tarayıcısı kullananlara yani sizin için kullanabileceğiniz en iyi eklentileri burada paylaşacağım. Webmaster'lar için birebir ama günlük normal hayatınızda da kullanabileceğiniz programlar mevcut.
 Böyle elime geçtikçe yayınlayacağım.

Photo Zoom for Facebook
Photo Zoom for Facebook (FaceBook Fotoğraf Yakınlaştırma)

 FaceBook fotoğraflarınız en iyi, en hızlı şekilde görüntülemek için en iyi yol.
 Bu eklenti ile fotoğraflara tıklayıp açılmasını beklemeden, fotoğrafların üzerine geldiğiniz zaman fotoğrafın tam ve net halini direkt karşınıza büyük olarak göstermektedir. Milyonların kullandığı bu programı kaçırmamanızı öneririm.
Eklentiyi İndirmek İçin Buraya Tıklayın..

RSS Feed Reader (RSS Besleme Okuyucu)

 Basit bir genel RSS ve Atom beslemelerini okumak  için araç çubuğunda yer alır.
 Bu eklentiyi webmasterlar için gerçekten öneririm. Bu eklenti sayesinde takip etmek istediğiniz binlerce sitenin RSS'sini buraya ekleyebilir web site bir şey paylaştığı zaman anında sana bildirim olara bildirsin. Web sitelerde dolaşırken RSS'sini otomatik bulur siz isterseniz bir tık ile ekleyebilirsiniz. Çoğu webmaster'ların kullandıkları güzel bir eklenti..
Eklentiyi İndirmek İçin Buraya Tıklayın...

Alexa Traffic Rank (Alexa Rating Sırası Öğrenme)

Resmi Alexa Rating Sıralama Uygulaması. Alexa trafik sıralaması ve siteyer her tıklandığında tıklandığında size bilgi sağlayan webmasterlar için olmazsa olmaz olan bir eklenti. Bu eklenti ile kendi sitenizide her dakika takip etmiş olabilirsiniz ve sitenizin Rank durumunu istediğiniz her an kolayca öğrenebilirsiniz.
Eklentiyi İndirmek İçin Buraya Tıklayın...

İmgur (Kolay Resim Upload)

 Resimlerinizi sadece sürükle-bırak yaparak upload edip direk link almak istiyorsanız son derece kullanışlı bir eklenti.
 Başka uplod sitelerine gidip uğraşıp, upload etme derdine son.! Artık imgur ile fotoğraflarınızı ister sürükle-bırak yöntemi ister ise sağ tık yöntemi ile 1 dakikadan daha kısa sürede fotoğrafınızı internete upload edin hemen linkini alın.
Eklentiyi İndirmek İçin Buraya Tıklayın...

Quick Note (Hızlı Not)

Chrome'da en hızlı not almanın yolu. En iyi masaüstü not alma uygulaması kadar hızlı ve etkin.
 Quick Note, özellikle küçük notlar almak için tasarlanmıştır. Herhangi bir not defteri, karalama tahtası, pano veya yapılacaklar listesi gibi kullanabilirsiniz.
 Sayfa esnasında sağ tık ile buna ulaşabilir veya web sitede almak istediğiniz sözcük veya sözcükleri mouse ile saçıp sağ tık ilede hemen anında ekleyebilirsiniz.
Eklentiyi İndirmek İçin Buraya Tıklayın...
Continue reading

zaman: 2
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Merhaba WebteGez Okuyucuları;

 Bu konumuzda Blogger vb. gibi web sitesi olan herkes bu özelliği kullanarak, sayfalarında istediği mesaj kutusunu koyarak ziyaretçilerinize güzel bir mesaj gönderebilir ve sayfalarınızda güzel bir görünüm yaratabilirsiniz.

Bu özelliği şu an WebteGez Blog sitesinde halen kullanmaktayız. Çünkü gerçekten ziyaretçileri bilgilendirmede işe yarıyor.

Kutuların İçerikleri Şu Şekildedir:

  • Uyarı Kutusu
  • Bilgi Kutusu
  • Hata Kutusu
  • Olumlu Kutusu
  • İndir Kutusu
Şimdi anlatıma geçelim. Yalnız ben bu anlatımı Blogger sitesi ile yönlendirerek yapacağım. Bunu yapmak o kadar zor değil ama. Aşağıdaki adımlarda gene herkesin anlayacağı şekilde yazmaya çalışacağım.

Kurulum:

1)Blogger Panel'inizin sol menüsünden "Şablon" yazan kategoriye tıklayınız. (Sol Tarafta Gösterilen Resimdeki Kategori)
2) Daha sonra karşınıza çıkan sayfadan "Şu Anda Blog'da" yazının altında bulunan "HTML'yi Düzenle" butonuna tıklayınız. (Sol Tarafta Gösterilen Resimdeki Buton)
3) Karşınıza POPUP Pencere tarzı bir pencere açılacaktır. Kodları yapıştırmaya başlamadan önce pencerenin sol üst tafından bulunan "Widget Şablonlarını Genişlet" yazısının başındaki boş CheckBox kutusunu işaretleyin.


 4) Sonrasında klavyenizin "Ctrl+F" tuşuna basarak sayfa içi kelime arama kutusunu açın. Arama kutusuna "]]></b:skin>" yazısını yazarak yazıyı sayfada aratın. Kelime bulucu sol tarafta gördüğünüz resimdeki gibi size karşınıza yazdığınız kodu gösterecek. O bulduğunuz kodun hemen üstüne;
.webtegezolumlu, .webtegezhata, .webtegezbilgi, .webtegezuyari, .webtegezindir {
padding-right: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 20px;
margin-bottom: 20px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: 7px center;
text-transform: uppercase;
padding-left: 50px;,
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
 
.webtegezolumlu {
color: green;
background-color: #EBF8D6;
border: 1px dotted green;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/olumlu.png);
}
 
.webtegezhata {
background-color: #FFECE6;
border: 1px dotted red;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/hata.png);
}
 
.webtegezbilgi {
background-color: #D3EEF1;
border: 1px dotted blue;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/bilgi.png);
}
 
.webtegezuyari {
background-color: #FFFBCC;
border: 1px dotted orange;
color: #555555;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/uyari.png);
}

.webtegezindir {
color: green;
background-color: #EBF8D6;
border: 1px dotted green;
color: #00cc00;
background-image: url(http://webtegez.3owl.com/Blogger/mesajkutusu/indir.png);
}
kodunu ekleyin.
 Kodu ekledikten sonra "Şablonu Kaydet" butonuna tıklayın ve şablonun kaydedilmesini bekleyin..
Evet arkadaşlar kodlarımız kullanılmaya hazırdır. Şimdi gelelim bu kodların kullanılışına:
Bu kodları aşağıdaki şekildeki gibi kullanabiliriz.
<div class="webtegezuyari">WebteGez Uyarı Kutusu</div>
<div class="webtegezbilgi">WebteGez Bilgi Kutusu</div>
<div class="webtegezhata">WebteGez Hata Kutusu</div>
<div class="webtegezolumlu">WebteGez Olumlu Kutusu</div>
<div class="webtegezindir">WebteGez İndir Kutusu</div>
Bu şekilde bu kodlarla kullanabilirsiniz arkadaşlar.
Örnek Demo Görünümleri Aşağıda Görüntülenmektedir Arkadaşlar..
WebteGez Uyarı Kutusu
WebteGez Bilgi Kutusu
WebteGez Hata Kutusu
WebteGez Olumlu Kutusu
WebteGez İndir Kutusu
İşte bu kadar kolay arkadaşlar.
Hepinize kolay gelsin.
Anlatım Tamamen Bize Aittir..!
Continue reading

zaman: 0
En yeni konular, en gücel haberler. En son çıkan internet haberleri. Oyun haberleri. Hepsi webtegez.blogspot.com'da..
Blogger için Benzer Yazılar eklentisi
 Herkese yeni bir blogger dersleri yazı dizisinden merhabalar. Bu sefer de her zaman ki gibi, bildiğim kadarı ile, güzel bir blogger eklentisini anlatacağım. Bu sefer ki eklenti de, belki de bir çok blogger’ın bildiğini düşündüğüm bir eklenti olan; Benzer Yazılar eklentisi.Bu eklenti sayesinde, yazılarınıza benzeyen yazıları gösterebiliyorsunuz. Kaldı ki eklentinin kurulumu da zor diyemem. Adımlar biraz uzun gibi gözükebilir, fakat aşağıdaki adımları doğru bir şekilde uygular iseniz Benzer Yazılar eklentisini kullanmaya başlayabilirsiniz..
 Öncelikle aşağıdaki kodu bulalım;

</head>

Daha sonra, yukarıdaki koddan önce aşağıdaki kodları ekleyelim;

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://teknobeyin.googlecode.com/files/benzeryazilar.js' type='text/javascript'/>

Yukarıdaki kodları ekledikten sonra, aşağıdaki kodu bulalım;

<p><data:post.body/></p>

Ve son olarakta, yukarıdaki koddan önce aşağıdaki kodları yapıştıralım;

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Benzer Yazılar : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&callback=related_results_labels&max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Continue reading
Kaydol: Kayıtlar (Atom)