 | |
| Blogger animasyonlu yapim aşamasında eklentisi |
<style>
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYnYotuL5fSHGatvFbsyxm43h1tmMddNvUT-8CmstTZEixikvxGPrd540Zsu2OX0v1HlmsTYenIiZ_ry16O_Ppz6R4qHzIxNVHcsw1MbnQPY7iUqB98D4TIPvfyQqEvpFMX1HsAp6R3bo/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#tbisose .icon{overflow:hidden; color:#fafafa;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbisose li:hover .icon,
.touch #tbisose li .icon{width:210px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id="tbisose">
<li data-alt="Fcebook'ta takip et"><a class="icon facebook" href="http://facebook.com/gokhaninguncesi">Facebook'ta Takip Et</a></li>
<li data-alt="Twitter'da takip et"><a class="icon twitter" href="http://twitter.com/gokhaninguncesi">Twitter'da Takip Et</a></li>
<li data-alt="Google+'da takip et"><a class="icon googleplus" href="https://plus.google.com/111548963868002856665/posts">Google+'da Takip Et</a></li>
<li data-alt="Pinterest'te takip et"><a class="icon pinterest" href="http://pnterest.com/kullanici-adi">Pinterest'te Takip Et</a></li>
<li data-alt="RSS İle Takip Et"><a class="icon rss" href="http://feeds.feedburner.com/gokhaninguncesi">RSS İle Takip Et</a></li>
</ul>
 |
