Simdi sunu hayal et. Guzel bir kiz gordun, cesaretini topladin ve onunla konustun. Aranizda guzel bir bag olustuve kiz sana telefon numarasi...
Erkeklerin sevmiyor gibi görünsede sevdikleri davranışlar
Dürüst (ve cesur) bir erkek her şeyi açığa çıkarıyor. Gülecek, ağlayacak ve bakım ürünlerini saklamak isteyeceksin. Egzersiz sonrası terli d...
Bir Kızla Tanismanin Kolay Bir Yolu
Bir Kızla Tanismanin Kolay Bir Yolu Gunduz disarida gorup begendigin ve HIC TANIMADIGIN kizlarla tanisabilecegini ve bu sekilde kisa sureli ...
Kadınlara Bunları Sormaktan Kaçının
Tekrar görüşecek miyiz? İlk randevudan sonra sorulmaması gereken bir sorudur. Fazla ilgi ilişkinin zorluk seviyesini düşürür. Kaç kişiyle be...
Kadınlar & Erkekler
" Kuruyemiş tabağı teorisi " veya “ Evlilik teorisi ” Bir kuruyemiş tabağından sırasıyla önce şamfıstıklar, bademler, fındıklar, ...
Blogger Kişisel Tema
Merhaba arkadaşlar bugun sizler için baya uğrasıp bir tema editledim.Günden güne sizlere daha iyi temalar editleyip sunacağım ama sizlerde d...
Facebook Yine Değişiyor
10 yıldır insanları birbirine bağlayan Facebook, gerek yeni özellikler gerek yeni tasarımlarla kullanıcılarına kolaylık sağlamaya devam ediy...
Sizler Şaşıracağınız Bazı Bilgileri Bir Araya Getirdik
İlginç Bilgiler +Bir insan hayatı boyunca ortalama 22 kilogram deri kaybediyor. -Karıncalar uyumaz. +Suudi Arabistan´da bir kadın kocasına k...
İşte Bayanlara Bir Kaç İpucu
İşte Bayanlara Bir Kaç İpucu Ciddi bir ilişki yaşamak isteyen erkek kadında ne gibi özellikler arar? ‘Stop Getting Dumped’ kitabını kaleme a...
Üzüm Ve Üzümün Faydaları
Üzüm Üzüm: Dünyanın en yaygın ve sevilen meyvelerinden biri olan üzüm, besin değerleri bakımından da oldukça zengindir. Bol miktarda B vitam...
Yeni İnternet Yasası Onaylandı!
Günlerdir büyük tartışmalara neden yeni internet yasası Cumhurbaşkanı Abdullah Gül'e gönderilmişti ve Gül'ün yeni internet yasasını ...
Ihlamurun faydaları
Ihlamurun Faydaları: Ihlamur: Ihlamurgiller familyasından; kerestesi güzel, bir gölge ağacı ve bunun kurutularak çay gibi haşlanıp içilen gü...
Maydanozun Faydaları
Maydanoz: Maydanozgiller familyasından; yaprakları güzel kokulu ve parçalı, kazık köklü, 30 - 100 cm boyunda, iki yıllık otsu bir bitkidir. ...
İlginç Bilgiler-Video Şeklinde
Merhaba arkadaşlar.Bugünde sizlere ilgiç bilgiler içeren ufak bir video paylaşıyorum.Umarım bu video hem bilmediklerinizi öğretir hemde şaşı...
Facebook Bu Tarihte Kapatılabilir?
Geçtiğimiz yıllarda yavaş yavaş ilk günlerini kaybeden Facebook araştırma konusu oldu. Princeton Üniversitesi’nin bu konuyu ele alarak yaptı...
Blogger Üst Çubuk Eklentisi
Merhaba Arkadaşlar.Bugun Blogger Sitelerinde Çok Gördüğümüz Üst Çubuk Eklentisini Nasıl Ekleyeceğimizi Anlatacağım...Bloğunuzu Özelleştirmek...
Blogger Resimlere Zoom Efekti Verme
Merhaba arkadaşlar bloguma yeni koyduğum eklentiyi sizinle paylaşmak istedim. Bir çok eklentiyi siz değerli takipçilerim ile paylaşmaya başlamıştım bugünkü yazımda ise sizlere blogumda aktif olarak kullandığım ve resimlerin üzerine gelince hafif büyüyen yani zoom efektinin nasıl yapıldığını ve nasıl kullanabileceğinizi anlatacağım. Kullanımı ve kurulumu oldukça basit olan bu eklenti ile sizde blogunuza zarif ve güzel bir görüntü sağlayacaksınız. Bu yazımda Blogger altyapısında olan bloglar için nasıl kullanıldığını anlatacağım.
Öncelikle Aşağıdaki Kodu CTRL+F Yardımı ile bulalım.
]]></b:skin>
Bulduktan Sonra Hemen Üstüne Aşağıdaki Kodları Ekleyelim.
.post-body img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-body img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
Hepsi bu kadar arkadaşlar artık resimlerinizin üstüne gelindiğinde zoom efekti aktif olarak kendini göstermeye başlayacak, yapamayan arkadaşlar yorum formunu kullanırlarsa yardımcı olurum. Görüşmek üzere.
Merhaba arkadaşlar bloguma yeni koyduğum eklentiyi sizinle paylaşmak istedim. Bir çok eklentiyi siz değerli takipçilerim ile paylaşmaya başl...
Blogger Part Sistemi Kodu
Merhaba Arkadaşlar Bugun Film Siteleri İçin Sizlere Part Sistemi Kodunu Paylaşacağım. Kullanımı Basit Yayın İçine Kodu Yapıştıracaksınız.
İçerik Yazan Yerlere Filmin Oynatma Kodunu Koyacaksınız.
Yapamaynlar Olursa Yorum Yapsınlar.
Kod ALt Taraftadır.
<!-- Pcmerkez Tek Part Kodu -->
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 26px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 91%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 15px ;
height: 24px;
line-height: 21px;
border: 1px solid rgb(0, 0, 0);
border-left: none;
font-weight: bold;
background: rgb(0, 153, 255);
overflow: hidden;
position: relative;
width:64px;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: rgb(0, 255, 214);
border-bottom: 1px solid rgb(0, 0, 0);
}
.tab_container {
border: 1px solid rgb(29, 29, 29);
border-top: none;
clear: both;
float: left;
width: 91%;
background: rgb(22, 22, 22);
}
.tab_content {
padding: 0px;
font-size: 0.2em;
display: none;
}
#container {
width: 750px;
margin: 0 auto;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">Tek Part</li>
<li rel="tab2">Alternatif</li>
<li rel="tab3">Fragman</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab2" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab3" class="tab_content">
<p>İçerik
</p>
</div>
</div>
</div>
<!-- Pcmerkez Tek Part Kodu -->
Merhaba Arkadaşlar Bugun Film Siteleri İçin Sizlere Part Sistemi Kodunu Paylaşacağım. Kullanımı Basit Yayın İçine Kodu Yapıştıracaksınız. İ...
Blogger Devamını Oku Eklentisi
</head>Kodunu Bulup Hemen Üzerine Aşağıdaki kodları ekleyelim.
Daha Sonra şu Kodu Bulun <data:post.body/> ve bu kodu silip yerine aşağıdaki kodları yerleştirin..<!-- read more code-1 START -->
<style type='text/css'>
.readmore {
position: relative;
margin-top: 12px;
margin-right: 10px;
padding: 7px;
background: #333;
display: inline-block;
color: #fff;
cursor: pointer;
text-align: center;
-moz-border-radius: 5px;
border-radius: 5px;
float: right;
text-decoration: none;
}
a.readmore, a:hover.readmore, a:active.readmore {
text-decoration: none;
color: white;
}
</style>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 170;
img_thumb_width = 240;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
53
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
if(img.length<1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="https://dl.dropbox.com/s/u9jqt4jp8p82341/no-preview.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- read more code-1 END -->
<!-- read more code-2 START -->
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='readmore' expr:href='data:post.url'>Devamını Oku</a>
</b:if>
</b:if>
<!-- read more code-2 END -->
Normalde manuel olarak yaptığınız yazının belli kısmının anasayfada görüntülenmesi işini otomatik yapar. Anasayfada yazılarınız sizin belirl...
Blogger Manşet alanı oluşturma
İlk Önce ]]></b:skin> Kodunu aratıp buluyoruz.Daha sonra aşağıdaki kodları bulduğumuz kodun hemen üstüne gelecek şekilde ekliyoruz..
.cssbeyin-manset {width: 960px; margin: 10px; auto;}
.cssbeyin-manset ul li {width: 217px;height: 130px;
position: relative;
float: left;margin-right: 10px;
overflow: hidden;
border: 2px solid #FAFAFA;
}
.cssbeyin-manset ul li a {width: 217px; height: 130px;
display:block; opacity: .75; filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
}
.cssbeyin-manset ul li a:hover {opacity: .99; filter: alpha(opacity=99);
-ms-filter: "alpha(opacity=99)";
}
.cssbeyin-manset ul li a img {
width: 217px;
}
.cssbeyin-manset ul li a span#new-slidespan {
position: absolute;
bottom: 0px; left: 0px;
background: #444;
opacity: .90;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";
padding: 4px 8px; display:block;
width: 217px; color: #fff;
font-size: 12px;
}
.new-last {margin-right: 0px !important;}
.new-last span {
position: absolute;
top: 0px;right: 0px;
background: url(images/external.png) no-repeat 3px -19px !important;
font-size: 11px !important;width: 35px;
text-align: right;padding-left: 20px !important;
padding-right: 5px;
color: #333;
}
img.maxwidth {max-width: 300px; max-height: 200px;
float:left; padding-right: 10px;
padding-bottom: 5px;
}
Kodlarımızı Ekledikten sonra Aşağıdaki kodları manşetin nerde görünmesini istiyorsanız oraya ekliyoruz.
<div class='cssbeyin-manset'>
<ul>
<li><a href='Yazı-Adresi' rel='bookmark'><img alt='ResimBilgisi' src='Resim Adresi'/><span id='new-slidespan'>Yazı Başlığı</span></a></li>
<li><a href='Yazı-Adresi' rel='bookmark'><img alt='ResimBilgisi' src='Resim Adresi'/><span id='new-slidespan'>Yazı Başlığı</span></a></li>
<li><a href='Yazı-Adresi' rel='bookmark'><img alt='ResimBilgisi' src='Resim Adresi'/><span id='new-slidespan'>Yazı Başlığı</span></a></li>
<li><a href='Yazı-Adresi' rel='bookmark'><img alt='ResimBilgisi' src='Resim Adresi'/><span id='new-slidespan'>Yazı Başlığı</span></a></li>
</ul>
</div>
Yapamayn Olursa yorum yapsın. Kaynak:Cssbeyin
Sitenizde öne çıkartmak istediğiniz konuları yada yazılar için çok iyi bir eklentiyi sizlere sunuyorum..Kodlar aşağıdadır. İlk Önce ]]>...