CSS İle Uyarı Mesajı Kutuları Yapalım

<p>Bu yazıda, blog yazılarınızda bir mesaj vermek veya uyarı yapmak istediğinizde kullanmanız için ikonlarla desteklenmiş mesaj kutuları yapmayı anlatacağım.Bu mesaj kutrtularını CSS teknolojisi ile yapcacağız.Bu örneklerden yola çıkarak siz de benzer kutular ve paneller oluşturabilirsiniz.Başlamadan önce her blogcunun bilmesi gerektiğini düşündüğüm ve bu mesaj kutularını oluştururken kullandığımız CSS’ten bahsetmek istiyorum.</p> <p> </p> <p><a href="http://lh3.ggpht.com/-MSRITR6ItZQ/T4alt1xF_tI/AAAAAAAACs4/tH3-sLc5jwc/s1600-h/CSS-uyari-mesaj-kutulari5.png" target="_blank"><img alt="CSS İle Uyarı Mesajı Kutuları" border="0" height="155" src="http://lh5.ggpht.com/-3p40XdIJpZ0/T4alu56LThI/AAAAAAAACs8/g8c5L2jCEyk/CSS-uyari-mesaj-kutulari_thumb3.png?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="CSS İle Uyarı Mesajı Kutuları" width="525" /></a></p> <p> </p> <h4>CSS Nedir?</h4> <p> </p> <p>CSS (Cascading Style Sheets) yani stil şablonları; HTML’e ek olarak web sayfalarına daha çok görsellik katmak için geliştirilmiş bir web teknolojisidir.CSS le bir web sayfasındaki öğelerin rengini, boyutunu, konumunu ve bir çok özelliğini kolayca ayarlayabiliriz.</p> <p> </p> <p>Blogger şablonlarında CSS kodları <strong>]]></b:skin></strong> kodunun üzerindeki bölümde bulunur.CSS öğrenerek  belki kendi temanızı sıfırdan yapamazsınız ancak mevcut temalarda değişiklikler yapabilirsiniz.CSS hakkında daha detaylı bilgiler bulmak için <a title="Fatih Hayrioğlu" href="http://www.fatihhayrioglu.com/" target="_blank">Fatih Hayrioğlu’nun blogunu</a> ziyaret edebilirsiniz.</p> <p> </p> <p>Gelelim mesaj kutularını oluşturmaya.Öncelikle şablonumuza kutuların görünümünü tanıtmak için gerekli CSS kodlarını ekleyeceğiz.Bu kodları yukarıda da bahsettiğim gibi şablonumuzun <strong>]]></b:skin></strong> kodunun üstüne yazacağız.Örnek olarak 3 ayrı uyarı kutusu oluşturacağız.Siz bu örneklerden faydalanarak kendi mesaj kutularınızı oluşturabilirsiniz.Kodlar şöyle:</p> <p> </p> <blockquote> <p>.dikkat{ <br />        border:solid 1px #DEDEDE; <br />        background:#FFFFCC url(<a href="http://icons.iconarchive.com/icons/famfamfam/mini/16/icon-alert-icon.png)">http://icons.iconarchive.com/icons/famfamfam/mini/16/icon-alert-icon.png)</a> 8px 6px no-repeat; <br />        color:#222222; <br />                font-weight:bold; <br />        padding:4px; <br />        text-align:center; <br />    } <br />    .onay{ <br />        border:solid 1px #90ac13; <br />        background:#eef4d3 url(<a href="http://icons.iconarchive.com/icons/famfamfam/silk/16/accept-icon.png)">http://icons.iconarchive.com/icons/famfamfam/silk/16/accept-icon.png)</a> 8px 6px no-repeat; <br />        color:#6b800d; <br />        font-weight:bold; <br />        padding:4px; <br />        text-align:center; <br />    } <br />    .yasak{ <br />        border:solid 1px #CC0000; <br />        background:#F7CBCA url(<a href="http://icons.iconarchive.com/icons/famfamfam/silk/16/delete-icon.png)">http://icons.iconarchive.com/icons/famfamfam/silk/16/delete-icon.png)</a> 8px 6px no-repeat; <br />        color:#CC0000; <br />        font-weight:bold; <br />        padding:4px; <br />        text-align:center; <br />    }</p> </blockquote> <p> </p> <p>Kodlarda dikkkat, onay ve yasak isimli 3 ayrı kutunun görünümü belirttik.Şimdi sıra bu kodları kullanmaya geldi.</p> <p> </p> <p>Blogunuza yeni kayıt oluştururken HTML’yi Düzenle bölümünü açın ve buraya aşağıdaki kodları yazın:</p> <p> </p> <blockquote> <p><div class="dikkat"> <br />Blog Hocam Dikkat Mesaj Kutusu</div></p> <p> <br /><div class="onay"> <br />Blog Hocam Onay Mesaj Kutusu</div></p> <p> <br /><div class="yasak"> <br />Blog Hocam Yasak Mesaj Kutusu</div> <br /></p> </blockquote> <p> </p> <p>Bu örneklerden yola çıkarak farklı CSS kodları kullanabilir ve kendi özel mesaj kutularını oluşturabilirsiniz.</p>

CSS İle Uyarı Mesajı Kutuları Yapalım

Bu yazıda, blog yazılarınızda bir mesaj vermek veya uyarı yapmak istediğinizde kullanmanız için ikonlarla desteklenmiş mesaj kutuları yapmay...

Devamı »

İlk Windows 8 'li telefon çıktı!

Nokia ile Microsoft işbirliği daha ilk duyurulduğu günden beri şaşırtmaya devam ediyor. Nokia, Microsoft firmasının çıkarmış olduğu mobil işletim sistemleri için donanımcı firması olmaya devam ediyor. Nokia ile Microsoft'un anlaşması mobil cihaz sektöründe büyük bir etki yarattı.<br /><br /><br /><br />Nokia, bildiğiniz üzre MeeGo ile olan anlaşmasına kısa bir süre önce henüz başlamadan son vermişti. Bu alınan karar Nokia telefonlarda Linux tabanlı bir işletim sistemi görme hayalini aynı zamanda suya düşürmüştü. Microsft ile anlaşması gereği ilk Windows Phone 7'li telefonlar üretilmeye başlamış, yakın zaman içinde hayatımızdaki yerini almıştı.<br /><br /><br /><br />Geçtiğimiz haftalarda haberini aldığımız yeni işletim sistemi Windows Phone 8'e ait ilk görüntüler nihayet internete düştü. Yeni düşen fotoğraflarda Microsoft ile Nokia'nın ortaklığından elde edilen bir ürün yer alıyor.PhoneArena tarafındanWindows Phone 8 olduğu iddiaa edilen bu telefonun tasarım bakımından oldukça hoş durduğunu söleyebiliriz<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIl-fRiRBh99-C9cKSqzBtoNsfo5mCrcPasv2S6xtL8qo3QJkDEMSo-mSZECQwprDYEpJ3wPM4r8zrSCrFw6KTK4F3-naA7dec7ntXPMfcaUbvhJAcVP0WREkxw1gDK62qOJuQreje54/s1600/WindowsPhone8_02022012105ozi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIl-fRiRBh99-C9cKSqzBtoNsfo5mCrcPasv2S6xtL8qo3QJkDEMSo-mSZECQwprDYEpJ3wPM4r8zrSCrFw6KTK4F3-naA7dec7ntXPMfcaUbvhJAcVP0WREkxw1gDK62qOJuQreje54/s1600/WindowsPhone8_02022012105ozi.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZr0YtvzuCXC3DswAmaQZBQ0XifSLRoBVgJI9EZ_KdupxJdKUWFgvPe6OJEyC_Bf_ex8SybtEVcBDJv7aPrcLOMda4L_qIFRu7wsqin_R5WKchKVAL0JglZLVdsjXguXfkqD40CGS3Vxg/s1600/WindowsPhone8_02022012104ozi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZr0YtvzuCXC3DswAmaQZBQ0XifSLRoBVgJI9EZ_KdupxJdKUWFgvPe6OJEyC_Bf_ex8SybtEVcBDJv7aPrcLOMda4L_qIFRu7wsqin_R5WKchKVAL0JglZLVdsjXguXfkqD40CGS3Vxg/s1600/WindowsPhone8_02022012104ozi.jpg" /></a></div>

İlk Windows 8 'li telefon çıktı!

Nokia ile Microsoft işbirliği daha ilk duyurulduğu günden beri şaşırtmaya devam ediyor. Nokia, Microsoft firmasının çıkarmış olduğu mobil iş...

Devamı »

Gmail 350 Milyon Kullanıcıya Sahip!

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyyZIeSc531r9YGsYchqWHimtsWQVabrBg4a05Ve8u1B6m7C3Xt_lJRl2nBtDsnrlKulyLax7cbGCJx7mloiXAS-A8M6ywUreC3XjN7aeM1JFb1_dbM4f4eiRilherMlAy_WhIG0feHw/s1600/Gmailozi1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyyZIeSc531r9YGsYchqWHimtsWQVabrBg4a05Ve8u1B6m7C3Xt_lJRl2nBtDsnrlKulyLax7cbGCJx7mloiXAS-A8M6ywUreC3XjN7aeM1JFb1_dbM4f4eiRilherMlAy_WhIG0feHw/s200/Gmailozi1.jpg" width="200" /></a></div>Gmail hayatımıza girdiğinde (2007 beta sürümü, 2009′da kararlı sürüm) o sıralar bir çoğumuz Microsoft’un veya Yahoo’nun ücretsiz e-posta servislerini kullanıyorduk.İlk etapta 1 GB olarak sunulan ve ilerleyen zamanlarda 7 GB’a kadar arttırılan Gmail’in sunduğu ücretsiz depolama alanı o dönemde internet kullanıcıları tarafından hayretle karşılanmıştı. İlk dönemlerinde davetiye ile sahip olabildiğimiz Gmail hesaplarına bir akın gerçekleşmişti.<br /><br /><br /><br />Google’ın CEO’su Larry Page dün Google+’ta yaptığı duyuruda Gmail’in 350 milyon kullanıcısının olduğunu açıkladı. Bununla birlikte Page, her gün 5.000 işletmenin Gmail’e kayıt olduğunu ilan etti.<br /><br />Her ne kadar güncel bir rapor olmasa da Microsoft’un Hotmail’in dünyada ve Türkiye’de kullanım rakamlarını duyurduğu Nisan 2011 tarihli rapor Gmail – Hotmail karşılaştırması için iyi bir örnek olarak gösterilebilir. Raporda Hotmail’in dünya üzerinde 350 milyon kullanıcısı olduğu ve Türkiye’nin 25 milyon hesap ile dünyada en çok Hotmail hesabına sahip dördüncü ülke olduğu dile getiriliyordu.<div><br /><br />Larry Page ‘CEO’dan 2012 Güncellemesi‘ isimli uzun mektubunda Google’ın diğer servislerine ait bazı bilgileri de paylaştı. Google+’ın 100 milyon aktif kullanıcıya sahip olduğu dile getiren Page, 120 servisi sosyal ağları ile entegre çalışır hale getirdiklerini belirtti. 2006 yılında satın aldıkları Youtube’un geldiği noktaya dikkat çeken Page, video sitesinde aktif 800 milyon kullanıcı tarafından her saniye bir saatlik görüntünün yüklenmesinden duydukları memnuniyeti de dile getirdi.</div>

Gmail 350 Milyon Kullanıcıya Sahip!

Gmail hayatımıza girdiğinde (2007 beta sürümü, 2009′da kararlı sürüm) o sıralar bir çoğumuz Microsoft’un veya Yahoo’nun ücretsiz e-posta ser...

Devamı »

Facebook Kapak Fotoğrafları Arşivi #1