<style>
#slider {
position:absolute !important;
top:50%;
left:50%;
width:650px;
height:350px;
margin-top:-175px;
margin-left:-325px;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5), 0px 0px 20px rgba(0,0,0,.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5), 0px 0px 20px rgba(0,0,0,.2);
box-shadow: 0px 0px 5px rgba(0,0,0,.5), 0px 0px 20px rgba(0,0,0,.2);
}
.nivoSlider img {
position:absolute;
top:0;
left:0;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
.nivo-caption {
position:absolute;
left:75px;
bottom:29px;
width:498px;
padding-top:13px;
padding-bottom:13px;
z-index:8;
border:1px solid #000;
border-left-color:rgba(0,0,0,.5);
border-right-color:rgba(0,0,0,.5);
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 3px rgba(0,0,0,.7);
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 3px rgba(0,0,0,.7);
box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 3px rgba(0,0,0,.7);
background: -webkit-linear-gradient(top, rgba(72,73,76,0.9) 0%,rgba(57,58,60,0.9) 50%,rgba(50,51,53,0.9) 51%,rgba(38,39,40,0.9) 100%);
background: -moz-linear-gradient(top, rgba(72,73,76,0.9) 0%,rgba(57,58,60,0.9) 50%,rgba(50,51,53,0.9) 51%,rgba(38,39,40,0.9) 100%);
background: -o-linear-gradient(top, rgba(72,73,76,0.9) 0%,rgba(57,58,60,0.9) 50%,rgba(50,51,53,0.9) 51%,rgba(38,39,40,0.9) 100%);
background: -ms-linear-gradient(top, rgba(72,73,76,0.9) 0%,rgba(57,58,60,0.9) 50%,rgba(50,51,53,0.9) 51%,rgba(38,39,40,0.9) 100%);
background: linear-gradient(top, rgba(72,73,76,0.9) 0%,rgba(57,58,60,0.9) 50%,rgba(50,51,53,0.9) 51%,rgba(38,39,40,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e648494c', endColorstr='#e6262728',GradientType=0 );
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.nivo-caption p {
margin:0;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
text-align:center;
text-shadow:0px -1px 0px #000;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
.nivo-directionNav a {
position:absolute;
bottom:30px;
z-index:9;
cursor:pointer;
text-indent:-9999px;
width:45px;
height:39px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNfs7Jm-zRksHV6_9utJ4NpjMmmNIjGUFhnH2IhG19trBtbSvg8MS7Vnv0n-FXCgaRKsTCsADzC_EmtKfTFxZQbZQ7qVbsaSFn5H5gAjPjl49v7gX20PPuxWOsJKxjKTiJ8zuSpyAqeRQ/s1600/helperblogger.com-arrows.png);
background-repeat:no-repeat;
}
.nivo-prevNav {
left:75px;
background-position:0 0;
box-shadow: 1px 0px 0px rgba(255,255,255,.2), 2px 0px 0px rgba(0,0,0,.4);
}
.nivo-nextNav {
right:77px;
background-position:-45px 0px;
box-shadow: -1px 0px 0px rgba(255,255,255,.2), -2px 0px 0px rgba(0,0,0,.4);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://www.code.helperblogger.com/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.nivoSlider').nivoSlider({
effect: 'sliceDown',
directionNavHide: false,
captionOpacity: 1,
controlNav: false
});
});
</script>
<div id="slider" class="nivoSlider">
<img src="RESİM URL ADRESİ"
alt="Slider Image 1" title="RESİMİN BAŞLIĞI">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU4pdjrzH6apAx3oqxLoCKAIGp3D2iCh8eDOs0UEpg8VfRBERwP4s35q4gUtZLJWPKAFT6OFHLFnsyqrjsBYOvPATmdJAkyC4eTB3jWLsWeQ9qA4YyD-XoerRirHNDDk6dF9ecnwfos1k/s1600/helperblogger.com-4.png"
alt="Slider Image 2" title="You Can Add Anything Here">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5pTBjhT5AhtVeEdFnL1yyjBXvQtLcn_ZmWoOnDq4ofTpQ-1KaN9vf8ShAD8bWXqO9Ne483eXBRiT0N65EtUHuKvV06TN7deCHXWQedoPIIHG0FVPGK_eXU6IIb1OiEt0fb4qsKyK75Kg/s1600/helperblogger.com-3.png"
alt="Slider Image 2" title="Like Image Description">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYX9zG0mB6Hn5tgFgeGf5bmTLDFgW__6g_fVYyQ5bcySwdcyW29x514-HibdsSr7W2KKkN_LtxG-yfLx-gvj1OOCnFUeAEq6qAx92QPxatH610YgfBhyj13s1zG4-1XRISU-geOCkEJUY/s1600/helperblogger.com-2.png"
alt="Slider Image 2" title="Image Info">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-8BlP0dYi0_p60yCD5QlGN06PoN1u_vlGU7Y26uDQbb0HIc-HfhC_adjDTOFk86_Mvllp94d4aUJalKuxZ3iWkFA0SGZJeI2pazoC9uZFwC9boJ_cJ6S834JBBHil6xUks8FL9idwgg/s1600/helperblogger.com-1.png"
alt="Slider Image 2" title="And Other Things">
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
#featured{
float:left;
width:900px;
height:300px;
padding:0;
margin-bottom:30px;
position:relative;
overflow:hidden;
border:3px solid #4494c5;
background:#000;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0;
left:610px;
list-style:none;
padding:0;
margin:0;
width:300px;
height:292px;
overflow:auto;
overflow-x:hidden;
z-index:100;
}
#featured ul.ui-tabs-nav li{
padding:0 0 0 15px;
}
#featured ul.ui-tabs-nav li img{
float:left;
margin:0 5px 0 0;
background:#fff;
padding:3px;
width:70px !important;
height: 57px !important;
}
#featured ul.ui-tabs-nav li span{
position:relative;
left:0;
top:13%;
line-height:1.3em;
}
#featured li.ui-tabs-nav-item a{
background:#000;
color:#fff;
display:block;
padding:5px;
height:63px;
text-decoration:none;
line-height:1.2em;
outline:none;
width: 300px;
font-family: verdana;
}
#featured li.ui-tabs-selected{
background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/resultset-previous-icon.png) center left no-repeat;
z-index:100;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#4494c5;
color:#FFF;
}
#featured .ui-tabs-panel{
width:630px;
height:292px;
position:relative;
padding:0;
margin:0;
z-index:50;
}
#featured .ui-tabs-panel img{
width:630px !important;
height:290px !important;
z-index:50;
}
#featured .ui-tabs-panel .info{
position:absolute;
padding:5px 20px 5px 20px;
bottom:0;
left:0;
overflow:hidden;
height:63px;
width:610px;
background:#111;
opacity:0.85;
filter:alpha(opacity=85);
.width: 100%; /* IE */
z-index:50;
}
#featured .info h3{
font-size:18px;
padding:0;
margin:0;
overflow:hidden;
font-family: Verdana;
font-style: bold;
}
#featured .info p{
margin:0;
padding: 5px 20px 5px 0px;
line-height:1.4em;
color:#fff;
}
#featured .info a, #featured .info a:visited{
text-decoration:none;
color:#56c0fd;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none
}
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 500px;
margin: 0 auto;
border:5px solid #000;
}
#ribbon {
width: 111px;
height: 111px;
position: absolute;
top: -4px;
left: -4px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYm2lJqzmSvRhRx7fLe5sewsc07h-QFHDFveG-qJ0bis2YfJCbomxntaYi4T7MyuaQasWKiV-6aTB0zOhNFh9m23bPaZdTXaCNeBLgxlf7zGeAYHfXTIISnZdkgujWfkSLYoLUleASYhs/s109/ribbon-ozellikli.png) no-repeat;
z-index: 7;
}
#slider {
width: 500px;
height: 218px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9LjE6yhly_UXrC5BSYc1TtpiLcpKk94cfpp9xGjVUDGsk6W3n3GLgyofGjBFSHdrLRfNzbYfb5HTOgSCAZRaNBQorUCVkiYOKK5LD8aBZfzg2PVoxXU9_R_56sGRJ2sfo95ZpM-um5F4/s1600/helperblogger.com-loading.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top: 250px;
left: 190px;
width: 150px;
background: none;
padding-left: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}
div.navBulletsWrapper div {
width: 11px;
height: 11px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglspebUKy7Fck_oLOH8xjsL9h9Fw4weOdasGPEA-2IrVAHIARqCw0oCr2mj_42pvRzb5dAJcT8FDrFBjKJoNa8nVpoB3-uGBX3ElxbFlWsQt9QcgZPu0z19xF_cx7nKhvtjg38WesbcOc/s22/bullet.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
_position: relative;
}
div.navBulletsWrapper div.active {
background-position: 0 -11px;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
</style>
<script src="https://dl.dropbox.com/u/60346665/bloghocam-slayt.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="http://gokhaninguncesi.blogspot.com/p/arsiv_20.html"><img src="http://img545.imageshack.us/img545/2964/arsiv.jpg" alt=""/></a>
<a href="http://gokhaninguncesi.blogspot.com/p/ataturk-hakknda-bilgiler.html"><img src="http://img109.imageshack.us/img109/3576/atatrkksesi.jpg" alt=""/></a>
<a href="http://gokhaninguncesi.blogspot.com/p/iletisim.html"><img src="http://img440.imageshack.us/img440/8713/iletisimk.jpg" alt=""/></a>
<a href=" http://www.facebook.com/gokhaninguncesi "><img src="http://img210.imageshack.us/img210/453/facebooksayfamiz.jpg" alt=""/></a>
</div></div>
