En iyi ve en yeni blogger temaları Tam Bir Blogda

Blogspot için her gün yepyeni profesyonel temalar hazırlanıyor. Bunları sizlere sunmaya devam ediyorum.
En iyi ve en yeni blogger temaları Tam Bir Blogda

Photoshop hiç bu kadar kolay olmamıştı.

Resimlerinize efekt uygulamak için saatlerce uğraşmanıza gerek kalmadı.Photofunia size bunu tek tıkla sunuyor.Yapmanız gereken tek şey resmi upload etmek. Tam Bir Blog logosuyla yaptığım çalışmalarla sitenin ne kadar eğlenceli olduğunu görebilirsiniz.
Photoshop hiç bu kadar kolay olmamıştı.

Blogger İpuçları ve Önemli Noktaları

Daha iyi bir blog için neler yapabilirsiniz? Tüm ince noktalar,hileler, yeni ve kullanışlı araçlar...
Blogger İpuçları ve Önemli Noktaları

Blogger Resimli Son Yazılar Eklentisi

Bu eklenti sayesinde son yazılarınızı resimleri ve yorum sayısıyla birlikte blogunuzda gösterebileceksiniz. Hem kullanışlı hem de görsel açıdan zengin ve tasarımınıza göre ayarlarıyla oynayabilirsiniz:
Blogger Resimli Son Yazılar Eklentisi

Blogger'a Smile Ekleyin.. Yazılarınız Şenlensin:D

Blogger'da çok smile kullanmak istemez misin. Yalnızca Firefoxta kullanabileceğiniz bu eklenti sayesinde artık yazılarınız daha renkli, daha sevimli...
Bloggera Smile Ekleyin.. Yazılarınız Şenlensin:D
blogger eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Birbirinden güzel Sıralama/Rank Widgetları

Blogumuzun içeriğini ne kadar sağlam tutmaya çalışsak da blogger ziyaretçilere ve sıralama sitelerindeki yerlerini de yükseltmeye çalışırlar. Bu siteleri her gün takip etmektense bunları tek bir eklenti sayesinde blogunuzda görmeniz mümkün. Rankwidget size bunu sağlıyor. Yahoo Search, Alexa, Technorati ve Google sıralamalarının yer aldığı 4 farklı eklentiyi blogunuza ekleyebilirsiniz.Her sıralama sitesi için farklı animasyonlar mevcut. Blogunuzun temasına en uygun olanını kendiniz seçebilirsiniz.
İşte eklentilerden örnekler:

17 Haziran 2009 Çarşamba

Blogunuz İçin Yararlı Eklentiler - 3. Seri

Blogunuz için kullanabileceğiniz en güzel wdgetlara devam ediyoruz. 1. seriyi ve 2. seriyi incelediysek 3. seriye geçebiliriz.
9.Plugoo: Plugoo sitenizde ziyaretçilerinle bir çok cahat programını kullanarak sohbet edebileceğiniz bir eklenti. Eklenti Msn Messenger,Yahoo! Messenger,AIM,Google Talk,Jabber ve ICQ'yu desteklemektedir. Geniş bir online iletişim hattı isteyenlerin  bu eklenti vazgeçilmezleri olacak.
 

10.Radar Url: Radar url sitenizle ilgili istatistikleri anında gösterir.
 
11 Shoutmix: Blogunuzdan anlık mesajlaşmayı sağlayan bir eklentidir.
12 Spring widgets: Spring widgets sayesinde bir çok cool eklentiye sahip olabilirsiniz...
16 Haziran 2009 Salı

Blogunuz İçin Yararlı Eklentiler - 2. Seri

. Blogger temalarımız daha cazip kılan ve bloglarımızı bir adım daha öte taşıyan eklentilerdir.  Eklentilerin 1. serisini tamamladıktan sonra 2. seriye geçebiliriz

5.Feedwind: Feedwin bir RSS widgetıdır. Yazdığınız her konuyu RSS sayesinde  blogunuza taşıyabilirsiniz. Feed Url kısmını kendi Url adresinizle değiştirmeniz gerekmektedir: http://tambirblog.blogspot.com/feeds/posts/default





6.gwt-ext:: Güçlü bir eklenti kütüphanesidir.


 

7.magtoo: Do you MagShow? sloganlı site... Panoramik fotoğraflar,slide showlar hazırlayıp sunabileceğiniz eklentiler mevcut.  Slide showlar için  14 farkllı efekt mevcut. Gerçekten bu siteyi sevdim. Fotoğraf çekmeyi ve panoramik fotoğraflardan hoşlananlar için birebir:))


