Sosyal Medya İkon Seti (PSD - CSS)

Bugün hoşuma giden ve CSS dökümünü bulduğum sosyal ikon setlerini sizlerle paylaşmak istiyorum. İkon setimiz hem PSD hem CSS olarak size vereceğim. Demo olarak yazıya eklediğim resimi gösterebilirim.

Kaynak Dosyasını İndir

Devamı »

Teknosa Anneler Günü Reklamı

Hiç bir yorum getirmeyeceğim tek kelime ile SÜPER olmuş.

Devamı »

Blogger En Çok Yorumlanan Yazılar Eklentisi

Merhaba arkadaşlar, yine birbirinden güzel blogger eklentilerini sizlerle paylaşmaya devam ediyorum. Bugün ki eklentimizin amacını başlıktan da anladığınız gibi en çok yorum alan yazılarınızı sergilemek için kullanabilirsiniz.

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = "(" + feed.value.items[i].commentcount + " Yorum)";
var pList = "<li>&rsaquo;&rsaquo; " + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://aerakman.blogspot.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json" 
type="text/javascript">
</script>

Eklentimizi, Yerleşim > Gadget Ekle > HTML/JavaScript adımlarını izleyerek ekleyebilirsiniz.Kodlar arasında mavi renk ile belirtmiş olduğum kısımı kendinize göre düzenleyebilirsiniz.

Devamı »

Blogunuzdaki Tüm Videoların Boyutunu Ayarlayın

Merhaba arkadaşlar, yeni tasarıma geçtiğim için eklediğim bazı videolar eski tasarımın boyutu nedeniyle taşma ve kaymalara uğramıştı. Bunu nasıl kısa yoldan halledebileceğimi düşünürken yine imdadıma CSS koştu. Sağolsun hiç yalnız bırakmadı beni eheheh :)

Artık blogumdaki tüm videolar 2 hareketimle istediğim boyutta ve konumda oluyorlar nasıl mı ? Hemen anlatayım. Öncelikle çoğu video embed (kaynak) kodları iframe kodunu içerir. Bunu düşünerek bir css stili oluşturdum şöyle ki,

iframe {width:565px; height:320px;}

Yukarıdaki kod sayesinde blogumda bulunan tüm videolar 565px genişliğinde, 320px yüksekliğinde olacak. Eğer video playerı isterseniz de kodlarımız arasına margin: px değeri vererek konumunu ayarlayabilirsiniz.

Devamı »

Kıyamet Günü Türkçe Dublaj Full izle

Konusu: Maria ve Henry 3 çocuklarıyla birlikte kış tatillerini geçirmek için Tayland'a giderler. Bu tropik cennete birkaç gün keyifli vakit geçirmek isteyen aile, 25 Aralık gecesi düzenlenen Christmas partisine gider ve bolca eğlenirler. Ertesi sabah havuz keyfi yaptıkları sırada korkunç bir gürültüyle ortalık sarsılmaya başlar. Maria ve Henry korku içinde dona kaldıklarında, otelin duvarları üzerinden dev dalgalar da üzerlerine doğru hızla gelmektedir! 26 Aralık 2004'te yaşanan tsunami felaketini kurtulmayı başaran bir ailenin gerçek hikayesi üzerinden anlatan filmin başrollerinde Naomi Watts ve Ewan McGregor'u seyrederken filmin yönetmenliğini ise The Orphanage filmiyle tanıdığımız J.A. Bayona üstleniyor...Film hakkındaki olumlu veya olumsuz yorumlarınızı bekliyor, iyi seyirler diliyoruz... .

Bilgi:Yapım:2012 - İspanya, ABD Tür:Aksiyon, Dram, Gerilim Yönetmen:Juan Antonio Bayona Senaryo:Sergio G. Sánchez Görüntü Yönetmeni:Óscar Faura Müzik:Fernando Velázquez Süre:114 dk. Oyuncular Naomi Watts, Ewan McGregor, Tom Holland, Geraldine Chaplin, Marta Etura, Nicola Harrison, Russell Geoffrey Banks, Gitte Witt, Sönke Möhring, Dominic Power, Bruce Blain, Oaklee Pendergast

