Taso dendiğinde aklımızın kalktığı o yıllar neydi öyle ? Büyük bir hayranlıkla Pokemon çizgi filmini izlerdik ilk başta. Daha sonra da cipslerin içinden çizgi filmdeki hayvanların maketlerini çıkartmaya bakardık paketlerin içinden.. Tabi biz cips paketlerini alırken işi sadece Şans kavramına bırakırdık. Fakat benim uyanık arkadaşım bunun da yöntemini bulmuştu! Paketi ilk başta inceler gibi eline alırdı ve parmaklarıyla mıncıklardı içinde taso varmı yokmu diye ! Ve o şekilde bir sürü tasomuz olmuştu o arkadaşın üçkağıtçılığıyla :) Daha sonra da gözü doymayan biz insanoğlu elimizdekiyle yetinmeyip daha çoğuna göz dikerdik.Mahallede elinde tasosu olan hemen birbirini utmak için(kazanmaya utma derlerdi bizim çocukluğumuz) oyuna dalarlardı. Bir süre sonra bu kervana bende dahil olmuştum. Sürekli döğüşürdük bu taso yüzünden. Ben çoğu zaman karşımdakini yenerdim ve onun ellerindekini alırdım hemde acımasızca :) Ama gelin görün ki bu her zaman böyle olmuyordu. Bazen yendiğim halde tasolarını alıp kaçardı kişiliksiz çoçuklar :P Az para da vermedik hani şu tasolar için!
Kimi zaman cipslerde taso çıkmazdı bizde onun yerine diğer çocuklardan paralı olarak alırdık, akla bak sen :) Bu tasoların hayatımda büyük önemi olmuştur. Küserken taso, barışırken yine taso. Bazen kimsenin taso oynamadığı zamanda elimdeki bir yığın plastik parçası anlamsız kalırdı. Bazen sinirlenip hepsini kırdığımda olmuştu ve bir daha başlamayacaktım tasoya. Ama içimdeki tasoya karşı olan aşk tekrar başlamamı da beraberinde getirmişti.
Tabi bu tasolar sadece erkek evlatları için geçerliydi. Kızlar bu oyunlarda zerre tat almazlardı ve haklılardı da aslında :) Şu an çok anlamsız olduğunu düşünüyorum ama küçüklüğümde yeri çok başkaydı. Eminim taso oynayan birçok blogcu vardır şu İnternet dünyasında :) Neyse biraz fazla oldu galiba yazı. Çocukluğumdan kalanları aklıma estikçe yazıyorum işte :) Son olarak şunu sorarak bitireyim yazıyı ? Sizin tasodaki kahramanınız kimdi ? {Benim ki pikacuydu :P}
Bakın bu da pikachuyu anımsatacak bir video :p :
Birçok ziyaretçinin benden istemiş olduğu bu eklentiyi ancak şimdi anlatabileceğim. Bu yazında sitemde sağ alt tarafta bulunan "Panaroma" tab menüsünün bir benzerinin nasıl yapılacağını anlatacağım. Aslında bu eklenti sadece blogger için değil wordpress bloglarınızda da deneyin çalıştığını göreceksiniz. İsterseniz bu eklentinin nasıl yapılacağına geçelim hemen:Eklentinin çalışır haline ***DEMO*** adresinden bakabilirsiniz.
Öncelikle tab menümüzün CSS kodlarını </b:skin> kodundan önce ekliyoruz:
/* Tabmenu
----------------------------------------------- */
.hptabber {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 15px 10px 0px 10px;
border: 1px solid #C0C0C0;
}
.tabberlive .tabbertabhide {
display: none;
}
.tabber {
0px;
}
.tabberlive {
margin-bottom: 10px;
}
ul.tabbernav {
margin: 0px;
padding: 0px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
}
ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a {
padding: 0px;
border-bottom: none;
text-decoration: none;
}
ul.tabbernav li a:link {
background: #DADADA;
color: #222222;
margin: 0px 5px 0px 0px;
padding: 5px 10px 4px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
ul.tabbernav li a:visited {
background: #DADADA;
color: #222222;
}
ul.tabbernav li a:hover {
background: #F7F7F7;
color: #222222;
text-decoration: none;
}
ul.tabbernav li.tabberactive a {
background: #F7F7F7;
color: #222222;
padding: 5px 10px 5px 10px;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
ul.tabbernav li.tabberactive a:hover {
background: #DADADA;
color: #222222;
}
.tabberlive .tabbertab {
background: #F7F7F7;
color: #222222;
margin: 3px 0px 0px 0px;
padding: 15px 15px 5px 15px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.tabberlive .tabbertab h2 {
display: none;
}
.tabberlive .tabbertab h3 {
display: none;
}
.tabbertab cite {
font-size: 11px;
margin: 0px;
padding: 0px;
}
.tabbertab p {
font-size: 12px;
margin: 0px 0px 10px 0px;
}
CSS kodumuzu ekledikten sonra </head> kodundan önce şu kodu ekliyoruz:
<script src="http://konfor.enesilhan.net/tema/tabmenu/Tabber.js" type="text/javascript">
</script>
Daha sonrada bu tab menüyü blogumuzun neresine koymak istiyorsak şu yöntemi deneyeceğiz. "HTML'yi Düzenle" kısmına gireceğiz. ve "Widget Şablonlarını Genişlet" tikini aktif hale getirdikten sonra CTRL+F arama kombinasyonu sayesinde blogumuzun herhangi bir gadgetimizin olduğu yere ekleyeceğiz. Mesela benim blogumdan örnek vereyim daha iyi anlamanız açısından: Blogumun en üst sidebarında "Abonelik Seçenekleri" gadgeti var. Ve ben bunu HTML'yi düzenle kısmında aratınca şöyle bir kod kümesiyle karşılacağım:
<b:section class="sidebar" id="profilebox" showaddelement="yes">
<b:widget id="HTML11" locked="false" title="Abonelik Seçenekleri" type="HTML"> </b:widget></b:section>
İşte sizde blogunuzda bu eklentiyi hangi gadgetten önce veya sonra eklemek için gadgetinizin ismini html'yi düzenle kısmından bulduktan sonra şu kodları ekleyeceksiniz:
<div class='hptabber'>
<div class='tabber'>
<div class='tabbertab'>
<h2>Hikaye 1</h2>
Bu kadarmıydı diyor genç kız ?
Bu kadarmıydı sevgin?
Delikanlı alaylı bir tavırla..
Ya ne sandın seni sevdiğimi mi?
Genç kız yıkılmıştı telefon başında.
Bir şey söyleyemedi ağlıyordu sessizce..
Bir ara delikanlı kızın ağladığını duydu..
Ne o yine konuşmuyorsun ağlıyorsun demek....
Üzülme canım o da geçer..
Yoksa ben bıraktım diye mi ağlıyorsun..
Olsun senin bıraktığını söyleriz.
Kız hıçkırıklar içinde çıkan boğuk sesiyle...
Bardağı taşıran bu son söze dayanamadı...
<div class='clear'/>
</div>
<div class='tabbertab'>
<h2>Hikaye 2</h2>
Anlamadın ki sersem.
Sen veya baskaşı ne farkeder..
Ayrılığımıza ağlıyorum.
Sana ve senin acınacak haline ağlıyorum.
Genç kız oysa bunları söylerkende seviyordu..
Daha öncede sevmişti, sevecekti.
Ama yapılacak bir şey yoktu.
Bu sözler karşısında direnen gururu vardı.
Bir tarafta gurur bir tarafta sevgi..
Ve sonunda sevgi ağır bastı.
Telefonu kapatırken delikanlı..
Soğuk bir tavırla "ELVEDA" dedi..
Kız ise gururunu ayaklar altına alarak..
Hıçkırık sesiyle "SENİ SEVİYORUM" dedi.
Telefonu kapatırken delikanlı düşündü..
<div class='clear'/>
</div>
<div class='tabbertab'>
<h2>Hikaye 3</h2>
Niye yapmıştı oysa oda seviyordu.
Ve sevdiğini itiraf etmek için tekrar aradı..
Ama geç kalmıştı..
Telefon cevap vermeyince hemen kızın evine koştu..
Kalabalıktı evin önü şaşırdı ve..
Ardından acı bir siren sesiyle irkildi..
İçeriden ağzının kenarında kan bulunan soğuk bir ceset çıktı..
Delikanli yıkıldı ve gözyaşlarını tutamadı..
elveda demedim!!! UYAN!!! dediyse de uyanmadı genç kız.
Bir ara elindeki buruşmuş kağıt parçası ilişti.
Gözü buğulanmış gözlerini silerek okudu..
Şöyle diyordu genç kız:
TÜM SEVENLERE VE SEVİLENLERE İBRET OLSUN!!!
<div class='clear'/>
</div>
</div> </div>Hikaye 1-2 ve 3 olan kısımlara istediğiniz kodları ekleyebilirsiniz arkadaşlar.Sormak istediğiniz yer olursa yorum kısmında belirtebilirsiniz. Kolay gelsin, bir daha ki yazıda görüşmek üzere.
Gün geçtikçe Blogger yeni yeni şeyler çıkarıyor. Son çıkan bu bağlantı wordpress bloglarının bazılarında yer alan "Cevap Ver" butonu ile aynı görevi görüyor. Bana göre tek eksiği ise pop-up yorum formunda açılması.,başka bir deyişle farklı bir pencerede açılması. Yani şu an ki kullandığımız form ile uyumlu değil. Ben baya uğraş verdim yeni formda çıkması için ama yapamadım. Ama bu şekliyle de çok güzel duruyor. Şu an blogumda zaten kullanıyorum. İsterseniz bu bağlantının nasıl yapıldığına geçelim:Bu bağlantıyı yapmak için Blogger hesabımıza giriş yapıp "HTML'yi Düzenle" kısmına girmeliyiz. ve "Widget Şablonlarını Genişlet" tikini aktif hale getirmeliyiz. Daha sonra CTRL+F tuş kombinasyonu ile <data:comment.body/> kodunu bulalım. Kimilerinde bu kod farklılık gösterebilir. Mesela ben <data:commentPostedByMsg/> kodundan sonra ekledim. Sizde şablonunuzda yorum kısmında en iyi yer neresi ise oraya ekleyebilirsiniz. Bu iki koddan birini bulun ve hemen altına şu kodları yapıştırın:
<a expr:href='"https://www.blogger.com/comment.g?blogID=4670345394219772331&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=400"); return false;' title='Bu kişinin yorumuna bir çift sözüm var diyorsan tıkla..'><b>Bu Yorumdan |Alıntı Yap|</b></a>Evet yapmamız gereken sadece bu kadar. Yukarıdaki 4670345394219772331 İD'si yerine siz kendi Blogger İD'nizi yazacaksınız. İsterseniz bu bağlantıyı CSS ile şekillendirip daha güzel bir hale getirebilirsiniz. Sormak istediğiniz yer olursa ben buradayım, sorularınıza yardımcı olabilirim elimden geldiğince.
Daha önce 
Ne zamandır "Blogger İpuçları" kategorisi altında yazı yayınlamıyordum. Bugün güzel bir uyarı eklentisi ile karşınızdayım. Özellikle tanıtım yazılarından bunalan okurlar için bu yazı belki de ilaç gibi olacaktır.Neyse lafı fazla uzatmadan eklentimize geçelim. Bugün kü eklentimiz artık miladı gerçekten dolan İnternet Explorer 6 tarayıcısından kurtulmak için hazırlandı. Yukarıdaki resimden de anlaşılacağı üzere eklenti, sitenize İE6 ile uğrayan ziyaretçilerinize alternatif tarayıcılar sunuyor. Hazırsak nasıl yapılacağını anlatmak istiyorum hemen:Öncelikle bu eklentiyi yapmak için Blogger hesabımıza giriş yapıp "HTML'yi Düzenle" kısmına girmeliyiz. ve "Widget Şablonlarını Genişlet" tikini aktif hale getirmeliyiz. Daha sonra CTRL+F tuş kombinasyonu ile <head> kodunu bulalım ve hemen altına şu kodları yapıştıralım:
<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href="#" mce_href="#" onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src="http://i50.tinypic.com/qwwqoz.jpg" mce_src="http://i50.tinypic.com/qwwqoz.jpg" style="border: none;" mce_style="border: none;" alt='Uyarıyı Kapat' /></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 60px; float: left;'><img src="http://i47.tinypic.com/4jrztv.jpg" mce_src="http://i47.tinypic.com/4jrztv.jpg" alt='Uyarı!' /></div> <div style='width: 320px; float: left; font-family: Arial, sans-serif;'> <div style="font-size: 14px; font-weight: bold; margin-top: 12px;" mce_style="font-size: 14px; font-weight: bold; margin-top: 12px;">Çok dandik bir tarayıcı kullanıyorsunuz!</div> <div style="font-size: 12px; margin-top: 6px; line-height: 12px;" mce_style="font-size: 12px; margin-top: 6px; line-height: 12px;">Oops! Malesef miladı dolmuş olan bir tarayıcı kullanıyorsunuz.Daha iyi bir deneyim için lütfen web tarayıcınızı güncel bir sürüme yükseltiniz.</div> </div> <div style='width: 65px; float: left;'><a rel="nofollow" href="http://download.microsoft.com/download/C/B/7/CB7C2809-EB9C-4640-90CE-8E98E641BA64/IE8-WindowsXP-x86-TRK.exe" mce_href="http://download.microsoft.com/download/C/B/7/CB7C2809-EB9C-4640-90CE-8E98E641BA64/IE8-WindowsXP-x86-TRK.exe" target='_blank'><img src="http://i49.tinypic.com/1zlag47.jpg" mce_src="http://i49.tinypic.com/1zlag47.jpg" style="border: none;" mce_style="border: none;" alt="Internet Explorer 8 Yükleyin" /></a></div> <div style='width: 65px; float: left;'><a rel="nofollow" href="http://www.mozilla-europe.org/tr/firefox/" mce_href="http://www.mozilla-europe.org/tr/firefox/" target='_blank'><img src="http://i48.tinypic.com/2hicabr.png" mce_src="http://i48.tinypic.com/2hicabr.png" style="border: none;" mce_style="border: none;" alt='Firefox 3.6 Yükleyin' /></a></div> <div style="float: left;" mce_style="float: left;"><a rel="nofollow" href="http://www.google.com/chrome" mce_href="http://www.google.com/chrome" target='_blank'><img src="http://i46.tinypic.com/208ff61.jpg" mce_src="http://i46.tinypic.com/208ff61.jpg" style="border: none;" mce_style="border: none;" alt='Google Chrome Yükleyin' /></a></div> </div> </div> <![endif]-->
Ve Şablonu Kaydet diyip artık çıkabiliriz kontrol panelinden. Evet hepsi bu kadar ! Artık sitenize İE6 tarayıcısından girenler bu uyarıyı daima görecekler. Bu uyarıdan çok sıkıldıklarında onlar için düşünülmüş bir çarpı butonu da var oradan kapatabilirler :) Sormak istediğiniz bir şey varsa çekinmeyin..
Gün geçmiyor ki Blogger yeni bir özellik getirmesin sevgili seyirciler ! Yenilik üzerine yenilikler beni artık pek şaşırtmıyor fakat biz Blogger kullanıcıları bu kadar yeniliğe alışık değiliz :) Zırt pırt yeni özellikler derken Blogger artık kendini iyiden iyiye aşmaya başladı :) Bugün gördüğüm son özellik ise Blogger kullanıcılarının sayfasına eklenmiş olan "İstatistikler" sekmesi.Çok şaşırmadım ama ben özellikle yazıların okunma sayısını veren bir özellik sandım fakat değilmiş. Google Analytics'i çok andıran bir istatistik servisi yapmışlar. Yazıların anasayfada kaç defa okunduğunu gösterir mi bilmiyorum ama Draft blogger panelinde yazıların kaç defa okunduğunu tüm ayrıntılarıyla gösteren özellik eklenmiş bile. Herkese hayırlı uğurlu olsun ve de bu özellik son olmasın inşallah. Şimdilik draft blogger panelinden görülebiliyor bu özellik belki normal blogger panelinde de vardır orayı kullanmadığım için bilemiyorum. Hemen gözüme çarpan resimleri buraya koyayım:
