21 Haziran 2013 Cuma

Saygı Günenç İle Blogların Kariyere Etkilerini Konuştum

Blogların kariyer üzerinde etkilerine ve yeni kariyer fırsatları yarattığına dair görüşlerim daha önce defalarca paylaşmıştım.  Hatta insanlra yardımcı olmak, bidiklerimi paylaşmak ve yazma isteğimi tatmin etmek için oluşturduğum bu blog sayesinde bile pek çok iş fırsatı ve teklifiyle karşılaştım.

 

Uzun zamandır bir insan kaynakları uzmamnıyla bu konu hakkında görüşmek, sohbet etmek istiyordum akat fırsat bulamamıştım. Geçtiğimiz günlerde iletişim formu aracılığıyla bana bir soru soran Saygı Hanım’ın blogunu incelediğimde beklediğim fırsatla karşılaştığımı düşündüm. Kendisi de sağolsun beni kırmadı ve söyleşi teklifimi henen kabul etti.

 

Saygı Gönenç

 

İşte blog yazarlığı ve blogların kariyere, işe alım sürecine ve iş hayatına etkileri üzerine yaptığımız kısa söyleşiden kalanlar…

 

Merhaba Saygı Hanım. Söyleşi teklifimi kanbul ettiğiniz için teşekkür ederim. Öncelikle sizi okuyucalara tanıtmak istiyorum. Kısaca kendinizden bahsedebilirmisiniz?

 

Sizinle bu röportajı yapmaktan son derece mutlu olduğumu belirterek başlamak istiyorum.

İşletme Fakültesi mezunuyum. Uzun yıllar bir kitabevinin koordinatörlüğünü yaptıktan sonra, bir işletmenin insan kaynağının ne kadar önemli olduğunu anladım ve bu alana yöneldim. İnsan Kaynakları yetkilisi olarak mesleğimin beşinci yılındayım. Hani tırnaklarımla geldim derler ya, işte öyle benim hikayemde. Antalya ve hinterlantında sektörün ilk İK departmanını oluşturdum. Zorlu bir dönemde, sağlam temeller atarak, bir çok konuda eğitimler aldım. İK süreçlerinin uygulanmasının yanı sıra, heybeme biriktirdiğim mesleki tecrübeler, uzun soluklu kişisel gelişim eğitimleri ve mesleki eğitimlerle; şirket içinde kurulan akademinin doğal öğretmeni oldum. Şirket eğitim danışmanı ile birlikte ortalama 500 çalışanın, kişisel gelişim ve mesleki eğitimlerini vermeye hala devam ediyoruz.

 

İK ve kişisel gelişim konularında yazıları yazdığınız bir blogunuz var. Bu blogu oluşturmaya ne zaman ve nasıl karar verdiniz? 

 

24 Nisan 2013 de İK’ya dair her şey… adıyla blogumu başlattım. Sanırım geç bile kaldım. İnanıyorum ki bilgi paylaşılmadıkça bir şey ifade etmez. Deneyimlerinizi, kazanımlarınızı paylaşmak hem sizi hem de çevrenizi güçlendirir. Kısaca bunun, hem insani hem de mesleki olarak bir görev olduğunu düşünüyorum. Modern,fütürist, inovatif bir İnsan Kaynakları yetkilisinin de teknolojiyi kullanmaması düşünülemez. Kısa bir araştırma ve planlamadan sonra bir kaç günlük süreçte blogumu açtım. Bugün çok beğendiğim paylaşımlarımla ilgili, ilerleyen süreçde, “ne kadar da acemice” diye düşündüğüm an iyi bir blogcu olacağıma inanıyorum.

 

İşe alım sürecinde kişisel blogların rolü nedir? Bloglar kişinin yetenek ve deneyimleri ile ilgili portföy olarak kullanılabilir mi? İnsanların uzman oldukları konuda blog yazmalarının kariyerlerine katkı sağladığını düşünüyor musunuz?

 

Hayat bir sunumdur! Blogunuz ise bir çok konuda, tecrübelerinizi, başarılarınızı paylaşabileceğiniz, mesleki yetkinliklerinizi sunabileceğiniz mükemmel bir alan. Emek harcanmış ve önemsenen bir blog, kariyerinizle ilgili bir görüşmede, söylemlerinize görsel destek olacaktır. Sanal ortamda kuracağınız bu kütüphane, işe alımcının hakkınızda ki fikirlerini olumlu yönde fazlasıyla etkileyecektir. Ayrıca blogla ilgili çalışmalar yaparken, araştırmanın size katacağı katkı da yadsınamaz.

 