Facebook timeline profiliniz için birbirinden renkli ve bol seçenekli kapak fotoğraflarını sizler için yabancı ve Türk sitelerden alıntı olarak yaklaşık 100 resim ile bir araya getirdim umarım beğenirsiniz. Güle güle kullanmanız dileğiyle.. (Resimlerin ön izlemesi için üzerine bir kez tıklamanız yeterlidir!)<br /><br /><br /><br /><br /><br /><b>Facebook Kapak Fotoğrafları Diğer Arşivlerimiz;</b><br /><br /><a href="http://ocabbaroglu.blogspot.com/2012/04/facebook-kapak-fotograflar-arsivi.html">Facebook Kapak Fotoğrafları Arşivi #1</a><br /><br /><a href="http://ocabbaroglu.blogspot.com/2012/04/facebook-kapak-fotograflar-arsivi-2.html">Facebook Kapak Fotoğrafları Arşivi #2</a><br /><br /><a href="http://ocabbaroglu.blogspot.com/2012/05/facebook-kapak-fotograflar-arsivi-3.html">Facebook Kapak Fotoğrafları Arşivi #3</a><br /><br /><a href="http://ocabbaroglu.blogspot.com/2012/05/facebook-kapak-fotograflar-arsivi-4.html">Facebook Kapak Fotoğrafları Arşivi #4 </a><br /><br /><a href="http://ocabbaroglu.blogspot.com/2012/06/facebook-kapak-fotograflar-arsivi-5.html">Facebook Kapak Fotoğrafları Arşivi #5 </a><br /><br /><br /><br /><br /><br /><b><span style="color: red;">Arşiv bazı teknik sorunlardan dolayı <a href="http://ozicabdeneme.tr.gg/facebookkapakfotograflari1.htm" target="_blank">buraya</a> taşınmıştır. Arşive gitmek için <a href="http://ozicabdeneme.tr.gg/facebookkapakfotograflari1.htm" target="_blank">buraya</a> tıklayın!</span></b> <br /><br /><b><span style="color: red;"><br /><br /></span></b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNiKXAo_W1oQiSfyjhEzSrW7_0cfE7rIOakvxbAcfN25dz3-eri3rKtCCJVQVbN7nLcNMxDz4dXMaw5zxCv3Ip6ntIzpOWHRZcs9ZbceZ9CkKupHs3kjIZY_VwGHcEKt0QpaCJvkpv-A/s1600/ocabbaroglumariokapak.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNiKXAo_W1oQiSfyjhEzSrW7_0cfE7rIOakvxbAcfN25dz3-eri3rKtCCJVQVbN7nLcNMxDz4dXMaw5zxCv3Ip6ntIzpOWHRZcs9ZbceZ9CkKupHs3kjIZY_VwGHcEKt0QpaCJvkpv-A/s640/ocabbaroglumariokapak.jpg" width="640" /></a><br /><br /><br /><br /><b style="font-size: x-small;">İlgili Aramalar:</b><span style="font-size: xx-small;"> Facebook Zaman Tüneli Sayfa Kapak Resimleri, Kapak Fotoğrafları, Türk Bayrağı Kapak Resmi, Facebook Sayfa Kapak Resimleri, Facebook Kapak Resimleri Arşiv, Facebook Kapak Resimleri İndir, Karışık Zaman Tüneli Kapakları, </span><span style="font-size: xx-small;">Facebook Kapak Fotoğrafları,Kapak Resimleri,Zaman Tuneli Resimleri,Zaman Tuneli Fotorafları,Timeline Kapak Resimleri,Fotografları,Fotorafları,Facebook kapak fotoğrafları-kapakresmi.tr.gg(sitemiz hergün güncellenmekte). facebook'un en güzel kapak fotoğrafları ve resimleri arşivi burada (Fotoğrafları,Facebook Kapak Fotoğrafları,Kapak Resimleri,Zaman Tuneli Resimleri,Zaman Tuneli Fotorafları,Timeline Kapak Resimleri,Fotografları,Fotorafları,Facebook,Facebook Zaman Tüneli Profil Kapak Resmi,Fotoğrafı, Fotoğrafları,Resimleri,Facebook Kapak Resimleri,Facebook Kapak Fotoğrafları,Timeline Kapak Resimler,Facebook Kapak Fotoğrafları,Kapak Resimleri,Zaman Tuneli Resimleri,Zaman Tuneli Fotorafları,Timeline Kapak Resimleri,Fotografları,Fotorafları,Facebook.</span>

Facebook Kapak Fotoğrafları Arşivi #1

Facebook timeline profiliniz için birbirinden renkli ve bol seçenekli kapak fotoğraflarını sizler için yabancı ve Türk sitelerden alıntı ola...

Devamı »

Ocabbaroglu Blog on Facebook!

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0cttT9KtBY7EGsXt8nXbS_n-ix2DTZP2ZlIkuOvJsLBoZ5P4aYUGnaBCwZ4ZZ3SO9E2TA4-ClzbyyiEBcC6xuRv4c7PnKPWJCfoniRP9RN7Lkwbg1N6cZcEdd4bwmEBQjBbitD4QNvA/s1600/owdfacebook%25C3%25BC.png" imageanchor="1"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0cttT9KtBY7EGsXt8nXbS_n-ix2DTZP2ZlIkuOvJsLBoZ5P4aYUGnaBCwZ4ZZ3SO9E2TA4-ClzbyyiEBcC6xuRv4c7PnKPWJCfoniRP9RN7Lkwbg1N6cZcEdd4bwmEBQjBbitD4QNvA/s400/owdfacebook%25C3%25BC.png" width="400" /></a></div><br /><br />Bloğumu açtığımdan beri pasif duran Ocabbaroglu.blogspot.com 'un Facebook sayfasını aktif hale getirdim. Bloğumuzu takip etmeye fırsatı olmayanlar veya yenilik haberlerini, bakım çalışmalarını, duyuruları anında almak isteyenler için Ocabbaroglu adlı Facebook sayfamızı beğenmenizi tavsiye ederiz. Bloğumuz da yayınlanan tüm içerikler eş zamanlı olarak Facebook sayfamızda yayınlanmaktadır. <br /><br /><br /><br /><iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Focabbaroglublog&width=600&height=558&colorscheme=light&show_faces=true&border_color=white&stream=true&header=false&appId=174359339304515" frameborder="0" scrolling="no" style="border: none; height: 558px; overflow: hidden; width: 600px;"></iframe>

Ocabbaroglu Blog on Facebook!

Bloğumu açtığımdan beri pasif duran Ocabbaroglu.blogspot.com 'un Facebook sayfasını aktif hale getirdim. Bloğumuzu takip etmeye fırsatı ...

Devamı »

Blogger İçin Pinterest Widget

<p>Genel manasıyla sosyalleştrilmiş bir çevrimiçi pano diyebileceğimiz <a title="Pinterest" href="http://pinterest.com" target="_blank">Pinterst</a>, 2012 ile birlikte tüm dünyada olduğu gibi ülkemizde de hızla yaygınlaşarak sosyal medyanın yeni fenomeni olma yolunda ilerlemeye devam ediyor.</p> <p> </p> <p>Blog yazarları ( özellikle bayanlar ), Pinterest’e çabuk ayak uydurmuşlar gibi gözüküyor.Oluşturdukları panolarda kendi bloglarında ki ve internette dolaşırken beğendikleri görsel öğeleri takipçileriyle paylaşıyorlar.</p> <p> </p> <p><a href="http://lh5.ggpht.com/-oZZ0WdB1rRM/T4P8S2LGPuI/AAAAAAAACr8/b8-rswVq-sc/s1600-h/pinterest-widget%25255B1%25255D.png" target="_blank"><img alt="Pinterest Widget" border="0" height="292" src="http://lh3.ggpht.com/-Tj81mdcV5mU/T4P8UMjPc6I/AAAAAAAACsE/C_O5Y5CD4aI/pinterest-widget_thumb.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Pinterest Widget" width="227" /></a></p> <p> </p> <p>Pinterst bu kadar yaygınlaşmışken hala bir kod yazarının Blogger için Pinterest widget’ı geliştirmiş olmamasına şaşırmışken <a title="Marie Mosley" href="http://www.codeitpretty.com/" target="_blank">Marie Mosley</a> ile karşılaştım.Kendisi Blogger için güzel bir Pinterst widget’ı kodlamış.Bu widget ile Pinterest sayfanızda paylaştığınız öğeleri blogunuzun sidear’ında gösterebiliyorsunuz.</p> <p> </p> <p>Bu widget’ı blogunuza eklemek için aşağıdaki kodları HTML/JavaScript gadget penceresine yapıştırın.</p> <p> </p> <blockquote> <p><script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"">https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"</a> type="text/javascript"></script> <br /><script type="text/javascript"> <br />/** <br />* Plugin: jquery.zRSSFeed <br />* <br />* Version: 1.0.1 <br />* (c) Copyright 2010, Zazar Ltd <br />* <br />* Description: jQuery plugin for display of RSS feeds via Google Feed API <br />*              (Based on original plugin jGFeed by jQuery HowTo) <br />* <br />* Modified by Richard Mackney (originally for Instagram images, see <a href="https://gist.github.com/865838)">https://gist.github.com/865838)</a> <br />* Modified further by Marie Mosley for a Pinterest "gadget" for Blogger. <br />* Tutorial for use with Blogspot at: <a href="http://www.codeitpretty.com/2012/03/pinterest-gadget-for-blogger.html">http://www.codeitpretty.com/2012/03/pinterest-gadget-for-blogger.html</a> <br />**/</p> <p>(function($){</p> <p>    var current = null; </p> <p>    $.fn.rssfeed = function(url, options) {    </p> <p>        // Set plugin defaults <br />        var defaults = { <br />            limit: 6, <br />            titletag: 'h4', <br />            content: true, <br />            snippet: true, <br />            showerror: true, <br />            errormsg: '', <br />            key: null <br />        };  <br />        var options = $.extend(defaults, options); </p> <p>        // Functions <br />        return this.each(function(i, e) { <br />            var $e = $(e);</p> <p>            // Add feed class to user div <br />            if (!$e.hasClass('rssFeed')) $e.addClass('rssFeed');</p> <p>            // Check for valid url <br />            if(url == null) return false;</p> <p>            // Create Google Feed API address <br />            var api = "<a href="http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="">http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="</a> + url; <br />            if (options.limit != null) api += "&num=" + options.limit; <br />            if (options.key != null) api += "&key=" + options.key;</p> <p>            // Send request <br />            $.getJSON(api, function(data){</p> <p>                // Check for error <br />                if (data.responseStatus == 200) {</p> <p>                    // Process the feeds <br />                    _callback(e, data.responseData.feed, options); <br />                } else {</p> <p>                    // Handle error if required <br />                    if (options.showerror) <br />                        if (options.errormsg != '') { <br />                            var msg = options.errormsg; <br />                        } else { <br />                            var msg = data.responseDetails; <br />                        }; <br />                        $(e).html('<div class="rssError"><p>'+ msg +'</p></div>'); <br />                }; <br />            });                <br />        }); <br />    };</p> <p> <br />    // Callback function to create HTML result <br />    var _callback = function(e, feeds, options) { <br />        if (!feeds) { <br />            return false; <br />        } <br />        var html = '';    <br />        var row = 'odd';    </p> <p> </p> <p>        // Add body <br />        html += '<div class="rssBody">' + <br />            '<ul>';</p> <p>        // Add feeds <br />        for (var i=0; i<feeds.entries.length; i++) {</p> <p>            // Get individual feed <br />            var entry = feeds.entries[i];</p> <p> <br />            // Add feed row <br />            html += '<li class="rssRow '+row+'">' + <br />                '<'+ options.titletag +'><a href="'+ entry.link +'" title="View this feed at '+ feeds.title +'">'+ entry.title +'</a></'+ options.titletag +'>' <br />            if (options.date) html += '<div>'+ pubDate +'</div>' <br />            if (options.content) {</p> <p>                // Use feed snippet if available and optioned <br />                if (options.snippet && entry.contentSnippet != '') { <br />                    var content = entry.contentSnippet; <br />                } else { <br />                    var content = entry.content; <br />                }</p> <p>                html += '<p><a href="'+entry.link+'" title="'+ entry.title +' " target="_blank">'+ content +'</a></p>' <br />            }</p> <p>            html += '</li>';</p> <p> <br />            // Alternate row classes <br />            if (row == 'odd') { <br />                row = 'even'; <br />            } else { <br />                row = 'odd'; <br />            }            <br />        }</p> <p>        html += '</ul>' + <br />            '</div>'</p> <p> <br />        $(e).html(html);</p> <p>        //correct href for images so they point to Pinterest <br />            $(function() { <br />              $('.rssFeed a').each(function() { <br />                var href = $(this).attr('href'); <br />                $(this).attr('href', '<a href="http://www.pinterest.com'">http://www.pinterest.com'</a> + href); <br />  }); <br />});</p> <p>           <br />    }; <br />})(jQuery);</p> <p></script></p> <p> <br /><style type="text/css"> <br />body { <br />    margin: 0px; <br />}</p> <p>.rssFeed a { <br />    color: #444; <br />    text-decoration: none; <br />        text-display: none; <br />} <br />.rssBody ul { <br />    list-style: none; <br />} <br />.rssBody ul, .rssRow, .rssRow h4, .rssRow p { <br />    margin: 0; <br />    padding: 0; <br />}</p> <p>.rssBody li { <br />        position: relative; <br />        color: transparent; <br />        width: 100px; <br />        height: 100px; <br />        overflow: hidden; <br />    padding: 6px; <br />    float: left; <br />        z-index: 1; <br />}</p> <p>/* This part of the style shows the full photo when the thumbnail is hovered. If you'd prefer not to use this, remove .rssBody li:hover, its curly braces, and everything inside its curly braces. This was designed for a left sidebar on Blogger. For a right sidebar, play with the translate numbers until the enlarged photo moves the way you want it to. */</p> <p>.rssBody li:hover { <br />font-size: 1px; <br />overflow: visible; <br />z-index: 1000; <br />-ms-transform: translate(-60px,-10px); <br />-webkit-transform: translate(-60px,-10px); <br />-o-transform: translate(-60px,-10px); <br />-moz-transform: translate(-60px,-10px); <br />transform: translate(-60px, -10px); <br />}</p> <p>/* end hover image effect */</p> <p>.rssRow { <br />    padding: 3px; <br />} <br />.rssRow h4 { <br />    display: none; <br />} <br />.rssRow div { <br />    color: #666; <br />    margin: 0.2em 0 0.4em 0; <br />}</p> <p></style></p> <p> <br /><script type="text/javascript"></p> <p>/** use your own Pinterest username in the rssfeed url. To display your latest photos from all boards, use <a href="http://www.pinterest.com/USER-NAME-HERE/feed.rss">http://www.pinterest.com/USER-NAME-HERE/feed.rss</a>  to show a specific board, use <a href="http://www.pinterest.com/USER-NAME-HERE/BOARD-NAME-HERE/rss">http://www.pinterest.com/USER-NAME-HERE/BOARD-NAME-HERE/rss</a> **/</p> <p> <br />$(document).ready(function () { <br />    $('#pinterest').rssfeed('<a href="http://www.pinterest.com/Kullanıcı_Adı/feed.rss'">http://www.pinterest.com/<font color="#ff0000"><strong>Kullanıcı_Adı</strong></font>/feed.rss'</a>, { <br />        limit: 6, <br />        snippet: false, <br />        header: false, <br />        date: false <br />    }); <br />});</p> <p></script> <br /><!-- Optional logo and gadget title. To use, uncomment it and add in your own Pinterest url, then place your own image link in the quotation marks after img src. --></p> <p><!-- <a href=""><img src=""><br />Latest Pins</a> <br />--> <br /><div id="pinterest"></div></p> </blockquote> <p> </p> <p>Kodlarda değiştirmeniz gereken tek yerkırmızı renkle yazdığım <strong><font color="#ff0000">Kullanıcı_Adı</font></strong>.Buraya Pinterest kullanıcı adınızı yazın.Eğer belli bir panodaki resimleri göstermek istiyorsanız buayı şe şekilde değiştirin: <strong>Kullanıcı_Adı/Pano_Adı</strong></p>