8. Monitter: Monitter bir twitter aracıdır. Bu araç twitterda sizin hakkınızda neler söylendiğini, twitterdaki yazılarınızı gösterir. Arama kutularına isminizi/blogunuzu/kullanıcı adınızı  yazarak sonuçlara ulaşabilirsini.

 

 
14 Haziran 2009 Pazar

Blogunuz İçin Yararlı Eklentiler - 1. Seri

Bunları yayınlamazsam olmazdı. Bugün bildirgeç'te gördüğüm bu listeyi sizlerle paylaşıyorum tamamen kendi yorumlarımla.
Blogunuzda kullanabileceğiniz 16 eklenti. Bu widgetlar sayesinde bloglarınızı daha profesyonel ve kullanışlı hale getirebilirsiniz. Liste uzun hemen başlayalım....

1.Blipback :Blogunuza video mesajları bırakabileceğiniz mükemmel bir eklenti. Bu eklenti sayesinde artık isteyen herkes blogunda yorumlarını vdeo ile bırakabilecek.

2.Blogupp : Bu eklenti blogunuzun reklamına yardımcı olur ve blogunuza doğru ziyaretçilerin gelmesini sağlar. Aynı zman ücretsiz bir blog dizini vardır. Üyelik istememektedir.
3.Clearspring: İçeriğiniz Her Yerde.... Blogunuzun içeriğini sosyal ağ sitelerine taşımanın en hızlı yolu.Bu eklentiyle yazılarınız binlerce kişiye ulaşabilecek.
 4.Eurekster swicki: Blogunuza özel arama motoru oluşturma zamanı geldi diye mi düşünüyorsunuz. O zaman bu eklenti tam size göre.Build new swicki butonuna basarark kendinize sitenize özel  arama motoru oluşturmaya başlayabilirsiniz. Eklentiyle birlikte istediğiniz etiketler de listelenmektedir.

Listenin devamını daha sonra inceleyeceğim... Eklentilerin keyfini çıkarın:))

Blogunuza Sitenize Ücretsiz Flash Saat Ekleyin

Blogunuza/Sitenize bir saat ekleyerek blogunuzun/sitenizin daha hoş görünmesini sağlayabilirsiniz. FreeFlashClocks ile blogunuza birbirinden şık ve yüksek kalitede flash saatleri ücretsiz olarak ekleyebilirsiniz.


Ben sizler için bir kaç saati ve bu flash saatlerin kodlarını aldım. Bu saatleri gönül rahatlığıyla kullanabilirsiniz, üstelik reklamsız ve bedava.
Saatleri eklemek için aşağıdaki adımları uyguluyoruz:
Sayfa Öğeleri--- > Gadget Ekle--- > HTML/JavaScript ekle
Html/Javascripti seçtikten sonra aşağıda beğendiğimiz saatlerin altındaki html kodlarını buraya kopyalayıp yapıştırıyoruz.



1. Siyah Beyaz Saat:





<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-147.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-147.swf" wmode="transparent" width="150" height="150"></embed> </object>



2: Parlak Efektli Saat :






<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-132.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-132.swf" wmode="transparent" width="150" height="150"></embed> </object>



3: Her Saniye Dans eden Kız Flash Saati:)



<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-125.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-125.swf" wmode="transparent" width="150" height="150"></embed> </object>




4: Cep Telefonu Flash Saati: Farklılık arayanlar için, Sony Ericsson saat:)



<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-120.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-120.swf" wmode="transparent" width="150" height="150"></embed> </object>



5: Mükemmel geçiş efektine sahip olan blogunuz için hoş bir dijital saat:



<object><param name="movie" value="hhttp://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-114.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-114.swf" wmode="transparent" width="150" height="150"></embed> </object>



6: Zekice hazırlanmış kırmızı renkli bir saat, bakalım nasıl çalıştığını anlayabilecek misiniz?:



<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-108.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-108.swf" wmode="transparent" width="150" height="150"></embed> </object>


7: İnsan figürlü dijital saat:



<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-98.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-98.swf" wmode="transparent" width="150" height="150"></embed> </object>




8: Fosforlu kol saati:



<object><param name="movie" value="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-85.swf"><embed src="http://freeflashclocks.eu/free-flash-clocks-blog-topics/free-flash-clock-85.swf" wmode="transparent" width="150" height="150"></embed> </object>