CV’lerde blog veya Facebook, Twitter gibi sosyal ağ profillerinin yazılmasına İK profesyonellerin bakışı nedir? Modern bir CV'de blogların ve sosyal ağların yeri var mıdır?

 

Sosyal cv’ler artık hayatımızda. Bir çok firma klasik özgeçmişin yanı sıra sosyal cv’ler oluşturmanız için imkan da sağlıyor. Bu konu meslektaşlarımın arasında da oldukça tartışılır. Özel hayat ile iş arasında oluşturulması gereken sınırı kurmakta zorlanan gençlerimiz, iş başvurularında da maalesef bu dengeyi kuramıyorlar. Sahte profil resimlerinin ve bilgilerinin olduğu ya da şirket yapısıyla örtüşmeyecek paylaşımların olduğu sosyal profillerin, işe alımda dezavantajını yaşıyorlar. Bence modern cv’de adayın blog ve sosyal ağ adreslerini vermesi gerekli. Adayın hem bu teknolojinin bir parçası olduğunun bilinmesi hem de özüyle sözünün aynı olduğunu gösterebilmesi için son derece önemli.

 

Dünyada blog yazarlığı ciddi bir iş olarak olarak görülüyor. Markaların ve kurumların çoğu profesyonel blog yazarlarıyla çalışıyor. Sizce blog yazarlığı Türkiye’de de bir meslek olacak mı? Blog yazarlığının geleceğini nasıl görüyorsunuz?

 

Blog yazarlığı gerçekten ciddi bir iş. Oluşturduğum, henüz küçük bir çadır olan blogumda bile harcadığım zaman ve emek bu işin ciddiyetini anlamam için yeterli oldu. Burada sizin misyonunuzun önemine de değinmeden geçemeyeceğim. Yol göstericiliğinizi, başarılı çalışmanızı da gönülden kutluyor, işinize verdiğiniz öneme saygı duyuyorum. Lütfen bu profesyonellikle devam edin. Gençlerimizin iyi örneklere ihtiyacı var.

Özellikle Y ve Z kuşağı olarak tabir ettiğimiz(1980 sonrası doğan) siber gençlerimizin iletişim kanalı artık sosyal dünya. Markalar ve kurumlar da bu mecranın önemini biliyorlar. Elbette ki işi profesyoneline bırakmak, başarılı olmanın anahtarı olacaktır. Ülkemizde de vizyon sahibi şirketlerin, umulandan çok daha hızlı bir şekilde blog yazarlığının önemini anlayacağına eminim. Bu noktada bir sıkıntı yok. Sadece bir çok konuda olduğu gibi, uygulamamız, hayata geçirmemiz biraz geç olacaktır diye düşünüyorum. Optimist yaklaşırsak, bu zaman blog yazarlarının kendilerini yetiştirmeleri ve gelecekte vazgeçilmez bir mesleğe sahip olabilmeleri için bir avantaj olacaktır.

 

Bu keyifli ve yol gösterici söyleşi için çok teşekkür ederim.

 

Sizinle sohbet güzeldi. Teşekkür ederim.

 

 

Son Söz

 

Blog yazmak kariyer her alanında insanın hayatını olumlu etki edecek bir aktivite. Eğitim safhasında ileride yapmayı düşündüğünüz mslekle ilgili blog yazmak sizi teorik bilgi anlamında çok geliştirecektir. Devamında ise blogunuz sizin için bir portföy ve online itibar aracı olacaktır. Blog yazmaktan vazgeçmeyin.

 

Yazıyı bitirirken Saygı Günenç’e bir kez daha teşekkür ediyorum. Saygı Hanım’ın insan kaynakları, kişisel gelişim ve iş hayatına dair paylaşımlarını takip edebileceğiniz adresler şöyle:

 

- Blog: http://www.saygigunenc.com/

- Facebook: https://www.facebook.com/saygigunenc 

- Twitter: https://twitter.com/saygigunenc

- Linkedin: http://tr.linkedin.com/in/saygigunenc

19 Haziran 2013 Çarşamba