Blogger İçin Pinterest Widget

Genel manasıyla sosyalleştrilmiş bir çevrimiçi pano diyebileceğimiz Pinterst , 2012 ile birlikte tüm dünyada olduğu gibi ülkemizde de hızla ...

Devamı »

Ocabbaroglu.in - Köklü Yenilikler!

<b>Yenilenen ara yüzümüz hakkında biraz bahsetmek istedim. Ara yüzümüz haricinde sitemizde yeni eklentiler ve sayfalar eklendi, neyse hemen başlayalım anlatmaya..</b><br /><br /><br /><br /><span style="font-size: large;">1.Tasarım - Arayüz</span><br /><br /><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGFheG0j6lfS4C2SI2hp2IAnWcUo4UEozqUkJ5WtHAYM0NhBDORhvXZGW9dXXUqotYyEsy3MnBvgvkA-52orD6xhI5azgQ3GqLvrS1W0zhS4jmQfrRrCDr7rUuxJYZnfk61Pg62CekeA/s1600/ocabbarogluclassozi.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGFheG0j6lfS4C2SI2hp2IAnWcUo4UEozqUkJ5WtHAYM0NhBDORhvXZGW9dXXUqotYyEsy3MnBvgvkA-52orD6xhI5azgQ3GqLvrS1W0zhS4jmQfrRrCDr7rUuxJYZnfk61Pg62CekeA/s1600/ocabbarogluclassozi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGFheG0j6lfS4C2SI2hp2IAnWcUo4UEozqUkJ5WtHAYM0NhBDORhvXZGW9dXXUqotYyEsy3MnBvgvkA-52orD6xhI5azgQ3GqLvrS1W0zhS4jmQfrRrCDr7rUuxJYZnfk61Pg62CekeA/s1600/ocabbarogluclassozi.png" alt="" border="0" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGFheG0j6lfS4C2SI2hp2IAnWcUo4UEozqUkJ5WtHAYM0NhBDORhvXZGW9dXXUqotYyEsy3MnBvgvkA-52orD6xhI5azgQ3GqLvrS1W0zhS4jmQfrRrCDr7rUuxJYZnfk61Pg62CekeA/s1600/ocabbarogluclassozi.png" width="600" /></a> <br /><br />Eski temamızın en gelişmiş ve son sürümü olarak adlandırdığım ama ismini değiştirdiğim Classozi Blogger Teması gri ve siyah tonlarını kullandığım yeni model internet sitelerinden esinlendiğim güzel bir tema oldu.<br /><br /><br /><br /><span style="font-size: large;">2. Üst Twitter Çubuğu (Twitter Bar) <b>*Yeni</b></span><br /><br /><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTpuNnVsTpO9rZwfWEo8W23AftftFxG-4Z-UyMKgAb7CfIB6LTphCnzvvIW0caSL5tHEncqgwB2Ptdf7JqDZHoyq0uM7Z1yWsQw9g2oTcrF0oe93m84rJlN64wdfzyuaZSdFzaTSr0UI/s1600/twitterbarozi.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTpuNnVsTpO9rZwfWEo8W23AftftFxG-4Z-UyMKgAb7CfIB6LTphCnzvvIW0caSL5tHEncqgwB2Ptdf7JqDZHoyq0uM7Z1yWsQw9g2oTcrF0oe93m84rJlN64wdfzyuaZSdFzaTSr0UI/s1600/twitterbarozi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTpuNnVsTpO9rZwfWEo8W23AftftFxG-4Z-UyMKgAb7CfIB6LTphCnzvvIW0caSL5tHEncqgwB2Ptdf7JqDZHoyq0uM7Z1yWsQw9g2oTcrF0oe93m84rJlN64wdfzyuaZSdFzaTSr0UI/s1600/twitterbarozi.png" border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTpuNnVsTpO9rZwfWEo8W23AftftFxG-4Z-UyMKgAb7CfIB6LTphCnzvvIW0caSL5tHEncqgwB2Ptdf7JqDZHoyq0uM7Z1yWsQw9g2oTcrF0oe93m84rJlN64wdfzyuaZSdFzaTSr0UI/s1600/twitterbarozi.png" width="600" /></a> <br /><br />Çoğu internet sitesinde olan genellikle sidebar da olan son twitter güncellemesini gösteren eklentiyi üst menü yerine, logunun üstüne ince ve sade bir şekilde ekledim.<br /><br /><br /><br /><span style="font-size: large;">3. Yukarı Çık Butonu <b>*Yeni</b></span><br /><br /><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyKR8D-6Q68wwFK78ATxaGsNJTqPVoynm1b93URzBmVURojp5VJ5NOi3d7XmilPu4oyhW-2z_tPWhyRJoiV_XuK4_pa_YuGg_3ToRdp7lwEj6AdZBQ5OE8WgJOZa7OlBv7rjnjROsIR8/s1600/upbuton.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyKR8D-6Q68wwFK78ATxaGsNJTqPVoynm1b93URzBmVURojp5VJ5NOi3d7XmilPu4oyhW-2z_tPWhyRJoiV_XuK4_pa_YuGg_3ToRdp7lwEj6AdZBQ5OE8WgJOZa7OlBv7rjnjROsIR8/s1600/upbuton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyKR8D-6Q68wwFK78ATxaGsNJTqPVoynm1b93URzBmVURojp5VJ5NOi3d7XmilPu4oyhW-2z_tPWhyRJoiV_XuK4_pa_YuGg_3ToRdp7lwEj6AdZBQ5OE8WgJOZa7OlBv7rjnjROsIR8/s1600/upbuton.png" border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyKR8D-6Q68wwFK78ATxaGsNJTqPVoynm1b93URzBmVURojp5VJ5NOi3d7XmilPu4oyhW-2z_tPWhyRJoiV_XuK4_pa_YuGg_3ToRdp7lwEj6AdZBQ5OE8WgJOZa7OlBv7rjnjROsIR8/s1600/upbuton.png" width="600" /></a> <br /><br />Sitenin sağ alt köşesinde aşağı inince beliren, site ile beraber aşağıya kayan yukarı çık butonu ekledim. Ziyaretçilerin daha hızlı gezinmeleri veya yazımızı okuduktan sonra direkt olarak menüye gitmek için eklediğim ve ayrıca şık durduğu için eklediğim javascriptli yukarı çık butonu.<br /><br /><br /><br /><span style="font-size: large;">4. Son Yorumlar Eklentisi <b>*Yeni</b></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8oKu2nBSRCtLZ0Wcs57b0EWMtKiwrrIaDr_wWv1khZT0bGtLL7ONy9SGlGRt9ud50iWUdKaxy2hyphenhyphen51IeUPJOY8LYtA1yZ8C5N43CEjOBUYFWcZ0aprQHz03_712092_toHsnvvXScSQ/s1600/sonyorumlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8oKu2nBSRCtLZ0Wcs57b0EWMtKiwrrIaDr_wWv1khZT0bGtLL7ONy9SGlGRt9ud50iWUdKaxy2hyphenhyphen51IeUPJOY8LYtA1yZ8C5N43CEjOBUYFWcZ0aprQHz03_712092_toHsnvvXScSQ/s1600/sonyorumlar.png" /></a></div>Sidebara eklediğim yeni son yorumlar eklentisi sitede yayınlara yapılan son yorumların 5 tanesini çabuk ve kolay bir şekilde sitenin sidebarından ulaşabilirsiniz.<br /><br /><br /><br /><span style="font-size: large;">5. Sosyal Ağlar Bölümü</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDpcrWJraTGU5uc_bE5INkGzZqLoi2bm1Qs9a1aTtBgFb_hKZsA5UZpsyeSxL1sARrQAVN_iC3ME0q5sZuy5XI9x_WPI9FuouoyY64s8YXa6zZHrskK14eeLb206BdduzUC1AQDDFUTww/s1600/sidebarsosyal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDpcrWJraTGU5uc_bE5INkGzZqLoi2bm1Qs9a1aTtBgFb_hKZsA5UZpsyeSxL1sARrQAVN_iC3ME0q5sZuy5XI9x_WPI9FuouoyY64s8YXa6zZHrskK14eeLb206BdduzUC1AQDDFUTww/s1600/sidebarsosyal.png" /></a></div>Solda sidebar da bulunan sosyal ağlar bölümünü yeniledim. Daha sadeleştirdim ve Facebook, Google+ sayfalarımı ekledim. Sosyal ağ profillerim için menüdeki "Sosyal Ağlarım" bölümünden ulaşabilirler..<br /><br /><br /><br /><span style="font-size: large;">6. Bazı Değişiklikler</span><br /><br />Ayrıca bazı değişiklikler yaptım. Bunlardan başlıcası yayınlardaki başlıklardaki cufon eklentisindeki yazı tipi, footer kısmındaki linkler ve resimler, yenilenen sayfalar ve daha fazla..

Ocabbaroglu.in - Köklü Yenilikler!

Yenilenen ara yüzümüz hakkında biraz bahsetmek istedim. Ara yüzümüz haricinde sitemizde yeni eklentiler ve sayfalar eklendi, neyse hemen baş...

Devamı »

Yegip Host Hizmete Girdi!

<b>Yegip Host 8 Nisan 2012 tarihinde Yegip.com tarafından hizmete açılmış bir hizmettir. Yegip Host müşteriye en iyi kalitede hizmet vermeyi amaçlayarak, bu yola gönül vermiş bir girişimdir.</b><br /><br /><br /><br />Yegip Host, günümüzün en çok tercih edilen iletişim ve paylaşım aracı olan interneti paydalı işlerde kullanmak ve son yılların en moda işi olan blogcuları da desteklemektedir. Yegip Host piyasayı yakından takip etmekte ve ürünleri hakkında bilgi vermek gerekirse, ilk olarak Paket 1 var ve bu ürün de 1 GB webalan, 10 GB trafik, cPanel 11 Türkçe, Türkiye Lokasyon, LiteSpeed Web Server, Limitsiz MYSQL Hesabı, Limitsiz Subdomain, Limitsiz FTP Hesabı, Site kurma aracı ve Günlük/Haftalık yedekleme bulunmaktadır.<br /><br /><br /><br /><img src="http://yegip.com/wp-content/uploads/2012/04/PAKET-1-yegiphost.jpg" /><br /><br /><br /><br /><b>İrtibat :</b><br /><br />Yegip.com/host | facebook.comyegipcom | twitter.com/yegip | 0539 860 99 59

Yegip Host Hizmete Girdi!

Yegip Host 8 Nisan 2012 tarihinde Yegip.com tarafından hizmete açılmış bir hizmettir. Yegip Host müşteriye en iyi kalitede hizmet vermeyi am...

Devamı »

Sadece Blogculara Özel Sözlük: Weblog!

