LINE’da kullanıcı bilgi ve görüşmeleri 3G, 4G ve Wi-Fi dahil tüm ağlarda şifreleniyor! Whatsapp’ın Facebook’a satılmasıyla ...
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...
Yeşil Çay Ve Faydaları
Giriş: Bu makalede Yeşil Çayla ilgili bilmek isteyeceğiniz tüm orijinal bilgiler bulunmaktadır. Fakat aşağıda bahsedilen faydaların sadece b...
Yeni Blogculara Dost Tavsiyeleri
Bu yazı, Değmesin Yağlı Boya’nın sahibi Sevgi Hanım tarafından Blog Hocam için yazılmıştır. Her blog yazarı zamanla bloguyla daha ilgi...
Hıamına Bird Hilesi İndir
Flappy Bird oyunu Google Play'den kaldırıldıktan sonra oyunun bir çok benzeri piyasaya sürüldü. Bunlardan en ilginç olanı ise ünlü vine ...
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ı ...
SPAM Yorumlardan Kurtulmak İçin 2 Teknik
Blogların en keyifli ve faydalı yerlerinden biri yorum bölümleri. Blogların yorum bölümleri genelikle iyi niyetli, fayda sağlamayı, iletişim...
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 ]]>...
Blogger Video Teması
- Temayı isteyen arkdaşlar E-mail adreslerini yoruma yazabilirler..
- Tema engeç 2gün içerisinde sizlere ulaşacaktır.
Temanın Demosu
Blogger video teması çok aranan temalardan biridir.Bunun için Kendi blogumda kullandığım bir temayı sizlere sunuyorum.Temada Slayt alanı...