Bloglar Ve Blog Yazarlığı Neden Bu Kadar Popüler?

İlk bilgisayarımı alıp internetle tanıştığımda lise hazırlık sınıfındaydım. Bilen bilir o dönemlerin fenomeni mIRC adlı chat programıydı. Kıs sürede ben de kendimi yabancılarla chat furyasına kaptırmıştım.

 

Bilgisayarı daha iyi kullanmaya başladıkça ve internetin ne olduğunu kavradıkça yeni şeyler keşfetmem uzun sürmedi. Okulda üst sınıflardan bir arkadaşın olduğunu öğrendiğim ve ücretsiz bir host üzerine kurulan statik HTML siteyi görünce ilgim bir anda o noktaya kaymıştı ve kısa zamanda ben de temel HTML komutlarını öğrenerek ilk sitemi daha doğrusu web sayfamı yapmıştım :)

 

Üniversiteye yeni başladığım dönemde mIRC yerini MSN Messenger’a bırakmıştı. Sohbet teknolojisi ilerlerken web teknolojisinin yerinde sayması belkenemezdi elbette. HTML sitelerin yerini forumlar ve portallar almıştı. Tabi bunlarda da geri kalmadım ve gelişen web teknolojisine hemen adapte oldum.

 

O yıllarda yeni yeni yaygınlaşmaya başlayan bloglar ise benim üniversiteyi bitirdiğim dönemlere doğru patlama yaparak tüm dünyada olduğu gibi bizde de yaygınlaştı her geçen gün daha da popülerleşti. Peki neydi blogları ve blog yazarlığını bu kadar popüler yapan? Bu soruyu sosyal medyada takipçilerime sorarak imece usulu bir yazı ortaya çıkarmak istedim. Sağolsunlar ilgi gösterip cevaplayanlar oldu ve ortaya böyle bir yazı çıktı.

 

Bloglar Ve Blog Yazarlığı Neden Bu Kadar Popüler?

 

 

Herkes Kolaylıkla Blog Oluşturabiliyor

 

Engin Gürşen blogların ücretsiz bir şekilde, teknik bilgi gerektirmeden kolaylıkla açılabilen ve yönetilebilen sitemler olmasının bloglraı cazip kıldığnı yazdı.

 

 

Kendini İfade Etmenin En Etkili Yollarından Biri Blog Yazmak

 

Gizem Sakallı, Nagehan Kadıoğlu Öge, Hasan Ekşi ve @aayparcasii ise insanların kendilerini ifade etmek ihtiyaçlarını karşıladığı, birilerine bir şeyler anlatmanın en kolay yolu blog yazmak olduğu için blogların bu kadar popüler olduğunu yazdılar.

 

 

Beğenilme İhtiyacı Ve Popüler Olma İsteği

 

Evde yazar, Eren Evren ve @Tancello ‘ya göre pek çok kişi blog yazarak ün belli bir üne kavuşmak ve takip edilmek istiyor. Önlerinde Pucca gibi bir örnek varken bunu doğal karşılamak gerekir.

 

 

Blog Yazarak Kolay Para Kazanıldığına Olan İnanç

 

Yine Engin Gürşen, Evde Yazar ve @56denklem; insanların blog yazarak kolay para kazanıldığa olan inançlarından dolayı blog oluşturduklarını ve bu sayede blogların popülaritesinin arttığını düşünüyorlar.

 

 

Yazma İhtiyacı

 

Gürkan Bilgisu ve Emre Demirer’in dediği gibi bir şeyler karalama, bilgiyi ortaya koyma ve insanlara yardımcı olmanın en etkili yollarından birinin blog yazmak olduğunu göz önüne alırsak bu düşüncedeki kişilerin neden bloglara ilgi gösterdiklerini daha iyi anlayabiliriz.

 

 

Yazar Ve Okuyucu Arasındaki Etkileşim

 

Ruhsuz Atmaca olaya farklı bir açıdan yaklaşarak boglara olan ilgiye okuyucunun aşısından baktı. Bloglar  okuyucuyla yazar arasında bir köprü oluşturuyor ve iki taraf arasında samimi bir bağ kuruyor. Bu yüzden insanlar blog okumayı çok seviyor. Bu da blogların popüler olmasındaki önemli etlkenlerden biri.

 

 

O Açmış, Benim Neyim Eksik?

 