<div style="text-align: center; clear: both" class="separator"><a style="margin-bottom: 1em; float: left; clear: left; margin-right: 1em" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pV0_6inz9dK_JRfC7Bjx_JTN6ljg6xIr2jVD6rR3HFtjZq4Sy8qEB3OVlzyyVApy8J2Y0mZSpTQacYHFCng0NIOE2TDGIpw8jZYU-sZAvjkmAL7C_0ALUQPhswhzjN3ajDjKo3LkdUw/s1600/weblogsozluk1.png" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pV0_6inz9dK_JRfC7Bjx_JTN6ljg6xIr2jVD6rR3HFtjZq4Sy8qEB3OVlzyyVApy8J2Y0mZSpTQacYHFCng0NIOE2TDGIpw8jZYU-sZAvjkmAL7C_0ALUQPhswhzjN3ajDjKo3LkdUw/s320/weblogsozluk1.png" width="266" /></a></div> Merhabalar, interaktif sözlükleri bilmeyen yoktur diye düşünüyorum, (Mesela; <a title="Ekşi Sözlük" href="http://www.eksisozluk.com/" target="_blank">Ekşi Sözlük</a>) o yüzden direk konuya girmek istiyorum. Ne hakkında mı bahsedeceğim? <br /><b>Weblog Sözlük</b>'ten.. <br /> <br />Bildiğiniz üzere sözlükspot alt yapısı kullanılarak sözlük açılabiliyor. Her alanda her konuda sözlük açmak mümkün, tematik sözlük fikride buradan çıkıyor zaten. Ben de yararlı bulduğum bir fikrimi hayata geçirerek sadece blogculara özel bir sözlük kurdum. Şuan için çok güzel tepkiler alıyorum, üye sayımızda git gide katlanıyor. Ama buna rağmen sözlüğün tutup tutmaması önemli olmamakla birlikte, siz değerli blogcuların keyfine ve zevkine kalmış bir durumdur. <br /> <br />Her şey bir yana, blogcuların tanışıp, kaynaşıp, paylaşıp ve eğlenebildiği bir platformu bir sözlük olarak düşünmek bence harika bir fikir. <br /> <br /> <h4>Peki Weblog Sözlük ne kazandırır?</h4> <br /> <br /> <ul> <li>Blogunuzu özgürce çok daha fazla başka blogcuya tanıtma fırsatı bulabilirsiniz. </li> <li>Hem kendiniz hem de blogunuz için yararlı bilgilere ulaşabilirsiniz. </li> <li>Kendi ilgi alanınızda ya da yakın kişilerle tanışıp, fikirlerini görebilirsiniz. </li> <li>Samimi bir ortamda, blog ailesi kıvamında, hem kendinizi hem de blogunuzu temsil edip aynı zamanda eğlenebilirsiniz. </li> <li>Sizin seçeceğiniz bir rumuz ile kayıt olup, özgürce bir sözlükte yazabilmenin keyfini yaşayabilirsiniz. </li> <li>Ve belki bir gün, sözlüğümüz hep birlikte iyi yerlere geldiğinde, köklü bir oluşumun temel taşlarından olmanın ve  1. nesillerinden olmanın verdiği haklı gururu yaşayabilirsiniz. </li> <li>Bu saydıklarımda dahil bir çok iyi şeye daha şahit ve dahil olacağınızı garanti ederim. </li> </ul> Sözlük nedir, nasıl yazılır, ne işe yarar gibi kaygılarınız varsa derhal bu düşünceleri terkedin, tek yapmanız gereken sözlüğe üye olup yazmaya başlamak. Akabinde olacakların ve yaşanacakların sadece tadını çıkarın. <br /> <br /> <div style="text-align: center; clear: both" class="separator"> </div> <div style="text-align: center"><a title="Weblog Sözlük - Blogların Gücü Adına!" href="http://weblog.sozlukspot.com/" target="_blank">Weblog Sözlük - Blogların Gücü Adına!</a> </div> <div style="text-align: center; clear: both" class="separator"><a style="margin-left: 1em; margin-right: 1em" title="Weblog Sözlük - Blogların Gücü Adına!" href="http://weblog.sozlukspot.com/" target="_blank" imageanchor="1"><img alt="Weblog Sözlük - Blogların Gücü Adına! " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CGo6EisOLDn0JeZT4YasNiEBykCOAPUduwrnsZUNR9tUSFrNPtGvc20THsnL3whTNWI6rmnyMs4YUiUOwsRCw4DeD7MTsY0tnyI1d8XFitxFPWq7kaCmZzfC7fltBv-1YKRrAshzlX4/s1600/weblog.png" title="Weblog Sözlük - Blogların Gücü Adına! " /></a></div> <p><strong><u>Yazar Hakkında:</u></strong> Bu yazı, <a title="Weblog Sözlük" href="http://weblog.sozlukspot.com/" target="_blank">Weblog Sözlük</a> kurucusu ve yazarı Yoge Griffin tarafından Blog Hocam için yazılmıştır.</p>

Sadece Blogculara Özel Sözlük: Weblog!

Merhabalar, interaktif sözlükleri bilmeyen yoktur diye düşünüyorum, (Mesela; Ekşi Sözlük ) o yüzden direk konuya girmek istiyorum. Ne hakkı...

Devamı »

Ateşli Gençlik - Youth in Revolt (Türkçe Dublaj)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl21Pay2qEupc1nY_X6F2wZPQwY-dRqHKNMcFiod7qNUjEhQYKSqo15Jg41QMrZATxye-nL4nqV1fqIH4PQ2EOdJbSEiGMdhS-xILbnDk7fvbPwpTXwV1j8Ztr8WZU1MprEYShs9ykzsQ/s1600/youthiaia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl21Pay2qEupc1nY_X6F2wZPQwY-dRqHKNMcFiod7qNUjEhQYKSqo15Jg41QMrZATxye-nL4nqV1fqIH4PQ2EOdJbSEiGMdhS-xILbnDk7fvbPwpTXwV1j8Ztr8WZU1MprEYShs9ykzsQ/s400/youthiaia.jpg" width="270" /></a></div><div><br /><br /></div><div>Nick Twist ismindeki herkesle dalga geçebilen ve kibirli bir gençtir, fakat hayallerindeki kızı tanıyınca Nick artık daha dikkatli mağrur ve sevdiğinin kalbini kazanma çabası içerisinde birisi haline gelir.<br /><br />Annesi ve babası ile birlikte tatile çıkan 14 yaşındaki Nick Twisp alaycı bir gençtir, ta ki hayallerindeki kızla tanışana kadar. Nick, Sheeni Saunders ile tanıştıktan sonra onun kalbini kazanmak için yapamayacağı şey yoktur. Film C.D.Payne’nin 93 lü yıllarda kaleme almış olduğu Youth in Revolt: The Journals of Nick Twisp isimli romanında sinemaya uyarlanmıştır. </div><div><br /><br /></div><div><b>Editörün Yorumu: </b>Uzun zamandır film paylaşmıyordum ta ki bugün bu filmi izleyene kadar gerçekten çok başarılı aşırı komik olmasa da komik bir filmdi izlemenizi tavsiye ederim.</div><div><br /><br /></div><b>Tür : </b>Romantik / Komedi / Dram<br /><br /><div><b>Ocabbaroglu puanı:</b> 6.7/10 </div><div><b>Yönetmen :</b> Miguel Arteta<br /><br /><b>Senaryo :</b> Gustin Nash , C.D. Payne (Kitap)<br /><br /><b>Yapım :</b> 2009, ABD , 90 dk.<br /><br /><b>Oyuncular:</b> Michael Cera (Francois Dillinger) , Portia Doubleday (Sheeni Saunders) , Jean Smart (Estelle Twisp) , Zach Galifianakis (Jerry) , Michael Cera (Nick Twisp) , Erik Knudsen (Lefty) , Steve Buscemi (George Twisp)<br /><br /><div><br /><br /></div><div><b>1.Kısım</b></div><div><embed allowfullscreen="true" allowscriptaccess="samedomain" bgcolor="#000000" height="450" name="mymovie" pluginspage="http://www.adobe.com/go/getflashplayer" quality="high" src="http://dizituba.com/images/i1i1i.swf?file=http%3A%2F%2Fvideo.ak.fbcdn.net%2Fcfs-ak-snc6%2F455651%2F458%2F243429062421698_38247.mp4%3Foh%3Daa9267c2154609e4f0caa6f37aa965f1%26oe%3D4F807620%26__gda__%3D1333818912_3237bfc558f378b9b18be857acbecc11&logo=http://dizituba.com/images/kucuklogo.png&image=http://dizituba.com/images/videooncesi.png&dock=true" style="background-color: #f3f3f3; color: #4b4b4b; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: left;" type="application/x-shockwave-flash" width="535" wmode="transparent"></embed> </div><div><br /><br /></div><div><b>2.Kısım</b></div><div><embed allowfullscreen="true" allowscriptaccess="samedomain" bgcolor="#000000" height="450" name="mymovie" pluginspage="http://www.adobe.com/go/getflashplayer" quality="high" src="http://dizituba.com/images/i1i1i.swf?file=http%3A%2F%2Fvideo.ak.fbcdn.net%2Fcfs-ak-ash4%2F454417%2F597%2F243429099088361_2180.mp4%3Foh%3Da52010ba8302698ad0a6c5bdd0623648%26oe%3D4F806A20%26__gda__%3D1333815840_12b5915eeaa4df52dc77923b7a4c6823&logo=http://dizituba.com/images/kucuklogo.png&image=http://dizituba.com/images/videooncesi.png&dock=true" style="background-color: #f3f3f3; color: #4b4b4b; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: left;" type="application/x-shockwave-flash" width="535" wmode="transparent"></embed> </div><div><br /><br /></div><div><b>3.Kısım</b></div><div><embed allowfullscreen="true" allowscriptaccess="samedomain" bgcolor="#000000" height="450" name="mymovie" pluginspage="http://www.adobe.com/go/getflashplayer" quality="high" src="http://dizituba.com/images/i1i1i.swf?file=http%3A%2F%2Fvideo.ak.fbcdn.net%2Fcfs-ak-ash4%2F452339%2F899%2F243429159088355_24073.mp4%3Foh%3De3a016379b88c4e184b3e9746fb9b5cf%26oe%3D4F806B20%26__gda__%3D1333816096_db79d51dd74be494246edf222f619b70&logo=http://dizituba.com/images/kucuklogo.png&image=http://dizituba.com/images/videooncesi.png&dock=true" style="background-color: #f3f3f3; color: #4b4b4b; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: left;" type="application/x-shockwave-flash" width="535" wmode="transparent"></embed> </div><div><b><br /><br /></b></div><div><b>4.Kısım</b></div><div><embed allowfullscreen="true" allowscriptaccess="samedomain" bgcolor="#000000" height="450" name="mymovie" pluginspage="http://www.adobe.com/go/getflashplayer" quality="high" src="http://dizituba.com/images/i1i1i.swf?file=http%3A%2F%2Fvideo.ak.fbcdn.net%2Fcfs-ak-ash4%2F450971%2F341%2F243429219088349_13720.mp4%3Foh%3D04345d2bcc23f841f43468717f5f0850%26oe%3D4F806520%26__gda__%3D1333814560_02fc08e93782ba6ea8041f97c7754038&logo=http://dizituba.com/images/kucuklogo.png&image=http://dizituba.com/images/videooncesi.png&dock=true" style="background-color: #f3f3f3; color: #4b4b4b; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: left;" type="application/x-shockwave-flash" width="535" wmode="transparent"></embed> </div><div><b><br /><br /></b></div><div><b>5.Kısım</b></div><div><embed allowfullscreen="true" allowscriptaccess="samedomain" bgcolor="#000000" height="450" name="mymovie" pluginspage="http://www.adobe.com/go/getflashplayer" quality="high" src="http://dizituba.com/images/i1i1i.swf?file=http%3A%2F%2Fvideo.ak.fbcdn.net%2Fcfs-ak-ash4%2F452479%2F339%2F243429285755009_16983.mp4%3Foh%3Dbeab5a03b8ac43732d7ab70323b9fb95%26oe%3D4F806220%26__gda__%3D1333813792_dac5b68cfe59f83b2cfeb5e750eb66d3&logo=http://dizituba.com/images/kucuklogo.png&image=http://dizituba.com/images/videooncesi.png&dock=true" style="background-color: #f3f3f3; color: #4b4b4b; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: left;" type="application/x-shockwave-flash" width="535" wmode="transparent"></embed> </div><div><b><br /><br /></b></div><b>İlgili Aramlar:</b> Ateşli Gençlik izle Ateşli Gençlik filmini izle Ateşli Gençlik full izle Ateşli Gençlik Türkçe Dublaj izle Ateşli Gençlik Ateşli Gençlik Youth in Revolt izle</div>

Ateşli Gençlik - Youth in Revolt (Türkçe Dublaj)

Nick Twist ismindeki herkesle dalga geçebilen ve kibirli bir gençtir, fakat hayallerindeki kızı tanıyınca Nick artık daha dikkatli mağrur ve...

Devamı »

