Mansger-Grafik Banner Değişim Ağı Açıldı Hemen Tıkla Banner Değişim Ağına Kayıt Ol Sitenin Tıklanma Sayısını Arttır Ve Hitini Pagerankını Yükselt Mansger-Grafik Banner Değişim Ağı 125x125 Boyutunda Hemen Aramıza Katıl

Kurallar : Verdiğimiz kodu sitesinden silen kişinin sitesi ağdan silinir. Cinsel içerikli, şiddete veya uyuşturucuya sempati yaratmaya çalışan herhangi bir site ağımıza kesinlikle katılamaz. SİTENİZE EKLEMENİZ GEREKEN KOD :
GÖRÜNÜM :

Bomba gibi eğlenceli, dolu dolu, geyikli şakalı, Aztech Gaming kanalımız Açılmıştır!
Subscribe olursanız, videolarımıza ilk ulaşan siz olursunuz.
Herkezi beklerim iyi kefiyler iyi seyirler dilerim..

KANALIMIZA GİTMEK İÇİN TIKLA

Hex kodları dediğimiz 6 haneli renkler arasında seçim yapmak artık çok kolay. Renk seçici sayesinde kendinize ve ziyaretçilerinize büyük kolaylık sağlayacaksınız. Bu basit renk seçici ile her rengi kolayca bulacaksınız.

Lightbox Yapımı

20 Mayıs 2013 Pazartesi yazildi.

Merhaba arkadaşlar bir Bedava-Sitem altyapılı sitede gördüğüm lightbox yapımı uygulaması çok hoşuma gitti. Ben de size sunayım dedim. (Size söyleyeyim bunu Blogger'da kullanmayın.Sebebi açık!)
İlk önce koyacağımız yere şu kodu yerleştiriyoruz:
<script type="text/javascript" src="http://HypeRxX.opendrive.com/files/NV8xNjY1NjA1X0p0eEhM/jquery-1.4.4.min.js"></script> <link rel="stylesheet" href="http://HypeRxX.opendrive.com/files/NV85NzM4MjQwX2piZERz/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="http://HypeRxX.opendrive.com/files/NV8xNjY1NjA2X3hpTG9O/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'facebook'}); });</script>

Bunun birde çeşitleri var. Birincisi resimleri göstermek için:

Kod aşağıda:
<a rel="prettyPhoto" href="Tıklanınca Gösterilcek Büyük Resim Url"><img src="Tıklanması İçin Gösterilcek Küçük Resim" alt="" width="60" height="60" border="0" /></a>

İkincisi ise resimleri gösteriyor ama kapat aç yapmamak için altta slayder veriyor. Bunun için önizleme vermeyeceğim kod aşağıdadır. ( üçlü verdim kodu!)
<a rel="prettyPhoto[wordpressci]" href="Tıklanınca Gösterilcek Büyük Resim Url"><img src="Tıklanması İçin Gösterilcek Küçük Resim" alt="" width="60" height="60" border="0" /></a> <a rel="prettyPhoto[mansger-grafik]" href="Tıklanınca Gösterilcek Büyük Resim Url"><img src="Tıklanması İçin Gösterilcek Küçük Resim" alt="" width="60" height="60" border="0" /></a> <a rel="prettyPhoto[mansger-grafik]" href="Tıklanınca Gösterilcek Büyük Resim Url"><img src="Tıklanması İçin Gösterilcek Küçük Resim" alt="" width="60" height="60" border="0" /></a>

Üçüncüsü ise bir site göstereceğiz iframe yapacağımıza iframeyi lightbox'a sığdıralım diyenlere...
Mansger-Grafik

<a href="Göstereceginiz Site Url?iframe=true&width=100%&height=100%" rel="prettyPhoto">Site İsmi İsterseniz Resim Url </a>

Dördüncüsü ise lightbox oyun göstermek için. örnek olarak:

Kod aşağıdadır:
<a rel="prettyPhoto" href="Flash Url'si Buraya?width=600&height=450"><img src="Resim Buraya" alt="" width="85" height="55" border="0" />

0 yorum:

Siyah Zoom Efektli Sosyal Butonlar Eklentisi

25 Mayıs 2013 Cumartesi yazildi.

Blogger blogunuz için, siyah ağırlıklı , google+ , facebook , Twitter , digg ve rss butonları ister misiniz ?
Siyah Zoom Efektli Sosyal Butonlar Eklentisi ile , sosyal sayfalarınızı Blogger blogunuzda ziyaretçilerinize gösterebilirsiniz , ziyaretçi fare ile üstüne geldiğinde , zoom özelliği gösterir..

Şablon/ Html'yi Düzenle/ Ctrl+F ]]></b:skin> kodunu bulun.
Hemen b:skin kodunun üzerine aşağıda bulunan kodu ekleyin:

/* Siyah Zoom Efektli Sosyal Butonlar Eklentisi baslangici mansger-grafik.blogspot.com */ .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); }

Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele alttaki kodları ekliyoruz..
<ul class="bubblewrap"> <li><a href="http://www.plus.google.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwa2wkL5fd9WE5TEBUMbKE8AYB9zb9-x7XvTf9lgnGyg0wZlDvrawV47qAkVOpeDpZSdriWiGYiGwSD_jcibNg9o9VFNh1olx1ZJ6QfRSe6GEkyeMCjGuiyOTH3sd-GGBvq96MaGx7yMs/s1600/bloggertrix-google-icon.png" title="Add to Google+" /></a></li> <li><a href="http://www.facebook.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI_2mfDAs3e87M_InIQ6oC17DayV-TAKvfyAqqBZQGSaqnEC9L7wHZrxffb82NnO452vF5VplgNkXX4ILhj55e2BRTxQXVqJjSz9htUIDQ8TZ1AqX1rMnJeBpniEDyP6krfnjkA4ZnZhg/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li> <li><a href="http://www.digg.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllV6e1k3F4uRmBtr4B5No6TIIQ64J8tYOp6TsttbDwFuBq6BKXabHY7JOa_wtbcwuQUgcRfouKJlkHpak3vQHqNl64z4X6RwsrtP1nEk5UtsHkL0d4HNMEZAW_JPeBxHp7a7FzR_5PcU/s1600/bloggertrix-digg-icon.png" title="Add to Digg" /></a></li> <li><a href="http://www.twitter/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizqsfNkCqvww_efYkztSZdhS-1Y60f-sF8H7i1YP7VNSJlXotQiPOcObeKP2AKLNMUTqmYZ7a4ssvW2BEEfRd1yZ6a407pzLyugWFijZCiA_IUMz2CKoYTXG9du0PRd6c1xPFhFdTtVUQ/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMd8Ts8mP49AzAlZbjH3htfm9ilNOs_O1S7oYaMNHbTid1SKitTkKPstH1LrdF9j4LGQ_Hc3tlJQlRqUHuvehLRXDhyphenhyphenOFfcCvYQ8VD4KUOcBD7txFm4HyP7j6m7FhqF3ny66qaz-ZFIw/s1600/bloggertrix-rss-icon.png" title="Add RSS Feed" /></a></li> </ul>