Yukarıdaki tüm etkenlere katılmakla beraber özenme ve taklit etmenin de blogların popüler olmasında önemli etkenlerden biri olduğunu düşünüyorum. Biraz daha açıklamam gerekirse “onun şöyle bi blogu var, benim neden yok?” mantığıyla açılmış binlerce blog olduğunu ve blogların bu şekilde viral bir etkiyle giderek popülerleştiğini düşünüyorum.

 

 

Diğer web trendlerinin aksine blogların daha uzun ömürlü olacağını ve giderek önemini arttıracağını düşünüyorum. Artık yaş da geçiyor, yeni bir web teknolojisine ayak uydurabileceğimi hiç sanmıyorum :) Bloglar iyidir, kalsın….

 

Bu arada sosyal medya hesaplarımdan sorduğum soruya cevap vererek bu yazının ortaya çıkmasında yardımcı olan, yukarıda isimlerini yazdığım arkadaşlarıma bir kez daha teşekkür ederim. Bu şekilde imece bir yazı oluşturmak bana çok keyif verdi. Eğer okyucunun da ilgisini çekerse ileride benzer şekilde yazılar oluşturmak isterim.

 

Yorumlarınızı bekliyorum!

14 Haziran 2013 Cuma

Blogger’da Yön Tuşlarıyla Sayfalar Arasında Geçiş Yapmak

Google, hem içerik hem de tasarım konusunda web yöneticilerinden kullanılabilirliği yüksek siteler oluşturmasını istiyor. Blog tasarımında kullanılabilirlik dendiğinde aklıma gelen şey kullanıcı dostu site oluşturmak. Bunun için neler yapılabilir? Kullanıcıların farklı cihaz ve sistemlerden kolay erişebildikleri, aradıklarını kolayca bulabildikleri ve site içerisinde rahat bir şekilde dolaşabildikleri bloglar yaratılabilir.

 

Bu yazıda ziyaretçilerin blog içerisinde gezmelerini çok kolaylaştıracak bir navigasyon sisteminden bahsetmek istiyorum.

 

Blogger şablonlarının çoğunda navigasyon önceki kayıtlar– daha yeni kayıtlar linkleri şeklindedir. Daha önce standart navigasyonu özelleştirebileceğiniz bazı alternatifler paylaşmışıtım. Bunlar:

 

1. Navigasyon Linklerini Resimle Değiştirmek

2. Numaralı Sayfa Navigasyonu

3. Blogger’da Yazıları Sonsuz Kaydırma İle Yükleme

 

Bu kez çok daha farklı bir navigasyon yöntemini paylaşmak istiyorum. Sayfalar arasındaki geçişi sadece klavyedeki yön tuşlarını (⇦ ⇨) kullanarak yapabileceksiniz.

 

Yön Tuşları

 

Bunun için Blogger kumanda paneline girdikten sonra Şablon > HTML’yi Düzenle yolunu takip ettikten sonra Ctrl + F tuş kombinasyonunun yardımıyla </head> kodunu bulun ve hemen üzerine aşağıdaki kodları ekleyin.

 

<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>

 

Bu kodu ekledikten sonra eklenti çalışmaya başlayacaktır fakat ziyaretçilerinizin bu özelliği kullanması için özellikten haberdar olmaları gerekir. Şimdi ziyaretçilerinize bu uyarıyı yapmak için küçük bir kod ekleyelim.

 

Blogger şablonlarında Önceki kayıtlar – Daha yeni kayıtlar linklerini temsil eden şu kodu bulun:

 

<b:include name='nextprev'/>

 

Bunun hemen altına uyarı mesajınıa ait şu kodları ekleyin

 

