Kıtalar Arası bir KuşAtma!

9 metrelik dev bir sapan, kocaman Angry Birds kuşları, üzerinde domuzcukların olduğu devasa bir platform ve muhteşem İstanbul Boğazı manzarası... Bunların hepsi biraraya gelmiş ve bu görüntüleri oluşturmuş:



Videonun asıl amacı Cheetos için hazırlanan ve www.istanbulkusatmasi.com  adresinde bulunan özel Angry Birds oyununu tanıtmak. Oyunda hergün 1 iPad 2 başta olmak üzere Angry Birds anahtarlıklar, peluş oyuncaklar, 100 ve 200 TL’lik Teknosa hediye çekleri de ödül olarak veriliyor. Twitter paylaşımlarında da #istanbulkusatmasi hashtag’i ile video yayılmakta.

Bir bumads advertorial içeriğidir.

Sayfayı Kaydırınca Açılan Mesaj Kutusu

Okuyucularınıza bir duyuru yapmak veya onları bir aksiyona davet etmek için uyarı kutuları ve çubukları çok faydalıdır.Daha önce bu amaçla kullanabileceğiniz 3 farklı eklenti paylaşmıştım.Bunlar:

• Şeffaf Kapatılabilir Bilgilendirme Çubuğu
• Hem çubuk, hem kutu olarak kullanabileceğiniz Noty
• Ve istatistik özelliği olan Hello Bar isimli servisti.

Hepsini birbirinden farklı özellikleri vardı.Bu yazıda paylaşacağım mesaj kutusunun da bambaşka özellikleri var.Bunlrdan kısaxa bahsedecek olursam;

 

 

Farenin tekerleği veya sayfadaki kaydırma çubuğu ile sayfayı aşağıya doğru kaydırmaya başladıktan sonra bu mesaj kutusu sayfanın belirlediğiniz yerinde otomatik olarak açılıyor.Sayfayı tekrara yukarıya çıkardığınızda mesaj kutusu tekrar kapanıyor.Blogunuzda sayfalar arasında dolaşırken mesaj kutusunun tekrar gözükmesini istemeyenler için de kapatma seçeneği mevcut.Daha iyi anlamak için aşağıdaki videoyu izleyebilirsiniz.

 

 

Eklentiyi blogunuza eklemek için aşağıdaki kodları HTML/JavaScript gadget olarak eklemeniz yeterli.

 

<script type="text/javascript" src="http://yourjavascript.com/34145129629/sayfayi-kaydirinca-acilan-mesaj-kutusu.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:#000; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#66ad3d;">Buraya mesajınızı yazın. </strong>
</div></div>

 

Kırmızı renkle gösterdiğim yere kutuda gözükmesini istediğiniz mesajı yazın.

“Yazı Kaç Kez Okundu?” Eklentisi

Blogunuzda yayınladığınız bir yazının kaç kez okunduğunu Analytics veya benzeri araçlarla detaylı bir şekilde görebilirsiniz ancak bunu her yazının başında veya sonunda okuucularına göstermek isteyen blogcular da olabilir.O yüzden bu eklentinin işe yaraycağını düşündüm ve paylaşmaya karar verdim.

 

Öncelikle birkaç uyarıda bulunmak istiyorum.Bu eklenti ile yazıyı kaç kişinin okuduğunu değil, kaç kez okunduğunu görebiliyorsunuz.Yani o yazıya her girildiğinde sayıda artış olacaktır.Bu yüzden çok doğru sonuçlar vermeyebilir ve kolayca manüpile edilebilir.

 

 

Resimde gördüğünüz örnekte ben eklentiyi yazının hemen altına ekledim.Anlatımı da bu şekilde yapacağım.İsterseniz farklı bir yere de ekleyebilirsiniz.

 

Eklentiyi blogunuza eklemek için şablonunuzdan ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

.ziyaretci-sayac{
background-image:
url(http://icons.iconarchive.com/icons/deleket/soft-scraps/16/Document-Copy-icon.png)
; background-position: 1em 1em; background-repeat:
no-repeat; background-color: #Fff; width: 50%; border:1px
#333 solid; padding: 1em; padding-left: 70px;
color: #ff2a00;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:5px;
}

 

İkinci olarak şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function setC(visitors, value){
var expireDate=new Date (2099, 12, 31);
document.cookie = visitors + "=" + escape(value) + ((expireDate == null) ? "" : ("; expires=" +
expireDate.toGMTString())) }
function readC(visitors){
var search = visitors + "=";
var i, j;
if (document.cookie.length > 0) {
i = document.cookie.indexOf(search);
if (i != -1) {
i += search.length;
j = document.cookie.indexOf(";", i);
if (j == -1) j = document.cookie.length;
return unescape(document.cookie.substring(i,j));
} } }
var num;
num=readC("visitors");
if (!num) num=0;
num++;
setC("visitors", num);
document.write("<div class='ziyaretci-sayac'>");
document.write("<b>Bu yazı daha önce "+num+" kez okundu.<\/b>");
document.write("<\/div>");
//]]>
</script>
</b:if>

 

Eklentiyi sadece kayıtları okumak için içine girdiğinizde gözükecektir.Blogunuzun ana sayfasında gözükmez.

Yemek Siparişinde Tek Bir Restorana Bağlı Kalma Devri Kapandı!

Öyle bir yemek sipariş sitesi düşünün ki ister evde, ister yolda, isterseniz işte olun binlerce yemek çeşidinden biri en hızlı şekillde ayağınıza gelsin.Üstelik farklı ödeme seçenekleri sayesinde hiç bir güvenlik sorunu yaşamadan. Ben bu şekilde kusursuz hizmet veren bir site tanıyorum: www.istelezzet.com

Yemek Siparişi Sepet ile Taşınmaz...:) from Istelezzet on Vimeo.