6 Haziran 2009 Cumartesi

Blogger Paylaşmak Güzeldir Sosyal Ağ Butonları (İlk Kez Türkçe)

!YENİLENDİ! TÜRKÇE OLARAK İLK DEFA TAM BİR BLOG FARKIYLA




İnternette gezinirken çok güzel bir yazıya rastladım sosyal bookmarklarla ilgili.Hemen bloguma eklemiştim. Sizlerden de gelen yoğun talep üzerine bu yazıyı yazıyorum. Orjinalinde "paylaşmak seksidir" yazısı var ama ben "paylaşmak güzeldir" olarak çevirdim. Stil sahibi ve seksi bir eklenti...Ekran görüntüsü yukarıdaki gibidir.
Bu eklentiyi önceden yazmıştım, yanlışlıkla yakın tarihe alınca hemen yayına girdi. Kontrol etmediğimden dolayı da hatalar olmuş.
Ben de bunun Türkçesini paylaşarak kendimi affettirebilirim diye düşündüm. Türkçe sosyal ağ butonlarını güle güle kullanın::))
***Uzun diye gözünüz korkmasın sadece kodlar biraz fazla yer kaplıyor yapmanız gerekn sadece iki aşama var...


KODLARA GİRİŞ:

1.Yerleşim ----> HTMLyi Düzenle ----> (Widget şablonunu genişletin.)

Css Kodlarını Yükleme
1. Aşağıdaki kodu buluyoruz (CTRL+F) :
]]></b:skin>

2.Bu kodu bulduktan sonra hemen altına aşağıdaki kodları yapıştırıyoruz:


<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://img394.imageshack.us/img394/9527/paylasmakgl.png') no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://img394.imageshack.us/img394/9527/paylasmakgl.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover, .sexy-tbb, .sexy-tbb:hover {
background:url('http://img30.imageshack.us/img30/3131/sexysprite.png') no-repeat !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}

.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
.sexy-tbb {
background-position:-250px top !important;
}
.sexy-tbb:hover {
background-position:-250px bottom !important;
}
</style>








Kodları eklediysek Css ile işimiz bitti şimdi Html kısmına geçelim:

Html Kodlarını Yükleme:
1. Şimdi aşağıdaki kodu bulalım:

<data:post.body/>

Dikkat:

 <data:post.body/> , bu koddan blogunuzda çok fazla olabilir. Siz
bu kodun en sonuncusunu buluyorsunuz.En son <data:post.body/>
kodunu eklentinin yazılarınızın altına eklenmesini sağlayacaktır.
http://tambirblog.blogspot.com/


2. Şimdi aşağıdaki kodları <data:post.body/>; kodundan önce yapıştırıyoruz. Ama her temaya göre değişiyor. Benim temam da bu koddan sonra çalıştı. Lütfen şablonu kaydetmeden önce önizleme yapın her ikisini de deneyiniz.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/tambirblog' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-tbb'><a href='http://tambirblog.blogspot.com/' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>


3.Eklentiyi eğer çalıştırmayı başardıysanız, kodların içinde bulunan FEED BURNER IDNIZ
bölümüne kendi feedburner adresinizi giriniz.
4.Şablonu sonunda kaydediyoruz. İşte bu güzel butonlar artık sizin blogunuzda...
Lütfen eklentinin kredisiyle (http://tambirblog.blogspot.com/) oynamyınız, emeğe saygı duyduğunuz sürece paylaşmaya devam edeceğim...

Paylaşmak Güzeldir!



Çalışmanın Türkçe versiyonu "Tam Bir Blog" 'a aittir. Tüm hakları cc lisansıyla korunmaktadır. Türkçe versiyonunu kullanırken lütfen krediyle oynamayınız!. Yazının orjinali bir çok yabancı blog tarafından kopyalanmış. O yüzden ilk yayınlayanın kim olduğunu bulamadım. Burada da onlardan bir tanesi....

Creative Commons License
Blogger Paylaşmak Güzeldir Sosyal Ağ Butonları (İlk Kez Türkçe) by Blogger Paylaşmak Güzeldir Sosyal Ağ Butonları (İlk Kez Türkçe) is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.
Based on a work at tambirblog.blogspot.com.
Permissions beyond the scope of this license may be available at http://tambirblog.blogspot.com/.
31 Mayıs 2009 Pazar

Blogger Resimli Rastgele Yazılar Eklentisi

LinkWithin Resimli Rastgele Yazılar Eklentisi Artık Türkçe!!!

Rastgele yazılar eklentisi geçmişte yazdığınız yazılarınızın, güncelliğini korumasını sağlar ve ziyaretçilerinizin sitenizde daha fazla zaman geçirmesine yardımcı olur.

rastgele yazılar eklentisi linkwithin
Link Within sitesinin geliştirmiş olduğu eklentiyle artık her yazınızın altına resimli olarak tamamen rastgele yazılarınızı gösterebileceksiniz. Böylece eski yazılarınızın çöpe gitmesine engel olabileceksiniz. Zarif ve göze batmayan tasarımıyla şablonunuzla uyum içinde bir eklenti. Tamamen ücretsiz olması da cabası:))