<div style='border:solid 1px #DEDEDE; background:#FFFFCC url(http://icons.iconarchive.com/icons/famfamfam/mini/16/icon-alert-icon.png) 8px 6px no-repeat; color:#222222; font-weight:bold; padding:4px;          text-align:center; '>Sayfalar arasında geçiş yapmak için klavyeden yön tuşlarını (&#8678;  &#8680;) kullanabilirsiniz.</div>

 

Uyarı mesajı blogunuzda şu şekilde gözükecektir:

 

Navigasyon Uyarı Mesajı

 

Bu uygulamayı beğendiyseniz aşağıdaki  paylaşım butonlarını kullanarak arkadaşlarınızla paylaşın lütfen.

 

İyi bloglar!

12 Haziran 2013 Çarşamba

BH Okuyucularına Özel Sosyal Paylaşım Butonları Kutusu

Yazılarınızın sosyal ağlarda paylaşılmsı hem ziyaretçi sayınızın artması, hem de SEO açısından çok önemli. Bunun için blog yazılarınızın altına mutlaka sosyal paylaşım butonları eklemelisiniz.

Blogger’ın kendi paylaşım butonları olmasına rağmen efektifliği ve dikkat çekiciliği tartışılır. Sosyal paylaşım butonlarınız okuyucunun ilgisini ne kadar çok çekerse yazınızın paylaşılma ihtimali o kadar artar. Bu yüzden Blog Hocam okuyucularına özel sosyal paylaşım eklentisi kodladım. Eklentiye en popüler sosyal ağlar olan Facebook, Twitter, Google+, Pinterest ve LinkedIn butonlarını ekledim.

 

Sosyal Paylaşım Butonları

 

Bu sosyal paylaşım butonlarını blogunuza eklemenin 2 aşaması var. İlk olarak Şablon > HTML’yi düzenle yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardmıyla ]]></b:skin> kodunu bulun. Bu kodun üzerinde bir yere aşağıdaki stil kodlarını ekleyin.

 

/* Blog Hocam Sosyal Paylaşım Butonları Eklentisi */
#bh-paylas {
border:1px dotted #000;
padding-left:65px;
background: #ffc039;
padding-top:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

ul.bh-sosyal {
list-style:none;
display:inline-block;
margin:auto;
}
ul.bh-sosyal li {
display:inline;
float:left;
background-repeat:no-repeat;
margin:auto;
}
ul.bh-sosyal li a {
display:block;
width:50px;
height:50px;
padding-right:40px;
position:relative;
text-decoration:none;
}
ul.bh-sosyal li.bh-facebook {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgx2a0puK2NXkFt7GzucVzcyXFixEVKtSQNlqVZSKm_mEBv97mJxAk0SwlzHTozkNcvgws4jc-DuUctYNFu4-KQmktnuYpwFXmlGmvlQLBfz-6NBvm79zgsqIoVVc8QdurgZYUIOvLALwd/s48/Facebook.png);
}
ul.bh-sosyal li.bh-twitter {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU4kRlj_TGeRrLTOpmt8A74FAv-ZNc1_IgCqOHBsvgY08Rhg_p4sLUgnVo4P722bThHxtm127bezxMo9EPw8MN3rbXsVtj6h8d3Df7iHBjCEsTmO6GJPN7j0QyADF4BENHat1Jr5sO3A32/s48/Twitter2.png);
}
ul.bh-sosyal li.bh-googleplus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpvG28Ah2YKSOJ2_xvbIRvqkkPSMiHJTdkq56E7sgsIRH4r13-Mhj8ScmSQDjLOI90sI9uwUUMVD9a6MX1LFLKVv2yjnU8LjZ9y_Ko-BeZ2SSdBY3s_FmEFYbVLjcYvUqf6ea3lEE5KYO/s48/Google%252B.png);
}
ul.bh-sosyal li.bh-pinterest {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijouePlyWCj-9xPY9Vkrylmtgfe0rDvwNvNHcyS6tkhkrLYRlSrUggv5Lg4ixFReDKCuddd8tRyQvi4qljCqPD54NJj4w4IKYwGkntkROJPQQErO104dUljdIxR4_HFrir6xb2y5fA4GDG/s48/Pinterest.png);
}
ul.bh-sosyal li.bh-linkedin {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaf14oFX99SasUhWsCxKazuuOzqe8eMiD7Ra3g9TQ4OM-lshapR8krFDWL4xWneGNSFb8XAWcGrpvRJoNxeLnk0SnvNuGHgOPdvYzFLovAi9t5KBSMqS508GzG2bpBrX7zARpAIGiFaAxO/s48/Linkedin.png);
}

 

!!! Resimde gördüğünüz gibi sosyal paylaşım butonlarının olduğu kutunun arka plan rengi turuncu. Bu renk her blog tasarımına uyguhn olmayabilir. Eğer değiştiirmek isterseniz #ffc039  yerine başka bir renk kodu yazabilirsiniz.

 