.IN Domain ve Sınırsız Hosting Bedava!

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MSxEJyFFhMRKETxytR2tKK0h4Duj9hKfu361wk4mQlDUsRbPz_1MMSmhvHO3Oqsni6lyS_IQsVHiguLhkMvbbwN-XtdGwoGSZwax-h50AX7cRJuG3IFCdo1ZlAkrQ6cQ944SYO1zIGw/s1600/ocababroglu.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MSxEJyFFhMRKETxytR2tKK0h4Duj9hKfu361wk4mQlDUsRbPz_1MMSmhvHO3Oqsni6lyS_IQsVHiguLhkMvbbwN-XtdGwoGSZwax-h50AX7cRJuG3IFCdo1ZlAkrQ6cQ944SYO1zIGw/s200/ocababroglu.png" width="50" /></a>Yabancı bir site .in domaini hostu ile beraber sizlere flash site kullanabilmeniz için veriyor ama internette araştırdığıma göre paneli cpanele çevirip istediğimiz şekilde kullanabiliyoruz. "sınırsız .in domain ve host almak" Neyse anlatımımıza gelelim hemen..<br /><br /><br /><br /><b><a href="http://my.hostgator.in/gibo/">http://my.hostgator.in/gibo/</a> şu adrese girip aşağıdaki adımları sırasıyla uyguluyoruz.</b><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0mnC6U7o7loh3S8w4OsZiQ505e1teo3VudOcgGc9dvuk5pQACtCkgjTF5YsKs7Xj8uxiEvTRYWzvRKk70BwOZHnvpTb9B5j9SJxw-N8G4LS5I-kUkQRXImxBUpgNSfapluHWyYeknFsI/s1600/ocabbarogluin01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0mnC6U7o7loh3S8w4OsZiQ505e1teo3VudOcgGc9dvuk5pQACtCkgjTF5YsKs7Xj8uxiEvTRYWzvRKk70BwOZHnvpTb9B5j9SJxw-N8G4LS5I-kUkQRXImxBUpgNSfapluHWyYeknFsI/s1600/ocabbarogluin01.png" /></a> <br /><br /><div><br /><br /></div><div><b>Almak istediğimiz alan adımızı giriyoruz ve Check Avaibality butonuna basıyoruz..</b><br /><br /><b><br /><br /></b><br /><br /><b>Karşımıza bir form geliyor, formumuzu aşağıdaki resimde anlatılan gibi dolduruyoruz. </b>(PAN Num: AAAAA9272G olmaz ise son 3 haneyi değiştirebilirsiniz)<br /><br /><br /><br /><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsKx_9DXJSUEX3osKH9qUQC_V6f-US9NCYIIReREbXgKHqDLUdWos4UIYfRabHOXwJOjiey7W9R-4uAiRSWbSF2T0QaSiOj8cGEUTC0vTQCmajpmsw4qItQpkFQLpPce3Bu_7uxrAgK0/s1600/ocabbarogluin02.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsKx_9DXJSUEX3osKH9qUQC_V6f-US9NCYIIReREbXgKHqDLUdWos4UIYfRabHOXwJOjiey7W9R-4uAiRSWbSF2T0QaSiOj8cGEUTC0vTQCmajpmsw4qItQpkFQLpPce3Bu_7uxrAgK0/s1600/ocabbarogluin02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsKx_9DXJSUEX3osKH9qUQC_V6f-US9NCYIIReREbXgKHqDLUdWos4UIYfRabHOXwJOjiey7W9R-4uAiRSWbSF2T0QaSiOj8cGEUTC0vTQCmajpmsw4qItQpkFQLpPce3Bu_7uxrAgK0/s1600/ocabbarogluin02.png" border="0" height="725" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsKx_9DXJSUEX3osKH9qUQC_V6f-US9NCYIIReREbXgKHqDLUdWos4UIYfRabHOXwJOjiey7W9R-4uAiRSWbSF2T0QaSiOj8cGEUTC0vTQCmajpmsw4qItQpkFQLpPce3Bu_7uxrAgK0/s1600/ocabbarogluin02.png" width="580" /></a> <br /><br /><br /><br /><b>Click finish to complete the setup! butonuna basıyoruz ve ftp, cpanel bilgilerimiz msn adresimize geliyor! E-postamıza giriyoruz ve panel linkimize tıklıyoruz..</b><br /><br /><b><br /><br /></b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1HR9DnhqQrNpvlomVMuRsh9-2mOdVzfUXv6gapNp3CDxa4Ol-3PHs6Wy40z_gTr0UF4G3HfogkDCDIn92VP-NNeHWFdSnvFb_QfI8upEItGUfQhcodjSSKmUPJYGzzHWWEGuWLy8uYA/s1600/ocabbarogluin03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1HR9DnhqQrNpvlomVMuRsh9-2mOdVzfUXv6gapNp3CDxa4Ol-3PHs6Wy40z_gTr0UF4G3HfogkDCDIn92VP-NNeHWFdSnvFb_QfI8upEItGUfQhcodjSSKmUPJYGzzHWWEGuWLy8uYA/s1600/ocabbarogluin03.png" /></a> <br /><br /><br /><br /><b>Giriş bilgilerimiz ile giriş yapıyoruz ve karşımıza bu panel gelicek..</b><br /><br /><b><br /><br /></b><br /><br /><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmvVbvcFmgsebG-DG6Wxfkvbbpf3WVxcOwqBodC-dpMIghi2ynu17ah5vc7CPsydnc43xUBf_EwHklEusCN1sPaQWnI7-245TlkjOWXAgD35Lw5pnS0pbsJ626SunDQTR6WWhhfb0WL8/s1600/ocabbarogluin04.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmvVbvcFmgsebG-DG6Wxfkvbbpf3WVxcOwqBodC-dpMIghi2ynu17ah5vc7CPsydnc43xUBf_EwHklEusCN1sPaQWnI7-245TlkjOWXAgD35Lw5pnS0pbsJ626SunDQTR6WWhhfb0WL8/s1600/ocabbarogluin04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmvVbvcFmgsebG-DG6Wxfkvbbpf3WVxcOwqBodC-dpMIghi2ynu17ah5vc7CPsydnc43xUBf_EwHklEusCN1sPaQWnI7-245TlkjOWXAgD35Lw5pnS0pbsJ626SunDQTR6WWhhfb0WL8/s1600/ocabbarogluin04.png" border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmvVbvcFmgsebG-DG6Wxfkvbbpf3WVxcOwqBodC-dpMIghi2ynu17ah5vc7CPsydnc43xUBf_EwHklEusCN1sPaQWnI7-245TlkjOWXAgD35Lw5pnS0pbsJ626SunDQTR6WWhhfb0WL8/s1600/ocabbarogluin04.png" width="580" /></a> <br /><br /><b><br /><br /></b><br /><br /><b>Şimdi bu sınırlı panelden sınırsız cPanel’imize geçiyoruz , aşşağıdaki linki kopyalayıp Adres Çubuğunza yapıştırın , tema seçme ekranı gelecek , alttan siyah temanın üzerindeki linke tıklıyoruz ve. (  <a href="https://gibo11.hostgator.in:2083/cpsess8610811821/frontend/x3/style/index.html">https://gibo11.hostgator.in:2083/cpsess8610811821/frontend/x3/style/index.html</a> ) Linkte karşımıza çıkan sayfadan 2.ci siyah temanın üstündeki linke tıklıyoruz. <span style="color: red;">Switch Style to "[root]" </span></b></div><div><b><br /><br /></b></div><div><b>Ve işte karşımızda çatır çatır çalışan, sınırsız domian, hosting ve e-mail..</b></div><div><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviv9-F7w_6vHziXmI4E7X_PuxbTH7iDOzvDboDBM6Dhc-ZGUpGcos2B3V5JRAeJPrSDLzoR7E5LxVJQ1q0TtCsbwuyWyIkQk7CGleF1J0E8D5Ect7kijdL2asa9PYqelwCJFpIzGSD_8/s1600/ocabbarogluin05.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviv9-F7w_6vHziXmI4E7X_PuxbTH7iDOzvDboDBM6Dhc-ZGUpGcos2B3V5JRAeJPrSDLzoR7E5LxVJQ1q0TtCsbwuyWyIkQk7CGleF1J0E8D5Ect7kijdL2asa9PYqelwCJFpIzGSD_8/s1600/ocabbarogluin05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviv9-F7w_6vHziXmI4E7X_PuxbTH7iDOzvDboDBM6Dhc-ZGUpGcos2B3V5JRAeJPrSDLzoR7E5LxVJQ1q0TtCsbwuyWyIkQk7CGleF1J0E8D5Ect7kijdL2asa9PYqelwCJFpIzGSD_8/s1600/ocabbarogluin05.png" border="0" height="537" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgviv9-F7w_6vHziXmI4E7X_PuxbTH7iDOzvDboDBM6Dhc-ZGUpGcos2B3V5JRAeJPrSDLzoR7E5LxVJQ1q0TtCsbwuyWyIkQk7CGleF1J0E8D5Ect7kijdL2asa9PYqelwCJFpIzGSD_8/s1600/ocabbarogluin05.png" width="580" /></a> </div><div><b><br /><br /></b></div><div><b>İlgili Aramalar: </b>bedava sınırsız domain, bedava .in domian almak, resimli anlatım, sınırsız .in host ve domain almak</div>

.IN Domain ve Sınırsız Hosting Bedava!

Yabancı bir site .in domaini hostu ile beraber sizlere flash site kullanabilmeniz için veriyor ama internette araştırdığıma göre paneli cpan...

Devamı »

Google'dan Artırılmış Gerçeklik Gözlüğü

<b>Arama motoru devi Google, Artırılmış Gerçeklik'le (Augmented Reality) gözlüğü birleştiren yeni teknolojisi Project Glass'ı duyurdu. Firma ürünle ilgili bir de video yayımlandı.</b><br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVk66CAlq2J7uBEE_Coby_bVLQXdwQxbOSTzjGpu-BVkjiE7EKiJS4KYIo7JedT4UfFSS8R9X-gB2ZyRQ3uN5Lakficvo6UZrfZmlyO-kPW6algZQ923oFIZEUi-NDMq1hhxCRo7pVPts/s1600/googledriveintro1328802173.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVk66CAlq2J7uBEE_Coby_bVLQXdwQxbOSTzjGpu-BVkjiE7EKiJS4KYIo7JedT4UfFSS8R9X-gB2ZyRQ3uN5Lakficvo6UZrfZmlyO-kPW6algZQ923oFIZEUi-NDMq1hhxCRo7pVPts/s200/googledriveintro1328802173.jpg" width="50" /></a>Arama teknolojileri dışında farklı alanlarda da faaliyetleri olan Google, yeni projesi Project Glass'ın duyurusunu yaptı. Gözlük şeklindeki yeni teknolojik cihaz, Artırılmış Gerçeklik teknolojisine sahip. Bu sayede gerçek dünyadaki görüntülerle sanal dünyayı birleştirebilen ürünle baktığınız şeylerin fotoğrafını çekebiliyorsunuz.<br /><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqOBC8C9zOaFFB2VQ-zYnG1KQ-50E7Q2ES6JMcdylnEY7wS2-LeMKzg-ZFVokn7HHFHpnM88hc9-fqGxAp7WmBVuPq9zckSRKB0Z_0Yh_Ft6gq3CA0SZYN4QBMz4i5AMswNm3mQBSJys/s1600/page_googledan-artirilmis-gerceklik-gozlugu-project-glass_576944030ozi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqOBC8C9zOaFFB2VQ-zYnG1KQ-50E7Q2ES6JMcdylnEY7wS2-LeMKzg-ZFVokn7HHFHpnM88hc9-fqGxAp7WmBVuPq9zckSRKB0Z_0Yh_Ft6gq3CA0SZYN4QBMz4i5AMswNm3mQBSJys/s400/page_googledan-artirilmis-gerceklik-gozlugu-project-glass_576944030ozi.jpg" width="400" /></a><br /><br /><br /><br />Ayrıca konum paylaşımı, bir konser için bileti alımı gibi çeşitli faaliyetleri sesli komutlar ya da göz <br /><br />hareketleriyle yapabiliyorsunuz. Henüz deneme aşamasında olan teknoloji için özel bir video hazırlayan Google, ProjectGlass ile neler yapılabileceğinin ipuçlarını da veriyor.<br /><br /><br /><br /><b>Kesin bir bilgi olmamakla beraber gözlüğün bu yıl içinde satışa sunulması bekleniyor. İşte gözlüğün özelliklerini anlatan o video:</b><br /><br /><div><iframe allowfullscreen="" frameborder="0" height="325" src="http://www.youtube-nocookie.com/embed/9c6W4CCU9M4?rel=0" width="610"></iframe><br /><br /><br /><br /><b>Artırılmış Gerçeklik (Augmented Reality) Nedir? </b><br /><br />Gerçek dünyaki görüntülerle sanal dünyadakileri birleştirmeye genel olarak bu isim veriliyor. Bu <br /><br />teknolojiyi kullanan farklı uygulamalar mevcut. Bunlar içinde en ünlüsü Layar isimli uygulama. Layar, etrafınızdaki görüntülerin üzerine sanal dünyadaki bilgileri eşleştiriyor. Bu teknolojinin farklı kullanımları da mevcut. Örneğin bazı savaş uçaklarında pilotlar bu teknolojiye sahip kasklar kullanıyor. </div><br /><br /><b>İlgili Aramalar:</b> google, gözlük, sanal, augmented reality, konum, artırılmış gerçeklik, project glass, google'dan artırılmış gerçeklik gözlüğü

Google'dan Artırılmış Gerçeklik Gözlüğü

Arama motoru devi Google, Artırılmış Gerçeklik'le (Augmented Reality) gözlüğü birleştiren yeni teknolojisi Project Glass'ı duyurdu. ...

Devamı »

Flash Animasyonlu Etiket Bulutu