Yüklemesi de çok kolay. Linkwithin sitesini ziyaret ediyorsunuz email,blog link ve platform seçeneklerini doldurup Get Widget! butonuna basıyoruz. Bu kadar... Kesinlikle yazılarınızın okunma sayısınızı arttıracak bir eklenti. Tam bir blog'un tavsiyesidir...
28 Mayıs 2009 Perşembe

Blogger Yorumlara Avatar Ekleme

Yepyeni, mükemmel bir eklentiyle daha karşınızdayım.Blogger Gravatar Eklentisi... Bu eklentiden haberim olmasını sağlayan Savaş Çocukları'na ve eklentinin sahibi o-om'a teşekkür ederim...
Bu eklentinin ismi sanırım wordpress'te gravatar olarak geçiyor. Eklentiyi kurmadan önce MyBlogLog sitesine kayıt oluyoruz ve kayıt olduktan sonra My sites and Services bölümünden tüm kullandığımız sosyal ağ sitelerini ve websitemizi kaydettiriyoruz. Burada en önemlisi tabii ki blogger'ı kaydettirmek, avatarımızın gözükmesi için bu şart.
Peki Blogger id'mizi nasıl bulacağız?
Blogger'a giriş yaptıktan sonra profili görüntüle kısmına tıklıyoruz.
Açılan pencerede tarayıcımızda gözüken id numaramızı alıp MyBlogLog'da blogger servisine kaydediyoruz. İsterseniz add website bölümüne tıklayarak da blogunuzun MyBlogLog'da yer almasını sağlayabilirsiniz. Bu işlemleri yaptıysak artık kodlarımıza geçip yorumlara avatar ekleyebiliriz. Bu blogger için büyük bir gelişme:D
MyBlogLog sitesine nasıl blogger id kaydedilir? Resimli açıklama:
Önce profilimizdeki gülücük resmine tıklayıp profil kısmına geliyoruz ve burada change image kısmına tıklayarak avatar resmimizi yüklüyoruz.

Avatar resmini yükledikten sonra anasayfaya tekrar dönüp servisleri ve websitemizi ekliyoruz.
(Önemli olan blogger idsi elbette, websiteniz tercihinize kalmış...)



Eklentinin görünümü:


Bir dakika yazıma devam etmeden önce yazılarımı kendine mal eden arkadaşlara sesleneyim, emeğe birazcık saygı gösterin ben burada zamanımı harcayıp bir şeyler paylaşmaya çalışıyorum. Emek hırsızlığına artık bir son verin!!!

Türkiyede İlk defa Tam Bir Blog'da...:)))


Html kodları:
1. Blogger'a giriş yapıyoruz.
2.Yerleşim---->Html'yi Düzenle---->Widget şablonlarını genişlet.
3.Html kodlarımızdan </head> kodunu buluyoruz.
4. Head kodunu bulduktan sonra. Bu kodun önüne aşağıdaki kodları yapıştırıyoruz.





<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)
turkish by TamBirBlog (http://tambirblog.blogspot.com)
version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/




if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}


//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
//metto tutto minuscolo perchè indexOf è case sensitive
if (autore != ""){
alt="MyBlogLog: " + autore;
myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>


5.Kodları yapıştırdıysak şimdi <b:loop values='data:post.comments' var='comment'> kodunu temamızın html kodlarında arıyoruz.
Bulduk mu? Bulduysak süper 6. adıma geçebilirsiniz.

6.Bulduğumuz kodun hemen önüne ve arkasına aşağıdaki kodları yapıştırıyoruz. http://tambirblog.blogspot.com





<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

7. Artık işimiz bitti. Temayı kaydedip çıkıyoruz ve artık yorumcularınızın avatarları var.


NOT:
*1.Tam Bir Blog, daha iyi bir blog için çalışmalarına devam ediyor sizde blogumu desteklemek istiyorsanız sidebardaki (yan menüdeki) email ile üyelik kısmında bloguma üye olabilir, sitene ekle bölümünden blogumun ufak butonunu sitenize ekleyebilir ya da destek verin bölümündeki bannerlerden 1 tanesini sitenize yerleştirebilirsiniz. Blogumu takip ettiğiniz için ve destekleriniz için binlerce kez teşekkürler:))