İkinci aşama için yine Ctrl + F tuş kombinasyonuyla açılan arama kutusunu kullanarak <div class='post-footer'> kodunu bulun ve hemen üzerine aşağıdaki HTML kodlarını ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bh-paylas'>
<ul class='bh-sosyal'>
<li class='bh-facebook'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow'/>
</li>
<li class='bh-twitter'>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank'/>
</li>
<li class='bh-googleplus'>
<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank'/>
</li>
<li class='bh-pinterest'>
<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'/>
</li>
<li class='bh-linkedin'>
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' target='_blank'/>
</li>
  </ul></div>
</b:if>

 

!!! <div class='post-footer'> kodunu aradığınızda birden fazla sonuç çıkar ve sadece biri doğru koddur. Eğer HTML kodlarını ekledikten sonra sosyal paylaşım butonları gözükmüyorsa yanlış yere eklemişsiniz demektir. Diğer yeri deneyin.

11 Haziran 2013 Salı

Blogger Resimli Son Yazılar Eklentisi (Animasyonlu)

Blogger animasyonlu, Resimli Son Yazılar Eklentisi

Blogunuza ekleyebileceğiniz bu eklenti animasyonlu, Resimli, son yazdığınız yazılarınızın kayarak aşşağı doğru akarak, listeleyen, bir jquery eklentisi. Bu klasik son yazılar eklentisilerinden farklı, dönerek zoom resim animasyonuyla sitenize renk katacak çok şık bir eklenti. Örnek için blogumun alttaki footer bölümüne bakabilirsiniz.
● Blogger animasyonlu, Resimli Son Yazılar Eklentisi.
● Aşağıya doğru kayan Jquery stil.
● Animated Scrolling Recent Post Widget.

Aşşağıdaki eklenti oluşturucuyla eklentinizi oluşturabilir,blogunuza ekleyebilirsiniz.

1. Kumanda paneline giriş yapın.
2. Yerleşim › Gadget ekle › HTML/Javascript bulun.
3. Aşağıda Oluşturduğunuz kodu kopyalayıp yapıştırın.


Yada aşağıdaki kodu manuel olarak blogunuza ekleyebilirsiniz.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
#MEF-widget{overflow:hidden;margin-top:5px;height:385px;padding:0;}
#MEF-widget ul{width:295px;overflow:hidden;list-style-type:none;margin:0;padding:0;}
#MEF-widget li{width:282px;list-style-type:none;float:none;height:80px;overflow:hidden;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiamPG3F6IhSVvb5_-ux7lr85wHxT1P1hSxbGCV55pn5YPlcI1QMVdN2y95OHUTq5Kj6cnsxI_ePJeV_DaR1EN5TTOXrvfscKdS0d4dKlfzVwCVlxJc_RDjB20rUmlxKS55CgIkPddE4-s0/s1600/Son_Konularmef.jpg) repeat-x;border:1px solid #ddd;margin:0 0 5px;padding:5px;}
#MEF-widget li a{text-decoration:none;color:#4B545B;font-size:13px;height:18px;overflow:hidden;margin:0;padding:0 0 2px;}
#MEF-widget img{float:left;margin-top:10px;margin-right:15px;background:#EFEFEF;border:0;}
#MEF-widget img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background:-webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7);-moz-box-shadow:0 0 3px rgba(0,0,0,.7);box-shadow:0 0 3px rgba(0,0,0,.7);padding:4px;}
#MEF-widget img:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
.spydate{overflow:hidden;font-size:10px;color:#0284C2;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;margin:1px 0 0;padding:2px 0;}
.spycomment{overflow:hidden;font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;margin:0;padding:0;}
</style>
<script type='text/javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "Yorum";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://MeftunMede.Blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="MEF-widget">
<script src='http://meftun-mede.googlecode.com/svn/trunk/Resimli_kayan_son_konular_eklentisi.js' type='text/javascript'></script>
</div>

Kod içinde;
boxwidth : Eklentinin genişliğini ayarlayabilirsiniz.
numposts : Konu sayısını ayarlayabilirsiniz.
limitspy : Eklentide görünen kolon sayısı.
intervalspy : kaydırma hızı.
home_page: blogunuzun adresini yazın.(Sonundaki "/" slash sembolu kalacak.)

Kodu denemek için Online html editor'ü kullanabilirsiniz.Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...