<p>Blogger’da klasik etiketler widgetından sıkıldıysanız daha farklı, daha orijinal bir alternatif ister misiniz?</p> <p> </p> <p><a href="http://lh5.ggpht.com/-fzGL0eCLPac/T36mH0An-MI/AAAAAAAACps/peHExHq-atU/s1600-h/flash-etiket-bulutu5.png" target="_blank"><img alt="Flash Animasyonlu Etiket Bulutu" border="0" height="311" src="http://lh4.ggpht.com/-UH4pcISzheo/T36mI5CCOFI/AAAAAAAACp0/IV-tWyl7dAE/flash-etiket-bulutu_thumb3.png?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Flash Animasyonlu Etiket Bulutu" width="386" /></a></p> <p> </p> <p><a title="Harish" href="http://www.custombloggertemplates.com/" target="_blank">Harish</a> isimli arkadaş flash animasyonlu bir etiket bulutu scripti yazmış.Blog yazılarınızda kullandığınız etiketleri flash animasyonlu bir bulut olarak sidebarınıza ekleyebiliyorsunuz.Nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.</p> <p> </p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 448px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:8f068dc0-0414-4a8c-a597-121fd8279f04" class="wlWriterEditableSmartContent"><div id="bfeafcb0-048a-46e1-bd20-595e57181dbc" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=t9sWst6_II8" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('bfeafcb0-048a-46e1-bd20-595e57181dbc'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/t9sWst6_II8?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/t9sWst6_II8?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="http://lh5.ggpht.com/-hTkvJRGj_gw/T36mJltcOKI/AAAAAAAACqE/Tb5VQjnZXM8/video843ab2c93d70%25255B5%25255D.jpg?imgmax=800" style="border-style: none"></a></div></div></div> <p> </p> <p>Bu flash animasyonlu etiket bulutunu blogunuza eklemek için aşağıdaki kodları HTML/JavaScript gadget olarak eklemeniz yeterli.</p> <p> </p> <blockquote> <p><script type="text/javascript"> <br />/*<![CDATA[*/ <br />var w2bFlashLabelSettings = { <br />    blogurl        : "<a href="http://bloghocam.blogspot.com/"">http://bloghocam.blogspot.com/"</a>, <br />    color          : "000000", <br />    hoverColor     : "0bb839", <br />    backgroundColor: "FFFFFF", <br />    size           : 12, <br />    speed          : 100, <br />    width          : 250, <br />    height         : 300 <br />}; <br />/*]]>*/ <br /></script> <br /><script type="text/javascript" src="<a href="http://dl.dropbox.com/u/60346665/bloghocam-flash-etiket-bulutu.js"">http://dl.dropbox.com/u/60346665/bloghocam-flash-etiket-bulutu.js"</a>></script></p> </blockquote> <p> </p> <ul> <li><strong>http://bloghocam.blogspot.com/</strong> yerine kendi blogu adresinizi yazmayı unutmayın. </li> </ul>

Flash Animasyonlu Etiket Bulutu

Blogger’da klasik etiketler widgetından sıkıldıysanız daha farklı, daha orijinal bir alternatif ister misiniz?     Harish isimli ar...

Devamı »

Wordpress Portal Teması

<center><a _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxhfzw5xTgmfqnKzTWExe7dyMRlAxAiixqn9dx9c1FFqDiYEzb2uEGurdkhbYRor-4KdZbWFELt0yQhprDvvsgZLppb9b3nV6ffaLS8BVSb8FKrE3GUR62d7U2BPy-coY4951vo3M5EM/s1600/wpportalozicab.png" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxhfzw5xTgmfqnKzTWExe7dyMRlAxAiixqn9dx9c1FFqDiYEzb2uEGurdkhbYRor-4KdZbWFELt0yQhprDvvsgZLppb9b3nV6ffaLS8BVSb8FKrE3GUR62d7U2BPy-coY4951vo3M5EM/s1600/wpportalozicab.png"><img _fcksavedurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxhfzw5xTgmfqnKzTWExe7dyMRlAxAiixqn9dx9c1FFqDiYEzb2uEGurdkhbYRor-4KdZbWFELt0yQhprDvvsgZLppb9b3nV6ffaLS8BVSb8FKrE3GUR62d7U2BPy-coY4951vo3M5EM/s1600/wpportalozicab.png" border="0" height="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxhfzw5xTgmfqnKzTWExe7dyMRlAxAiixqn9dx9c1FFqDiYEzb2uEGurdkhbYRor-4KdZbWFELt0yQhprDvvsgZLppb9b3nV6ffaLS8BVSb8FKrE3GUR62d7U2BPy-coY4951vo3M5EM/s1600/wpportalozicab.png" width="520" /></a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://www.mediafire.com/?zx2p2tjvpr3o384" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScJ-kemU6g7Tj-lqzo2txaJqlz9GsLG-2A-jD15thAH0dDx0u5C4VsVGrHNj0N2cPYYl_Nb-l7Q0xRQdDIkc8ohK4f1Y-__gLND933j64gdkZfPMKMVVUCJ6a9FoK1Pj7wmavuF8dHNA/s1600/indirocabbaroglu.png" /></a><a href="http://www.webalem.net/demo" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6y3gM3AYCgzdDrugh6DAcTG61xKBvyDH5teWG33Tx-UcO8eKlclTV_Sc-GgbthD33VNss5Bi6Hbetit_Z37Rr2EYwtitzXXXailprzPLcgphVnzTRjHibf6JqSyb2BDLt_V53HhTiBw/s1600/onizleocabbaroglu.png" /></a></div></center><br /><br /><br /><br /><b>Temamızın özellikleri</b><br /><br />Admin Paneli bulunmaktadır. Panelden yapabileceklerini;<br /><br />RSS Aboneliği için Feedburner ID nizi girebiliyorsunuz.<br /><br />4 adet reklam bölümü vardır<br /><br />728x90 (Header), 468x15 ve 468x60 (İçerik), 300x250 (Sidebar) olmak üzere reklam kodlarınızı girebiliyorsunuz<br /><br />Video ve Resim Galerisi, Download kategorilerini ID lerini girerek buradan ayarlayabiliyorsunuz.<br /><br />Ana sayfada konuları gösterilecek kategorileri belirleme ve yazı sayısını seçebilme.<br /><br />Footer yazısı ve kod ekleme.<br /><br /><br /><br /><b>Teknik özellikler</b><br /><br />Temada ilk yüklediğiniz resim gerekli yerler için otomatik boyutlandırılarak yazıya eklenir. (Timthumb kullanılmıştır.)<br /><br />Son eklediğiniz 5 video ve 5 resim galerisi Son Eklenen 6 program ana sayfada ayrı olarak gösterilir.<br /><br />Resimli Rastgele konular ve Resimli son yorumlar sidebarda temaya entergre olarak gelmektedir.<br /><br />Ana Sayfada haber bölümleri her kategori ayrı olarak son yazılan resimli ve ön yazı olarak sonraki haberleri seçtiğiniz sayıda başlık olarak gösterilir.<br /><br />Jquery menu kullanılmıştır kategoriler listelerin alt kategorilerde üzerine gelince açılır.<br /><br />Yazı içinde resimli 5 benzer konu gösterilmektedir temaya entegredir.<br /><br />Video ve Galeri kategorilerinin görünümü farklıdır ve bu kategorilere ait alt kategorilerde bu şekilde gösterilir. Bu sayede o bölümleri dizi veya sinema sitesi gibi kullanabilirsiniz.<br /><br />Yazılarda ağaç menu eklenmiştir yani Anasayfa >> Klipler >> Hande Yener - Bodrum gibi<br /><br />"video" özel alanına swf adresini yazarak video ekleyebilirsiniz.<br /><br />"mp4" yazarak facebook videolarını ekleyebilirsiniz 4shared playeri kullanılmıştır.<br /><br />Videolar için Part sistemi mevcuttur.<br /><br />Program bölümünde program bilgilerini "dil, lisans, boyut, platform ve link" özel alanlarıyla bilgilerini ekleyebilirsiniz.<br /><br />Blok başlıklarında cufon kullanılarak yazıların daha net ve keskin olması sağlanmıştır.<br /><br />İkonlar haricinde full CSS olarak hazırlanarak hızlılığı sağlanmıştır.<br /><br />CSS 3 kodlar mevcuttur<br /><br /><br /><br />IE7, IE8, Chrome, Safari, Firefox, Opera ile tam uyumludur. CSS 3 destekli tarayıcılarla gezmenizi tavsiye ederim.<br /><br /><br /><br /><b>Temada kullanılan eklentiler</b><br /><br />Postviews<br /><br />WP Galleria (Galeri de kullanılmaktadır)<br /><br />Eklentiler tema paketinde mevcuttur, türkçelendirilmiştir.<br /><br /><br /><br />İsteğe göre renk düzenlemesi ve ek düzenlemeler yapılır. Ek işlevler eklenebilir (Flash oyun bölümü, Sohbet Girişi gibi)<br /><br /><br /><br />Klip, Video, Dizi, Galeri, Portal, Kişisel veya özel içerik için her türlü kullanılabilir.<br /><br /><br /><br />Bir kaç dosya şifrelidir bunlar sizin tasarıma müdahele etmenizi engelleyecek dosyalar değil, footer da bir adet link bulunmaktadır.<br /><br /><br /><br /><b>Hatırlatma</b><br /><br />Tema klasörü içerisinde bulunan cache klasörünün CHMOD değerini 777 yapmayı unutmayınız.

Wordpress Portal Teması

Temamızın özellikleri Admin Paneli bulunmaktadır. Panelden yapabileceklerini; RSS Aboneliği için Feedburner ID nizi girebiliyorsunuz. 4 adet...

Devamı »

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

<p>Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget eklediğini farkettim.Neler mi?</p> <p> </p> <h4>+1 Düğmesi</h4> <p> </p> <p><a href="http://lh3.ggpht.com/-QhY7lhhPWAY/T3yL4X2pulI/AAAAAAAACpI/P3wmtvd_ENU/s1600-h/%25252B1gadget%25255B5%25255D.png" target="_blank"><img alt="+1 Düğmesi" border="0" height="59" src="http://lh6.ggpht.com/-mzitt8QvWZc/T3yL8GKRzTI/AAAAAAAACpQ/L1Gu_o2dqss/%25252B1gadget_thumb%25255B3%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="+1 Düğmesi" width="525" /></a></p> <p> </p> <p>Ziyaretçilerin, içeriğinizi Google Arama'da önermesine ve Google+'da paylaşmasına izin vermelerini sağlayan buton.</p> <p> </p> <h4>Google+ Rozeti</h4> <p> </p> <p><a href="http://lh6.ggpht.com/-gCP1_8Ow4LI/T3yL_YmQZII/AAAAAAAACpY/tLipR5tlTB8/s1600-h/rozetgadget%25255B5%25255D.png" target="_blank"><img alt="Google+ Rozeti" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigAkYwU-gqtsCdkUmaRJJTcBAtId8n7LBvcdOVY4zuLvZg1e4lPOlckivCqrDikTBO9rMfCbAjaGQttU1Do7KeBPX46lomhce9bU8ibeDP-4W2xK27JB9hrYAiUs_-haMfVoq-dMJULWuD/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Google+ Rozeti" width="525" /></a></p> <p> </p> <p>Ziyaretçilerinizin Google+ profilinize veya blogunuz için oluşturduğunuz Google+ sayfanıza ulaşarak sizi çevrelerine eklemelerini sağlayan rozet.</p> <p> </p> <p>Bunlar yeni özellikler değil ama çoğu blogcu bu butonları bloguna elerken kodlarda yaptığı hatalar nedeniyle sıkıntı yaşayabiliyordu.Bu ayede herkes +1 düğmesini ve Google+ rozetini zahmetsizcer bloguna ekleyebilecek.</p>

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget ek...

Devamı »

Tacabro - Tacata

<iframe allowfullscreen="" frameborder="0" height="325" src="http://www.youtube-nocookie.com/embed/BJ-CmHZrKHU?rel=0" width="605"></iframe><br /><br /><br /><br /><b>Şarkı Sözleri</b><br /><br />Taka Takata . . .<br /><br />J'entends mon cceur qui bat<br /><br />Taka Takata . . .<br /><br />Au rythme de ses pas.<br /><br /><br /><br />La sangria coulait<br /><br />A la feria de Tolede<br /><br />La fille qui dansait<br /><br />M'etait montee a la tete<br /><br />Quand un banderillo<br /><br />M'a dit: "L'ami<br /><br />reste calme<br /><br />Care au grand torero<br /><br />Si tu regardes sa femme!"<br /><br /><br /><br />Mais ell' s'avance vers moi<br /><br />Et laiss' tomber sa rose<br /><br />Avec un billet qui propose<br /><br />Un rendez-vous a I'ascienda . . .<br /><br />On s'etait enlace<br /><br /><br /><br />Sous I'oranger mais la duena<br /><br />Dont c'etait le metier<br /><br />Criait vengeance aux arenes<br /><br />Le matador trompe<br /><br />Surgit de I'ombre et s'avance<br /><br /><br /><br />Moi<br /><br />sur mon oranger<br /><br /><br /><br />J'essaie de faire I'orange.<br /><br /><br /><br />L'homme, tu va payer,Dit-il, voici I'estocade:Mes picadors sont pretsEt mon ceil noir te regarde!<br /><br />Et c'est depuis ce jour<br /><br />Qu'un torero me condamne<br /><br />A balayer sa cour<br /><br />Pour I'avoir faite a sa femme.<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbYO1ixaMWWC4HnegpyA6vCNTm5ckYU9ndwig2itoipZ_ig6CCJYmqQKGNsvisCkVXA4XwdruUxEvxNm5o9jY39hXyiC7wBsQ-2f92vjeKBioOZiCkZSO74Fz57vHK_bgaSDZ_HPxn3Qo/s1600/Tacabro+-+Tacata+-+ozicab.jpg" imageanchor="1" style=""><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbYO1ixaMWWC4HnegpyA6vCNTm5ckYU9ndwig2itoipZ_ig6CCJYmqQKGNsvisCkVXA4XwdruUxEvxNm5o9jY39hXyiC7wBsQ-2f92vjeKBioOZiCkZSO74Fz57vHK_bgaSDZ_HPxn3Qo/s400/Tacabro+-+Tacata+-+ozicab.jpg" width="300" /></a></div>

Tacabro - Tacata

Şarkı Sözleri Taka Takata . . . J'entends mon cceur qui bat Taka Takata . . . Au rythme de ses pas. La sangria coulait A la feria de Tol...

Devamı »

3 Sütunlu Türkçe Blogger Teması: WP-OpenCart

<p>Bu güne kadar hiç 3 sütunlu bir Blogger teması paylaşmamıştım.Neden bilmiyorum ama 3 sütunlu blog temalarına bir türlü ısınamadım.İlk defa beğendiğim ve paylaşmaya değer gördüğüm 3 sütunlu bir Blogger teması ile karşılaştım.Temanın ismi <strong>WP-OpenCart</strong> ve Wordpress ‘ten Blogger’a çevrilmiş bir tema.</p> <p> </p> <p>3 sütunlu bir tema olarak test bloguma yüklediğimde aynı zamanda 2 sütunlu olarak kullanılabildiğini de farkettim.Sidebarlardan birini boş bıraktığınızda tema otomatik olarak 2 sütunlu bir temaya dönüşünüyor.Hem de hizalama ve yerleşim sorunu yaşamadan.Yorum bölümünde yorum yanıtlama seçeneğinin de aktif olduğunu ve sorunsuz çalıştığını hatırlattıktan sonra sizi temanın demousu izlemeye davet ediyorum…</p> <p> </p> <p><a href="http://lh4.ggpht.com/-JY_zXJU5s3Y/T3wFJAaDTZI/AAAAAAAACo4/kDVn-6TxMxE/s1600-h/WP-OpenCart5.png" target="_blank"><img alt="WP-OpenCart Blogger Template" border="0" height="310" src="http://lh5.ggpht.com/-BFEkp7ofZNs/T3wFLmd-u9I/AAAAAAAACpA/5o4-gbnxgoU/WP-OpenCart_thumb3.png?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="WP-OpenCart Blogger Template" width="527" /></a></p> <p>           <a title="Demo" href="http://litethemes-wpopencart.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" /></a>  <a title="Download" href="http://www.box.com/s/lnhqakb6tbopb2jfbh2f" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" /></a></p> <p> </p> <p>Temanın demo sitesi ingilizce ve orjinalidir.Ancak indirdiğinizde zip klasörünün içinden türkçe hali çıkacaktır.Bir kaç küçük değişklik yapıp temayı türkçe olarak upload ettim.O yüzden demonun inglizce olması sizi yanıltmasın :) </p> <p> </p> <p>Temada düzenlemeniz gereken tek yer yatay menü.Yatay menüyü ister açılır, ister normal yatay menü olarak kullanabiliriz.Şablonda menüye ait kodları şunlardır:</p> <p> </p> <blockquote> <p><div class='menu'> <br />                <ul> <br />                  <li class='page_item'><a href='#' title='Menu #1'>Menu #1</a></li> <br />                  <li class='page_item'><a href='#' title='Menu #2'>Menu #2</a></li> <br />                  <!-- begin example drop down menu --> <br />                  <li class='page_item'><a href='#' title='Menu #3'>Menu #3</a> <br />                    <ul class='children'> <br />                      <li class='page_item'><a href='#' title='Sub Menu #1'>Sub Menu #1</a></li> <br />                      <li class='page_item'><a href='#' title='Sub Menu #2'>Sub Menu #2</a></li> <br />                    </ul> <br />                  </li> <br />                  <!-- end example drop down menu --> <br />                  <li class='page_item'><a href='#' title='Menu #4'>Menu #4</a></li> <br />                </ul> <br />              </div></p> </blockquote> <p> </p> <p>Arama kutusunun üzerindeki <strong>Home</strong> – <strong>About </strong>– <strong>Contact</strong> yazan yerlerde oluşturduğunuz statik sayfalar otomatik olarak gözükecektir.Orada Sayfalar gadgetı ekli.Her hangi bir değişikliğe gerek yok.</p> <p> </p> <p>Son olarak paylaşttığım diğer <a title="Blogger Temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1">Blogger temalarına</a> ve Blogger temalarının nasıl yükleneceğini bilmeyenler için hazırladığım <a title="Blogger Şablon Yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html">yazıya</a> bakmanızı öneriyorum.</p>

3 Sütunlu Türkçe Blogger Teması: WP-OpenCart

Bu güne kadar hiç 3 sütunlu bir Blogger teması paylaşmamıştım.Neden bilmiyorum ama 3 sütunlu blog temalarına bir türlü ısınamadım.İlk defa b...

Devamı »

Hepsi Bir Arada Sosyal Ağlar Kutusu

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig0-DmAlwLL-mReUhIOA3hZm4Wuw8Fe6KqwRZmekr7wO84nFRUKnqkLtZjjXzyFv5x8vyXYReacrarjdmOsPAELeX-peXZEJWT-5j22TC5BGt6FM3VWAzevGd1FfKaTL0UvOHvPgE8VGQ/s1600/sosyalkutuozicab.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig0-DmAlwLL-mReUhIOA3hZm4Wuw8Fe6KqwRZmekr7wO84nFRUKnqkLtZjjXzyFv5x8vyXYReacrarjdmOsPAELeX-peXZEJWT-5j22TC5BGt6FM3VWAzevGd1FfKaTL0UvOHvPgE8VGQ/s1600/sosyalkutuozicab.png" /></a>Yanda görmüş olduğunuz bu muhteşem hepsi bir arada sosyal ağ kutusu ile bütün sosyal profillerinizi sitenizin kenarında bir noktada ve şık şekilde görüntüleyebilirsiniz. Kurulum gerektirmeyen hazır kod sistemi ve değişen renkleriyle gerçekten çok kullanışlı bir kod. Birkaç bilgi vermek gerekirse kodda her şey bir arada ve hazır ama sizin yapmanız gereken aşağıda belirteceğim yerleri kendi sosyal ağ profil linklerinize göre düzenlemek. Uygulamanın demosunu görmek için yandaki resmin üzerine tıklayabilirsiniz veya canlı demo için <a href="http://ozicabdeneme.tr.gg/sosyalbalon.htm" target="_blank">buraya</a> tıklayabilirsiniz. Neyse hemen kodlara gelelim..<br /><br /><br /><br /><b>Tasarım > Gadget Ekle > Html/Java Script</b> aşamalarını uyguluyoruz ve hemen kodumuzu ekliyoruz..<br /><br /><br /><br />Kod:<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><style> <br />/* Social Widget */ <br />#ozicab-mashable-bar { <br /> border: 0; <br /> margin-bottom: 10px; <br /> margin: 0 auto; <br /> width:300px; <br />} <br />.fb-likebox { <br /> background: #fff; <br /> padding: 10px 10px 0 10px; <br /> border: 1px solid #D8E6EB; <br /> margin-top: -2px; <br /> height:80px; <br />} <br />.googleplus { <br /> background: #F5FCFE; <br /> border-top: 1px solid #FFF; <br /> border-bottom: 1px solid #ebebeb; <br /> border-right: 1px solid #D8E6EB; <br /> border-left: 1px solid #D8E6EB; <br /> border-image: initial; <br /> font-size: .90em; <br /> font-family: "Arial","Helvetica",sans-serif; <br /> color: #000; <br /> padding: 9px 11px; <br /> line-height: 1px;} <br />.googleplus span { <br /> color: #000; <br /> font-size: 11px; <br /> position: absolute; <br /> display:inline-block; <br /> margin: 9px 70px;} <br />.g-plusone { float: left;} <br />.twitter { <br /> background: #EEF9FD; <br /> padding: 10px; <br /> border: 1px solid #C7DBE2; <br /> border-top: 0;} <br />#mashable { <br /> background: #EBEBEB; <br /> border: 1px solid #CCC; <br /> border-top: 1px solid white; <br /> padding: 2px 8px 2px 3px; <br /> text-align: right; <br /> border-image: initial;} <br />#mashable .author-credit {} <br />#mashable .author-credit a { <br /> font-size: 10px; <br /> font-weight: bold; <br /> text-shadow: 1px 1px white; <br /> color: #1E598E; <br /> text-decoration:none;} <br />#email-news-subscribe .email-box{ <br /> padding: 5px 10px; <br /> font-family: "Arial","Helvetica",sans-serif; <br /> border-top: 0; <br /> border-right: 1px solid #C7DBE2; <br /> border-left: 1px solid #C7DBE2; <br /> border-image: initial; <br /> height:35px;} <br />#email-news-subscribe .email-box input.email{ <br /> background:#FFFFFF; <br /> border: 1px solid #dedede; <br /> color: #999; <br /> padding: 7px 10px 8px 10px; <br /> -moz-border-radius: 3px; <br /> -webkit-border-radius: 3px; <br /> -o-border-radius: 3px; <br /> -ms-border-radius: 3px; <br /> -khtml-border-radius: 3px; <br /> border-radius: 3px; <br /> border-image: initial; <br /> font-family: "Arial","Helvetica",sans-serif;} <br />#email-news-subscribe .email-box input.email:focus{color:#333} <br />#email-news-subscribe .email-box input.subscribe{ <br /> background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); <br /> background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); <br /> background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); <br /> -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); <br /> font-family: "Arial","Helvetica",sans-serif; <br /> border-radius:3px; <br /> -moz-border-radius:3px; <br /> -webkit-border-radius:3px; <br /> border:1px solid #cc7c00; <br /> color:white; <br /> text-shadow:#d08d00 1px 1px 0; <br /> padding:7px 14px; <br /> margin-left:3px; <br /> font-weight:bold; <br /> font-size:12px; <br /> cursor:pointer; <br /> border-image: initial;} <br />#email-news-subscribe .email-box input.subscribe:hover{ <br /> background: #ff9b00; <br /> background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); <br /> background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); <br /> filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);<br /> outline:0;-moz-box-shadow:0 0 3px #999; <br /> -webkit-box-shadow:0 0 3px #999; <br /> box-shadow:0 0 3px #999 <br /> background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); <br /> background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); <br /> -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); <br /> border-radius:3px; <br /> -moz-border-radius:3px; <br /> -webkit-border-radius:3px; <br /> border:1px solid #cc7c00; <br /> color:#FFFFFF; <br /> text-shadow:#d08d00 1px 1px 0} <br />#other-social-bar { <br /> background-color: #D8E6EB; <br /> box-shadow: 0 1px 1px #FFFFFF inset; <br /> padding: 0px; <br /> font-family: "Arial","Helvetica",sans-serif; <br /> font-weight:bold; <br /> overflow: hidden; <br /> border: 1px solid #B6D0DA; <br /> height:37px; <br />} <br />#other-social-bar ul {list-style: none outside none; padding-left: 4px;} <br />#other-social-bar .other-follow { <br /> float: left; <br /> color:#1E598E; <br /> overflow: hidden; <br /> height:20px; <br /> padding:5px; <br /> width: 270px;} <br />#other-social-bar .other-follow ul { <br /> list-style: none outside none; <br /> padding-left: 4px;} <br />#other-social-bar .other-follow ul li { <br /> font-size: 12px; <br /> font-weight: bold; <br /> display:inline; <br /> border:0; <br /> text-shadow: 1px 1px white;} <br />#other-social-bar .other-follow ul li a { <br /> font-size: 12px; <br /> color:#1E598E; <br /> font-weight: bold; <br /> display:inline; <br /> text-shadow: 1px 1px white;} <br />#other-social-bar .other-follow li { <br /> font-size: 12px; <br /> font-weight: bold; <br /> display:inline; <br /> border:0; <br /> text-shadow: 1px 1px white;} <br />#other-social-bar .other-follow li a { <br /> font-size: 12px; <br /> color:#1E598E; <br /> font-weight: bold; <br /> display:inline; <br /> text-shadow: 1px 1px white;} <br />#other-social-bar .other-follow li.my-rss { <br /> background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeX3UDLKHgbQkI78SC5cQmB1Q_RzbOqmRnlzsSHvsOBllaZl2Bu4eRb6ulPKEe1U88cgUsbrrw_n2m5OMOkzhCDAE9wBG7Rkyws60KdICEGv6IPoqwEm3hxG1YNpoMwxbcQBYTC-TOLc/s400/rss-16x16.png') no-repeat transparent; <br /> line-height: 1; <br /> padding: 0px 3px 1px 20px; <br /> width: 60px; <br /> margin-bottom:0px; <br /> margin-left:5px;}<br />#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{ <br />text-decoration:none; <br />}<br />#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ <br />text-decoration:underline; <br />}<br />#other-social-bar .other-follow li.my-linkedin { <br /> background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nUGSNlJeUOXCfVz98fIrrPb5mB8eBmM7GhwclksOGkKsCU1ohANqvE8McodeMaPlyICsWtDzfvHNjQ99LmhVXUwMeZ2imhgBOFjE6PPkffkiDZjozwR8xrKAXnSpwHYqyv4OjvipG3E/s400/linkedin-16x16.png') no-repeat transparent; <br /> line-height: 1; <br /> padding: 0px 3px 1px 20px; <br /> width: 60px; <br /> margin-bottom:0px;} <br />#other-social-bar .other-follow li.my-gplus { <br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqvsNjhLgOwO2KVPu6OUwwFxfttpgrpPreFvvs8JTRTJy-KmShX7iLN6TMHe9_Nr8yj2WhV_aE7e0TA6JLW1FyiMUZkTnftvTING-sIb1jDzSCddFyRwYF1cj-pdRzLefE3ofuGOyrpk/s400/gplus-16x16.png) no-repeat transparent; <br /> line-height: 1; <br /> width: 60px; <br /> padding: 0px 3px 1px 20px; <br /> margin-bottom:0px;}<br /><br /></style><br /><br /><!--[if IE]><br /><style> <br />#email-news-subscribe .email-box input.subscribe{ <br /> background: #FFCA00; <br /> } <br /></style><br /><![endif]--><br /> <br /><!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="ozicab-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/oguzhanpage&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;<br />font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span> Sitemizi Google Plusla +1'ler misin?!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;<br />align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;<br />lang=en&amp;link_color=&amp;screen_name=ozicab&amp;show_count=&amp;<br />show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ocabbaroglu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <br /> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="ocabbaroglu@gmail.com" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" /> <br /> <input type="hidden" value="tntbystc" name="uri" /> <br /> <input type="hidden" name="loc" value="en_US" /> <br /> <input class="subscribe" name="commit" type="submit" value="Kayıt Ol!" /> <br /> </form> <br /></div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/ocabbaroglu" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="http://tr.linkedin.com/in/ozicab" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/104308633246680911787" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"><br />document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6F%63%61%62%62%61%72%6F%67%6C%75%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%3E%44%65%73%69%67%6E%20%42%79%20%4F%7A%69%63%61%62%20%57%65%62%20%44%65%73%69%67%6E%20%BB%3C%2F%61%3E'));<br /></script></span></div></div><br /><!-- End Widget --> </div> <!--end of social widget--><br /></code></pre><br /><br /><b>Şimdi gelelim kendi sosyal ağlarımızın linklerini düzenlemeye; (Ctrl + f Yardımı ile linkleri arıyoruz ve kırmızı ile belirttiğim yerlere kendi nickimizi yazıyoruz..)</b><br /><br /><b>Facebook için: </b>http://facebook.com/<span style="color: red;">oguzhanpage</span><br /><br /><b>Twitter için: </b>screen_name=<span style="color: red;">ozicab</span><br /><br /><b>E-Bülten için:  </b>http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">ocabbaroglu</span><br /><br /><b>Linked İn için: </b>http://tr.linkedin.com/in/<span style="color: red;">ozicab</span><br /><br /><span style="color: red;"><br /><br /></span><br /><br /><b>İlgili Aramalar:</b> Sosyal ağ kutusu, blogger sosyal medya butonları, hepsi bir arada sosyal ağ butonarı

Hepsi Bir Arada Sosyal Ağlar Kutusu

Yanda görmüş olduğunuz bu muhteşem hepsi bir arada sosyal ağ kutusu ile bütün sosyal profillerinizi sitenizin kenarında bir noktada ve şık ş...

Devamı »

Kişisel İnfografikler Oluşturabileceğiniz Araçlar

<p>Bazen 100 kelime ile anlatabileceğiniz şeyi sadece 1 resim kullanarak ta anlatabilirsiniz.İşte bu mantıkla doğan infografikler dijital dünyada giderek yaygınlaşmaya ve sıkça karşımıza çıkmaya başladı.Peki nedir bu infografikler? Ne işe yaralar? Nasıl oluşturulurlar.Bu yazıda infografikler konusunda biraz bilgi vereceğim.</p> <p> </p> <h4>İnfografik Nedir?</h4> <p> </p> <p>Adından da anlayacağınız gibi infografik ( info + grafik ) her hangi bir istatiki veri, karşılaştırma, anket sonucu, raporlama gibi bilgilerin görsel öğelerle desteklenerek anlatılmasıdır.</p> <p> </p> <h4>İnfografik Ne İşe Yarar?</h4> <p> </p> <p>İnfografikler dikkat çekici oldukları için anlatılmak istenen şeyin etkili bir şekilde anlatılmasını sağlarlar.Akılda kalıcı ve kolay anlaşılabilir olmaları da infografiklerin önemli avantajlarıdır.</p> <p> </p> <p>İnfografiklerin blogcular için önemli bir avantajı da trafik sağlamalarıdır.İnsanlar görsel öğeleri sosyal medyada paylaşmayı çok severler.Eğer başarılı ve ilgi çekici bir infografik oluşturabilirseniz infografiğin bir köşesine yerleştireceğiniz blog adresiniz çok sayıda kişiye ulaşacak ve bu da size trafik olarak geri dönecektir.</p> <p> </p> <h4>İnfografik Örnekleri</h4> <p> </p> <table border="0" cellspacing="0" cellpadding="0" width="600"><tbody> <tr> <td valign="top" width="150" align="center"><a href="http://lh6.ggpht.com/-t2XHl4w3fto/T3lp_YynmvI/AAAAAAAACms/CSenUiQnnOM/s1600-h/Gnfografik7.jpg" target="_blank"><img alt="G İnfografik" border="0" height="700" src="http://lh4.ggpht.com/-TGVWKcde7sY/T3lqAdhFMVI/AAAAAAAACm0/WMgkhj2h41E/Gnfografik_thumb5.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="G İnfografik" width="130" /></a></td> <td valign="top" width="150" align="center"><a href="http://lh4.ggpht.com/-oI2sMDbNzLo/T3lqCtOcqwI/AAAAAAAACm8/Q8rXY5WzFAs/s1600-h/24saat7.jpg" target="_blank"><img alt="24saat" border="0" height="700" src="http://lh3.ggpht.com/-9Ck9-ywSucg/T3lqEqLLASI/AAAAAAAACnE/CqZqP87O0D0/24saat_thumb5.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="24saat" width="130" /></a></td> <td valign="top" width="150" align="center"><a href="http://lh5.ggpht.com/-Ytkm2eAiH9s/T3lqHT4aT0I/AAAAAAAACnM/kltLMKIGO-c/s1600-h/BKM_infografik_27.02.20127.jpg" target="_blank"><img alt="BKM_infografik_27.02.2012" border="0" height="700" src="http://lh3.ggpht.com/-yGWV4dX2Xvg/T3lqIydu-5I/AAAAAAAACnU/VMg9IEQ0rbo/BKM_infografik_27.02.2012_thumb5.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="BKM_infografik_27.02.2012" width="130" /></a></td> <td valign="top" width="150" align="center"><a href="http://lh4.ggpht.com/-VVTEA66rB3g/T3lqLDOuikI/AAAAAAAACnc/lYh5WOURyfU/s1600-h/twitter-20127.jpg" target="_blank"><img alt="twitter-2012" border="0" height="700" src="http://lh5.ggpht.com/-t30dHkfcyt0/T3lqMxHEFVI/AAAAAAAACnk/Crmwc9t2MC4/twitter-2012_thumb5.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="twitter-2012" width="130" /></a></td> </tr> </tbody></table> <p> </p> <p> </p> <p> </p> <h4>İnfografik Nasıl Yapılır?</h4> <p> </p> <p>İnfografik hazırlamadan önce biraz teorik bilgi vermekte fayda var.İnfografik oluşturmak birkaç bilgi yazıp etrafını rastgele grafiklerle süslemek değildir.Verdiğiniz bilgilerin sıralaması, renkler, fontlar, kullanılan grafikler birbirleriyle alakalı ve tutarlı olmalıdır.Amaç anlatılmak istenen şeyin daha kolay anlaşılmasını sağlamak olduğu için bilgi – grafik oranına dikkat etmelisiniz.</p> <p> </p> <p>İşin teknik kısmına geçecek olursak profesyonel infografikler Photoshop, Illustrator, Indesign gibi profesyonel programlar kullanılarak oluşturulabilir ancak bu programları kullanmayı bilmiyorsanız ve kişisel, amatör infografikler oluşturacaksanız şu çevrimiçi araçları kullanarak kolayca oluşturabilirsiniz.</p> <p> </p> <p><strong><u>1. Vizify TweetSheet</u></strong></p> <p> </p> <p><a href="http://lh3.ggpht.com/-4P-TqxohtDM/T3lqOcLU8fI/AAAAAAAACns/S6poyr1CAbU/s1600-h/vizify7.jpg" target="_blank"><img alt="Vizify TweetSheet" border="0" height="264" src="http://lh5.ggpht.com/-Ml6mRbgsS3M/T3lqPQgi6qI/AAAAAAAACn0/ke_F4xdtybc/vizify_thumb5.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Vizify TweetSheet" width="527" /></a></p> <p> </p> <p>Bu araç ile Twitter hesabınıza ait harika bir infografik hazırlayabiliriz.Yapmanız gereken tek şey Twitter kullanıcı adınızı yazmak.Vizify TweetSheet hesabınızı analiz edecek ve aylara göre Twitter kullanımınız, en çok RT edilen tweetleriniz, en iyi takipçileriniz, yoğunlukla bahsettiğiniz konular gibi verileri grafiklerle destekleyerek sizin için oldukça profesyonel bir infografik oluşturacaktır. [ <a title="Vizify TweetSheet" href="http://vizify.com/tweetsheet/" target="_blank">http://vizify.com/tweetsheet/</a> ]</p> <p> </p> <p><strong><u>2.Vizualize.me</u></strong></p> <p> </p> <p><a href="http://lh4.ggpht.com/-AThytZ9xJoY/T3lqRcGhfdI/AAAAAAAACn4/HIFfzkg5SGs/s1600-h/vizualize-me5.jpg" target="_blank"><img alt="Vizualize.me" border="0" height="341" src="http://lh3.ggpht.com/-XNEI9fzyBj0/T3lqSp0Ld2I/AAAAAAAACoA/Ra4mMb_0As8/vizualize-me_thumb3.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Vizualize.me" width="527" /></a></p> <p> </p> <p>Oldukça detaylı bir kişisel infografik aracı.Profil bilgileri , iş hayatı, eğitim hayatı, yetenekler, ilgi alanları, yabancı diller, başarılar gibi verleri girdikten sonra karşınızda profesyonel infografiklerden hiç bir farklı olmayan kişisel infografiğinizi bulacaksınız. [ <a title="Vizulize.me" href="http://vizualize.me/" target="_blank">http://vizualize.me</a> ]</p> <p> </p> <p><strong><u>3. Re.vu</u></strong></p> <p> </p> <p><a href="http://lh3.ggpht.com/-GWW76H1Wreg/T3lqUYZ8-kI/AAAAAAAACoI/Dz063smj5HU/s1600-h/re-vu5.jpg" target="_blank"><img alt="Re.vu" border="0" height="197" src="http://lh4.ggpht.com/-KDt2AoEoCVY/T3lqWdYFwMI/AAAAAAAACoQ/auxaQf5vgJg/re-vu_thumb3.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Re.vu" width="527" /></a></p> <p> </p> <p>Kişisel bilgilerinizi, linklerinizi, sosyal medya profillerinizi, iş geçmişinizi, eğitim bilgileriniz, portföyünüzü yazdıktan sonra hazır temalardan birini seçerek infografiğinizi oluşturabiliyorsunuz.Klasik bilgilerin dışında kendi özel verilerinizi grafiklerle destekleyerek infografiğe ekleme imkanınız da var.Yerleşimi ise sürükleme yaparak gerçekleştitrebilirsiniz.Tüm bu özellikleriyle dört dörtlük bir infografik aracı diyebilirim. [ <a title="Re.vu" href="http://re.vu/" target="_blank">http://re.vu/</a> ]</p> <p> </p> <p><strong><u>4. Kinzaa</u></strong></p> <p> </p> <p><a href="http://lh5.ggpht.com/-GqoQkPjbQD0/T3lqX3Ic88I/AAAAAAAACoc/RhtzTvPaYSQ/s1600-h/kinzaa5.jpg" target="_blank"><img alt="Kinzaa" border="0" height="214" src="http://lh6.ggpht.com/-V2fmEL7q06I/T3lqaoHqxPI/AAAAAAAACok/AZAVw6d5aJg/kinzaa_thumb3.jpg?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Kinzaa" width="527" /></a></p> <p> </p> <p>Diğer araçlarda olduğu gibi profil, şi, eğitim, karakteristik özellikler, yetenekler gibi bilgileri giriyorsunuz ve infografiğiniz anında oluşturuluyor.Kullanımı kolay arayüzü ve detaylı veri girilebilmesi bu aracın güzel özellikleri. [ <a title="Kinzaa" href="http://kinzaa.com/" target="_blank">http://kinzaa.com</a> ]</p>

Kişisel İnfografikler Oluşturabileceğiniz Araçlar

Bazen 100 kelime ile anlatabileceğiniz şeyi sadece 1 resim kullanarak ta anlatabilirsiniz.İşte bu mantıkla doğan infografikler dijital dünya...

Devamı »