**2.Bu eklentiyi kumadan önce lütfen şablonunuzun yedeğini alınız. Şablonunuzun başına gelebilecek herhangi bir problemden Tam Bir Blog sorumlu değildir:)))

Temama bende bu eklentiyi kurdum. Yorumlarda avatarınızın gözükmesini istiyorsanız. Sizi MyBlogLog sitesine üye olmaya davet ediyorum...



Creative Commons License
http://tambirblog.blogspot.com/2009/04/blogger-yorumlara-avatar-ekleme.html by Tam Bir Blog is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
Based on a work at tambirblog.blogspot.com.
Permissions beyond the scope of this license may be available at http://tambirblog.blogspot.com/.
28 Nisan 2009 Salı

Resimlerinize Zoom Efekti


Bugün çok güzel bir eklentiyle daha karşınızdayım. Blog yazılarınıza resim ekliyorsunuz değil mi? Peki resimlerinizin zoom efektiyle açılmalarını ister miydiniz? Zoom efekti de ne diyorsanız sizi orjinal sayfasındaki örneklere alabilirim ya da isterseniz Deneme blogumdaki Zoom Efekti yazımdaki resme tıklayıp eklentiyi kendiniz test edebilirsiniz. Bence her blogda bulunması gereken eklentilerden de bir tanesi de zoom efekt eklentisi. Resierinize hareket katmak istiyorsanız aşağıdaki kodları blogunuza uygulayabilirsiniz.

Birinci adıımımız Blogger'a giriş Yerleşim---->Html'yi Düzenle kısmına geliyoruz ve </head> kodunu bulup hemen önüne aşağıdaki kodları yapıştırıyoruz.

<script src='http://zendersto.110mb.com/FancyZoom.js' type='text/javascript'/>
<script src='http://zendersto.110mb.com/FancyZoomHTML.js' type='text/javascript'/>




Evet ikinci adımımız ise <body> kodunu bulup <body onload="setupZoom()"> koduyla değiştiriyoruz. ( <body> kodunu değiştirdiğimizi unutmuyoruz. İlerde body koduyla işimiz olursa artık bu kodu temamızda arayacaksınız.)

Şimdi şablonumuzu önizleyelim bir sorun yoksa kaydedelim. Şu anda zoom efektine sahip oldunuz bile.


***Fakat zoom efekti uygulamak istiyorsanız yazı yazarken yeni bir formda resim eklemeniz gerekiyor. Yazı yazarken Html'yi düzenle kısmına gelip: Ekleyeceğiniz resme:


<a href="Image link"><img src="image link" width="300" border="0" height="200" />




bu kodları uyguluyoruz.
Not:
Image link : yazan yerleri silip jpg, png, gif formatlı resminizin linkini yapıştırıyoruz...
Width : resmin genişliği
Height: resmin yüksekliği.
Border: resim çerçevesi.



Örneğin:
<a href="http://img6.imageshack.us/img6/4505/336x280.png"><img src="http://img6.imageshack.us/img6/4505/336x280.png" width="300" height="200" border="0" /></a>

Zorlanacak olan arkadaşlar için de resim koyuyorum. Yazı içerisinde zoom efektini nasıl kullanacağınız hakkında:


***NOT: Eklentinin daha hızlı çalışmasını istiyorsanız Lütfen Fancyzoom .js dosyasını bilgisayarınıza indirin. HotLinkFiles.com ya da SigMirror.com gibi ücretsiz hostlara yükleyiniz. Yüklediğiniz dosyanın adresini kodlarda bulunan
http://zendersto.110mb.com/FancyZoom.js
ve
http://zendersto.110mb.com/FancyZoomHTML.js
.js dosyalarıyla yer değiştiriniz.
25 Nisan 2009 Cumartesi

Bunu Okudunuz Mu?


Son Eklenen Yazılar

Son Yorumlar

Kategoriler

Online İletişim

Link to...

Son Yazılar

Son Yorumlar

Translate

İzleyiciler