Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
Diğer,
dinamik,
resim
]]></b:skin>
/* eklentileri.blogspot.com zoom efekti kod sonu */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQztzNjNUJJX01j85gu6dH1VWJfX3AVr7D5uPRYNVGH5n0h4Ux_9NfZpOjjegMhyuVG-JuJ2jaQqmYsUqv2gO6cwhoI6W-a9jSmQqCtPprEjiPiApz3vKdCNZu_nQ2_iEUW4OPZdxJak5u/) no-repeat center center; /* Image used as background on hover effect
border: none; /* eklentileri.blogspot.com zoom efekti kod sonu*/
}
</head>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Larger thumbnail preview
$("ul.thumb li").hover(function() {
$(this).css({'z-index' : '10'});
$(this).find('img').addClass("hover").stop()
.animate({
marginTop: '-110px',
marginLeft: '-110px',
top: '50%',
left: '50%',
width: '174px',
height: '174px',
padding: '20px'
}, 200);
} , function() {
$(this).css({'z-index' : '0'});
$(this).find('img').removeClass("hover").stop()
.animate({
marginTop: '0',
marginLeft: '0',
top: '0',
left: '0',
width: '100px',
height: '100px',
padding: '5px'
}, 400);
});
//Swap Image on Click
$("ul.thumb li a").click(function() {
var mainImage = $(this).attr("href"); //Find Image Name
$("#main_view img").attr({ src: mainImage });
return false;
});
});
</script>
<ul class="thumb"> <li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 1" alt="" /></a></li> <li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 2" alt="" /></a></li> <li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 3" alt="" /></a></li> <li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 4" alt="" /></a></li> </ul>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
efekt,
resim,
zoom
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KGA07x_y_HRouDmT0dOo7Ojp26FWXhoyn0rEVhIn2Y5rlbs-Ep56qIEOFWXojTeYMPopkLjyKEs4npcRRxERvsD0eHmhp0oQc_0foTn_kEVUsY-HWQvGsxV4yJxcCLcEkcLYdlIVUhEL/s1600/yeniy%C4%B1l.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5; background-color: transparent;"/>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim
]]></b:skin>
.imagepluscontainer{ /* main image container */ position: relative; z-index: 1; } .imagepluscontainer img{ /* CSS for image within container */ position: relative; z-index: 2; -moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */ -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .imagepluscontainer div.desc{ /* CSS for desc div of each image. */ position: absolute; width: 90%; z-index: 1; /* Set z-index to that less than image's, so it's hidden beneath it */ bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */ left: 5px; padding: 8px; background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */ color: white; -moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */ -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; opacity: 0; /* Set initial opacity to 0 */ -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */ -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */ -webkit-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .imagepluscontainer div.desc a{ color: white; } .imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */ -moz-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); opacity:1; /* Reveal desc DIV fully */ }
<div class="imagepluscontainer" >
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnqDFcOIiXrr_zReuzOwx2f2Qo1KaWF2SP4vPFwTFMj47ChYATWzAB0hiKuhkUVUEWAb2RA9kvzO-11TgwJJ1j-UKNWK9vyVxfCcfKIM604g3uBBvSl_ddNFAOJq-8Gem4pAJ8o4G8vZx/s1600/yorum.png" style="width:263px; height:199px; z-index:2" />
<div class="desc">
Tüm Blogger eklentilerini , eklentileri.blogspot.com adresinde bulabilir , blogunuza ekleyebilirsiniz..
</div>
</div>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
kutu,
resim,
yazı
<style type="text/css"> .top-commenter-line img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } .top-commenter-line {margin: 3px 0;} .top-commenter-line .profile-name-link {padding-left:0;} .top-commenter-avatar {vertical-align:middle;} </style> <script type="text/javascript"> // // Top Commentators gadget with avatars, by MS-potilas 2012. // Gets a list of top commentators from all comments, or specified number of days in the past. // See http://eklentileri.blogspot.com/ // // CONFIG: var maxTopCommenters = 5; // how big a list of top commentators var minComments = 1; // how many comments must top commentator have at least var numDays = 0; // from how many days (ex. 30), or 0 from "all the time" var excludeMe = true; // true: exclude my own comments var excludeUsers = ["Anonymous", "someotherusertoexclude"]; // exclude these usernames var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames // var txtTopLine = '<b>[#].</b> [image] [user] ([count])'; var txtNoTopCommenters = 'No top commentators at this time.'; var txtAnonymous = ''; // empty, or Anonymous user name localized if you want to localize // var sizeAvatar = 56; var cropAvatar = true; // var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugTdu8QYqFkQYwt2YqKyxxclBJO_Kij531Euwv8DSzE_40ZLLAKTIEfvR0JCV6-SA9t06WS8Y22xRYRdh39VqbzN1ih0gI6wSL7HdOMjmmAVD21JuI68hb8rb0rObC2s24_lSJ4VPiQ4/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar; var urlMyProfile = ''; // set if you have no profile gadget on page var urlMyAvatar = ''; // can be empty (then it is fetched) or url to image // config end // for old IEs & IE modes: if(!Array.indexOf) { Array.prototype.indexOf=function(obj) { for(var i=0;i<this.length;i++) if(this[i]==obj) return i; return -1; }} function replaceTopCmtVars(text, item, position) { if(!item || !item.author) return text; var author = item.author; var authorUri = ""; if(author.uri && author.uri.$t != "") authorUri = author.uri.$t; var avaimg = urlAnoAvatar; var bloggerprofile = "http://www.blogger.com/profile/"; if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile) avaimg = author.gd$image.src; else { var parseurl = document.createElement('a'); if(authorUri != "") { parseurl.href = authorUri; avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname; } } if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar; if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar; var newsize="s"+sizeAvatar; avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/"); if(cropAvatar) newsize+="-c"; avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/"); var authorName = author.name.$t; if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous; var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />'; if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>'; if(maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength-3) + "..."; var authorcode = authorName; if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>'; text = text.replace('[user]', authorcode); text = text.replace('[image]', imgcode); text = text.replace('[#]', position); text = text.replace('[count]', item.count); return text; } var topcommenters = {}; var ndxbase = 1; function showTopCommenters(json) { var one_day=1000*60*60*24; var today = new Date(); if(urlMyProfile == "") { var elements = document.getElementsByTagName("*"); var expr = /(^| )profile-link( |$)/; for(var i=0 ; i<elements.length ; i++) if(expr.test(elements[i].className)) { urlMyProfile = elements[i].href; break; } } for(var i = 0 ; i < json.feed.entry.length ; i++ ) { var entry = json.feed.entry[i]; if(numDays > 0) { var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601 var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]); //Calculate difference btw the two dates, and convert to days var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day)); if(days > numDays) break; } var authorUri = ""; if(entry.author[0].uri && entry.author[0].uri.$t != "") authorUri = entry.author[0].uri.$t; if(excludeMe && authorUri != "" && authorUri == urlMyProfile) continue; var authorName = entry.author[0].name.$t; if(excludeUsers.indexOf(authorName) != -1) continue; var hash=entry.author[0].name.$t + "-" + authorUri; if(topcommenters[hash]) topcommenters[hash].count++; else { var commenter = new Object(); commenter.author = entry.author[0]; commenter.count = 1; topcommenters[hash] = commenter; } } if(json.feed.entry.length == 200) { ndxbase += 200; document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>'); return; } // convert object to array of tuples var tuplear = []; for(var key in topcommenters) tuplear.push([key, topcommenters[key]]); tuplear.sort(function(a, b) { if(b[1].count-a[1].count) return b[1].count-a[1].count; return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1; }); // list top topcommenters: var realcount = 0; for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) { var item = tuplear[i][1]; if(item.count < minComments) break; document.write('<di'+'v class="top-commenter-line">'); document.write(replaceTopCmtVars(txtTopLine, item, realcount+1)); document.write('</d'+'iv>'); realcount++; } if(!realcount) document.write(txtNoTopCommenters); } document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>'); </script>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim,
yorum
]]></b:skin>kodunu bulun , hemen üstüne aşağıdaki kodları ekleyin..
.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
<a class="blur"> <img alt="resim" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0M6DVYgPY7CZ6oKJBU6A0BrxrhyphenhyphenjqtJyni6bM_srzKu6DnjIApufa0AtTTTtqWrX9s5ajse3EoaRPEAC0S6vxWQU9v-6AhxYOeqpWf46VTkwL6CVQeNm_m6qkqSZuL-mcuFzEO1r8g_8A/s1600/yorum.png" /></a>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
efekt,
resim
]]></b:skin>
/*Start Nivo Slider Css eklentileri.blogspot.com*/
/*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* For blogger by - Rahul Ippar @ helperblogger.com
*
* March 2010
*/
/* The Nivo Slider styles */
#slider {
width: 618px;
height: 246px;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8;
/* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
/*
Skin Name: Pascal Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: fixed
Description: A nice, light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom & Pascal Gartner
Author URI: http://dev7studios.com
*/
.theme-pascal.slider-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8a_Lcs1aPUVEE_UAdatG1q1G1YOuJb62b9vAC5DnwPM-_K3hOXOjebnhRIOhOrUdeUmpDNmaqctDiyS2U04lsVN5pme-UXTk4_v4qnAf7TkH4nJS8Vfo2oZl791_QA2gwTFG8GI2yWbO/s1600/helperblogger-slider-bg.png) no-repeat;
width: 668px;
height: 299px;
margin: 0 auto;
padding-top: 17px;
position: relative;
}
.theme-pascal .nivoSlider {
position: relative;
width: 630px;
height: 235px;
margin-left: 19px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNyOEpCtElqSmh3Sia4qrwDtynBWdxuSlLwixN6eU2m7NBusQb4daEQdiOcfPfdReJLP2BtPMzSvfq3awLK2vo1SE4OgT3cpSWwc4gXfnp41A0HQxAegXx2zRPBXGrA9NX-ZY_j-U8ZVU4/s1600/helperblogger-loading.gif) no-repeat 50% 50%;
}
.theme-pascal .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
width: 630px;
/* Make sure your images are the same size */
height: 235px;
/* Make sure your images are the same size */
}
.theme-pascal .nivoSlider a {
border: 0;
display: block;
}
.theme-pascal .nivo-controlNav {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR1glBR2QjyqQKTLfUYPxCcXV_Cj-7cV70sZo4l2Tqd-jMCDiibdt-SA2VvvE6KK_wdnz4vrhxK-Bb-hxm9f8s_OuUCzv89YRFQ1Twl_03QpbwdqYtmt1y5n7f-TauSEevofZvLSN7T4hC/s1600/helperblogger-controlnav.png) no-repeat;
width: 251px;
height: 40px;
position: absolute;
left: 200px;
/* Tweak this to center bullets */
bottom: -42px;
padding: 8px 0 0 82px;
z-index: 20;
}
.theme-pascal .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoR451L-OnWbt1o4rkHNNupBPNXOg8XY_m6VHTZp9t7FE3c7IYhpfOc106xOGG0uT1WdsNBF1D9upNdrIi6oV3Omxpa6HHrpP053s7-hPg2uTd9P2erwlAmXSpug9dd-_TFOzzqychqn6V/s1600/helperblogger-bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-pascal .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-pascal .nivo-directionNav a {
display: none;
}
.theme-pascal .nivo-caption {
bottom: 40%;
left: auto;
right: 0px;
width: auto;
max-width: 630px;
overflow: hidden;
background: #fff;
text-shadow: none;
font-family: arial, serif;
color: #4c4b4b;
}
.theme-pascal .nivo-caption p {
padding: 5px 15px;
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}
.theme-pascal .nivo-caption a {
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}
.theme-pascal .ribbon {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfhaD1h48Bg7pC3yq5ifXYI4-EA7PdOewBZj3AFnOcZzWRiOueEF2kl0BvjRdaabqasV83wwOuCisxI0WSXHRqxg9I69mXoGI7dtGQ-Z7vTPaHHc9PhtsMml3VJgtTI-sithBRp1VCS8vi/s1600/helperblogger-ribbon.png) no-repeat;
width: 111px;
height: 111px;
position: absolute;
top: -8px;
left: -8px;
z-index: 300;
}
/*End Nivo Slider Css eklentileri.blogspot.com*/
</body>
<!--Start Slider Scripts-->
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<div class="slider-wrapper theme-pascal"> <div class="ribbon"></div> <div id="slider" class="nivoSlider"> <a href="http://eklentileri.blogspot.com/2012/04/blogger-facebook-yorum-kutusu-ekleme.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8v5BchvgR-US4L97DFfKMC_92u18yqGF9GNrEJ3pyX9UhCWcKGy1R_GeC-gZnrLE-ETAKO08NyYVnMS_yu2YK6A_Fm-17SMDWGULXq3qeFVRgaJOXZcxxZIa7T2P7OTnDRWcbJSgK1NrU/s1600/facebook-yorum-kutusu-eklentisi-ekleme.png" alt="" title="isteğe bağlı yazı" /></a> <a href="http://eklentileri.blogspot.com/2012/03/blogger-yorum-kutusuna-arka-plan-ekleme.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgncHUMPm8NLbTl7yUGPNf5F-6BWG14agJVd_umkmbCKDPPwXuFZ3VcBFVt342vyAhtHH3BrOm2TlrLRPadJkEHN794DHMQyoQ0dFWFWJviJgywmYkLfuPZHgW3mzAi-P5BJyvRvTYHyTUe/s1600/yorum-formu.png" alt="" title="isteğe bağlı yazı" /></a> <a href="http://eklentileri.blogspot.com/2012/04/yandan-aclr-facebook-ve-twitter-takipci.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rryXzl1ftZ9b8tBBXMIKFX9zglNuWCfb0eHQKMZ107UjSdzG3ixO7f-oK4LP6Lh5yYV-JCuR6UwdqbDGR07NjeW85T-sG-OC9ATevKxioDxCvCQ-FFI4JD9M_q8Khh5Zor3T1_3Wgqjv/s1600/takipci.png" alt="" title="isteğe bağlı yazı" /></a> <a href="http://eklentileri.blogspot.com/2012/03/blogger-admin-yazar-yorumlarn-farkl.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9RiOCB7UJ97lybSnU1p9R31RV30OVWmzNR-Eu4ssSjYHLIC2PCNXtL8F_F0rjNQL3sRgXN4k2HZKyUQ363dmWZ1RD704YasRJFOoSqxjhNmiPPj42ZIZf_B7eHVZ-Qc9ihGRSWC8HVhWm/s1600/yazar.png" alt="" title="isteğe bağlı yazı" /></a> </div> </div>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim,
Slider
]]></b:skin>
#arka{
background-color:#FFFFFF;
}
#arka li{
display:inline-block;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
.text{
padding:3px 5px;
font-size:12px;
width:175px;
color:#FFFFFF;
background: #000000;
background: rgba(0,0,0,0.5);
position:relative;
z-index:1;
text-align:center;
margin-top:-36px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;
}
.text:hover{
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;
background: #000000;
background: #000000;
}
<div id="arka"> <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXL9HTGNuBKE25hxETGMYTLoVWvHp6GPlmTyNkDWibTuw01M9aA7jz6EVMt63IKUN7dQYzE_QbV-jTfKDdR5BDaJN_iz68QQtQzjCvOEvoU44hDXo0euhVSLe245fnT6Y5MSrkM6KB/s1600/alt-bar.png" width="185" height="120" /></a> <div class="text">Deneme Yazı 1 , Bu Bir Denemedir....</div></li> <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh3UzsTUzcx7QkYcg5mm4eHNkXl663Z5D4VVbhoUCNapMYoIJ0OHOLbeUP_KqqcNhnKldiUR4IF29MRonoasAXzvi4tz6ljdKBsL_S9Lfn6VelER62-u-GEw2x7EgeT1cVyF-l8j5m/s1600/gadget+ortalama.png" width="185" height="120" /></a> <div class="text">Deneme Yazı 2 , Bu Bir Denemedir....</div></li> <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgieIBgR_RCqQomW2YXziJbdxVoyUfCtA-GmpqbuVIRafFzcyjZRRd2gxTxPSAC0tL8YswLYCoaQpy-aS7B6ZdTsrcEN37NJ5aaG9_uynU91UH9CMLKdE03wIzQ1yauIUdRHXneAtGS/s1600/mause-blogger.png" width="185" height="120" /></a> <div class="text">Deneme Yazı 3 , Bu Bir Denemedir....DENEME</div></li> </div>
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim,
yazı
</head>
<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 400; img_thumb_height = 140; img_thumb_width = 140; </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"); if(img.length<=0) { imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHjzHoKiZIphnSNhMXxD5OTXTrV54NEjx_ok7QGcx6pYk58jHuZlVH1nOj6lzBODQqN2yPug2smpvuTqN__TNFMveg7OHuLS0jJeCvjtDFnmOoXUkvAU0BiAICqsyCqCSlZJoi8-SiFuI/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; var summ = summary_noimg; } if(img.length>=1) { imgtag = '<span style="float:left;margin-right:5px;"><img src="'+img[0].src+'" 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>
<data:post.body/>
<!-- eklentileri.blogspot.com thumbnail devamını oku başlangıcı --> <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='more' expr:href='data:post.url'>Devamını oku...</a> </b:if> </b:if> <!-- eklentileri.blogspot.com thumbnail devamını oku bitişi -->
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
kayıtlar,
konular,
otomatik,
resim,
Thumbnail,
yayınlar
</head>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 18px;
font-weight: bold;
color: #003300;
}
#related-posts a{
font-size: 16px;
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.hidden img{
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.hidden:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
</style>
<script src='http://yourjavascript.com/1124875421/benzer.js' type='text/javascript'/>
</b:if>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=4; var relatedpoststitle="BENZER YAZILAR"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if>
Etiketler:
benzer,
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
blogger ipucu,
resim
]]></b:skin>
#mybtips-form iframe{ background:#ffffff url(BURAYA RESIM LINKI) repeat; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:5px; font:normal 12pt "ms sans serif", Arial; color:#ffffff; width:560px; height:213px !important; } #mybtips-form a{ color:#000; }
<div class='comment-form'>
<div id='mybtips-form'>
'comment-holder' kodunu aratın blogunuzda , 2 sonuç çıkacaktır.. her ikisinide 'mybtips-form' olarak değiştirin..
Image URL: http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg
Image URL: http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg
Image URL: http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png
Image URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzt6nEGHCGbMg6Wz3M6gy942Sz-FLYCgyYSI6UDYSvHhYY64PZ-eRascMdp1ld4BptFjmRzSHntmhoTxkpc4kQdlroxarHRhRs1aR0hP1PzG_UjDhDPyLwtC-He1B_Yaoo79NlK2jJbY3/s1600/152.jpg
Image URL: http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg
Etiketler:
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
kutu,
resim,
yorum
]]></b:skin>
#comment-post-message {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJfQ4EpXKN1LKyhJ5NQBIbo6ltMzsH2p4Z2CR8rTWmnn7fth2y-JDKYZbWzhjE0lVy0NBRJuoggQ1Fn-7yaupjKpMCoH-QTwAr788aYpYNyoO2_dOEGIvsWrYeizvpqDwCFJiHpl49wla/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}
Etiketler:
benzer,
Blogger,
Blogger Eklenti,
Blogger Eklentileri,
blogger eklentisi,
Blogger Widget,
resim