Film Yorum:Ewan McGregor'un şu ana kadarki izlediğim en iyi performansını verdiği filmde ünlü aktör karakterin duygusal geçişlerini harika vermiş; fakat En İyi Erkek Oyuncu kategorisinin bu sene oldukça kalabalık olması McGregor'un en büyük şansızlığı olacak. Öte yandan güçlü performansıyla filmi sırtlayıp götüren Naomi Watts ise Maria olarak filmdeki en zor rolün altından başarıyla kalkmış. Kadın oyuncu kategorisinin bu sene kalabalık olmadığını düşünürsek Watts'ın Oscar adaylığı alma ihtimalinin oldukça fazla olduğunu düşünüyorum. Bu arada Tom Holland'ın oyunculuğunun da dikkat çektiğini belirtmek gerek.

Devamı »

Metro Tarzı Sosyal Ağ Butonları

Merhaba arkadaşlar, güzel bir yazı ile yine karşınızdayım. Bugün ki yazımızda Win8'in Metro Arayüzüne benzer sosyal ağ butonlarını paylaşacağım. Bence hepiniz beğenecek ve kullanacaksınız :)

Hemen başlayalım diyorum.

CSS Kodları

#jocial{width: 305px;
float: left;margin-top: 10px;}
#jocial li{position:relative; cursor:pointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlU3QczTmssV9q0GVtfIJsRQCRX7nsk6yci6zja-ubamO1sKSodfRoDtSuTYK8LtioSiDSSKk9jOeEjlCy8beeHz6pXoAagtlqcqeZIcDNM0ELXwjOq8UvPx3MmXqYqxAcVKWaKTbXDuaI/s0/facebook.png") no-repeat center center;}
#jocial .twitter{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5asXPhTZm9yAunnHJA-9pvjrYz-4w0JlnyE68VmhbxSyUjrnaUS-L2jOaji120YXZNKye23l5Wk-CAoRXE3vk-v7yGqOjiV_fzD9isJkHvsWzUBsH7S84YxFLSeQmpwSoHdtg6MU8hvUG/s0/twitter.png") no-repeat center center;}
#jocial .googleplus{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7vgIN8WJ8QlZiM5oLLKLM27u3YOAy5Gcivk_0wrxCZI4WXaOUhdYrCuRE-DYU6q8bu-8BdW3RDC88FJPVjmfdRggA0xOBjUIdZttq3LT3YsBPpNRs4GzRbb_af5X6T1UF43yefgDLv2n/s0/google%25252Bplus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TLg90ET8aHHBcXXqGJpU6lRvz6ouA10Pd8yX67RHgrq4FgOMc1XIY1NYpT4YXlzzQh49c6m-I4oeSpr-I6SEIGKSZ8m5WrHCuiqI9zvgrTbP_N3jI85hL5z3kz-FEcl36LFaV15gS_Ha/s0/rss.png") no-repeat center center;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5asXPhTZm9yAunnHJA-9pvjrYz-4w0JlnyE68VmhbxSyUjrnaUS-L2jOaji120YXZNKye23l5Wk-CAoRXE3vk-v7yGqOjiV_fzD9isJkHvsWzUBsH7S84YxFLSeQmpwSoHdtg6MU8hvUG/s0/twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7vgIN8WJ8QlZiM5oLLKLM27u3YOAy5Gcivk_0wrxCZI4WXaOUhdYrCuRE-DYU6q8bu-8BdW3RDC88FJPVjmfdRggA0xOBjUIdZttq3LT3YsBPpNRs4GzRbb_af5X6T1UF43yefgDLv2n/s0/google%25252Bplus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TLg90ET8aHHBcXXqGJpU6lRvz6ouA10Pd8yX67RHgrq4FgOMc1XIY1NYpT4YXlzzQh49c6m-I4oeSpr-I6SEIGKSZ8m5WrHCuiqI9zvgrTbP_N3jI85hL5z3kz-FEcl36LFaV15gS_Ha/s0/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}

HTML Kodları

<ul id='jocial'>
<li><a class='icon facebook' href='http://www.facebook.com/YOUR_USERNAME/'></a></li>
<li><a class='icon twitter' href='http://twitter.com/username/'></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/YOUR_USERNAME'></a></li>
</ul>

Devamı »

Cinayetten Tutuklu FİLMİ İZLE

Devamı »