Istelezzet.com’un kullanışlı internet sitesi ve mobil aplikasyonu sayesinde kolayca siparişinizi verebiliyorsunuz.Üstelik verdiğiniz her siparişte biriken puanlarınızla ücretsiz yemek siparişi verebiliyorsunuz.

Istelezzet.com’un en beğendiğim özelliği ise bize tek seferde farklı firmalardan sipariş verebilme imkanı sunması. Ayrıca www.istelezzet.com’da ne yiyeceğine karar veremeyenler de düşünülmüş ve Karasızım isimli bir servis oluşturulmuş. Bu servis bulunduğunuz yere en yakın ve size en uygun seçenekler önererek seçim yapmanıza yardımcı oluyor.

Zengin restoran seçenekleri, ihtiyaca göre menü belirleme ve menü fiyatlarını sürekli güncel tutma gibi özellikleriyle sizi fazlasıyla tatmin edecek bir site olan istelezzet.com, bünyesindeki işletmeleri sürekli kontrol ederek kullanıcılarına kaliteli ve sağlıklı servis sunmayı da ihmal etmemiş.

Bir bumads advertorial içeriğidir.

Click Box Eklentimi Paylaşıyorum

Blogumun sidebarında en üstte gördüğünüz Facebbok beğen, Twitter takip et ve Google +1 butonlarından oluşan bçölüme Click Box adını vermiştim.Bu bölbutonları ilk eklediğimde sizden güzel tepkiler almıştım.O günden beri yorumlarda ve mesajlarda bu Click Box’ın nasıl yapıldığını soran çok kişi oldu.Sanırım artık paylaşma zamanı geldi.

 

Kodların gadget olarak kolayca eleyebilmeniz olabildiğince sadeleştirdim.Bazı okuyucular butonlardan sadece 1 veya 2 tanesini kullanmak istediği için kodları ayrı ayrı paylaşıyorum.Yapmanız gereken sayfa adreslerini kendi adreslerinizle değiştirmek ve kodları HTML/JavaScript olarak kenar çubuğunuza eklemek.

 

Facebook Beğen Butonu

 

 

İlk olarak Facebook beğen butonu ile başlayalım.Burada değiştrmeniz gereken tek yer http://bloghocam.blogspot.com/ yazan yer.Buraya beğen butonua basıldığında hangi sayfanın beğenilmesini istiyorsanız onun adresini yazın.Blogunuz veya Facebook sayfanız olabilir.

 

<style>
#clickface {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia6SEl89dlV_ZCkeutIUeJodm7JgaDZXwH7XKfwyXL41WtjUjgNAE22PvzfuuQN_gb3MtjgB9rmOrGOcGZEc65CMttl0OhorEVZb5ypmvPKK-wwbDnqu-Na1n67qnJq33KQryUng9hZy_s/s265/face.jpg);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickface">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://bloghocam.blogspot.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div></div>

 

Twitter Takip Et Butonu

 

 

İkinci  paylaşacaım kodlar click box’ın Twitter takip et butonuna ait kodlar.Burada da değiştirmeniz gereken tek yer var. http://twitter.com/bloghocam yerine kendi Twitter adresinizi yazın.

 

<style>
#clickfollow {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVy-gPaKpPpyoL2rxBDWdmH66yOFjAaROG2oMtkIbZVWNffnOCoMGGfRXy-V1_Z44G9erj8_P_nAIERGErAJ7nHouMF34qe_Y9xYWIjir-uXi3V3OzjEwLJKaJNIRUJHJsJi86gCcmYNq/s280/twitter.gif);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickfollow">
<a href="http://twitter.com/bloghocam" class="twitter-follow-button" data-lang="tr">Follow @bloghocam</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>

 

Google +1 Butonu

 

 

Son olarak Google +1 butonun kodlarını paylaşacağım.Burada da değiştirmeniz gereken sadece bir yer var. http://bloghocam.blogspot.com yerine kendi blogunuzun adresini yazın.

 

<style>
#clickplus {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKyM396uflBlWPYRL-_hyphenhyphenA3p0qm5JmH5NylrTnZkAw14RH_F7hehbVUIcvUwhGjd8AoaFFi1Zr48WTzVzLCkANUvLwM46vTyqkWaa8Avez2gAO9wYWZbMDx1ViackqVAI3RuQOkLpeWnFP/s265/plus.jpg);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickplus">
    <g:plusone size="medium" href="http://bloghocam.blogspot.com"></g:plusone>

<script type="text/javascript">
  window.___gcfg = {lang: 'tr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>

 

Eğer bu eklentiyi beğendiyseniz aşağıdaki paylaşım butonlrını kullanarak yazıyı arkadaşlarınızla paylaşın.Ayrıca Click Box’taki beğen, takip et ve +1 butonlarna henüz tıklamadıysanız hemen şimdi tıklayabilirsiniz.