blogger manşet

Bu slaytı blogunuza eklemek için Blogger kumanda panelinde tasarım ayarlarından sayfa öğeleri ( yerleşim ) bölümünü açın ve Üst Bilginin altındaki gadget ekleme yerine HTL/JavaScript gadget olarak aşağıdaki kodları ekleyin.

<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/AVvXsEhJgVdhTn8fEuDBK1dzhCwsNMYmklW9qmJXdNlEwtttKT5jxADkS8WUke7ta5nGhspvA1JszGAeXjezOSGmN1nCTm_5d651NUF73QBGUuq55cP8BdljZvKN_mW02jQacIbkmeRZRnMyq8Y/s109/ribbon-ozellikli.png) no-repeat;
z-index: 7;
}
#slider {
width: 500px;
height: 218px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6geHohSgY3e8crBYLs_Ects_tTVZRn3ky-j6C0TcbyxuNLEQpVyViDMgbP4ZH2wLJC_x2ZelbWKUAX9uYfs-KOW9rUBYcDDD4Cz-HxgUaBj8VmnoJuWOiZbs06DMFUztrQTzlT_2kJiU/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/AVvXsEid8uNbVg-7ANpqTXQgNPb7LZ3aZgkVRJMjOoTAIUi0UjErebNVepC1PgqkLIrFVkmkjJi2QRV1lDb9uQOpRaL1M8LAWgacgavgUFq1EGkr25n2sFU0IbXa3hJGe_-9H7NfhYx3JEUf4cY/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="ribbon"></div>
<div id="slider">
<a href="http://bloghocam.blogspot.com/2012/05/blog-hocama-misafir-olmann-faydalar.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaq8F2-6_jIwQFrIRSS6h8tG8A4IVkiRuBrb5TZvS9jvMvEDp-FJ8X4o5CTObwCBbOOklqYPQK0BuQO0B2FVkFPqXZ1J73n1G1m4Z6x4jjFOVAMtNXrvOD0HPEBZlEYlJvRbLW8y4MEz1m/s1600/bloghocama-misafir-olmanin-faydalari.jpg'" alt="blog hocam'a Misafir Olmanın Faydaları"/></a>
<a href="http://bloghocam.blogspot.com/2011/12/mini-e-kitabm-okuyun-misafir-blogculuk.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6S-rpFuEY2W_d6ugDkTYJH9KINPQtxnQ4JDDeuCPDEj4KhmnU-C8dXOSjzdMCUDH7RRSoskhshjxud61Kx8alD_GBHiZx9B8Ud9U4AoNw0Um6fozclIdTFlXyCvmB9EZYFTc9erCEn-_m/s576/misafir-blogculuk.png'" alt="misafir blogculuk"/></a>
<a href="http://bloghocam.blogspot.com/2011/06/basarl-blogcularn-alskanlklar.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD1Yq-7v4C2Oms-EINAkiSxKgYHl_28t7awR1YGYy1lTRNDrBTetla4jwnkFa9Y46YsUP7YZUneu_Sp5GZAiZt7MtQYQIqKIVc934WkqnICwnyArMJi1viroxxePje4W9EZOUI7fYq1eUm/'" alt="başarılı blogcuların özellikleri"/></a>
<a href="http://bloghocam.blogspot.com/2011/08/bir-blogcunun-sahip-olmas-gereken-5.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC-dg2K-NVpvRNF9wr1dcslXy-Cq_oLJAaZkOcvN90yZ_C2MNZO-1KsTvgPa3liI9GWQoN2I3-0Qf-7sPUKrW2wJ4a6wtsOnj-zfjjiADvJiqmm7guMFjR6cOEcfVybCe-IJiY03WQMWpL/'" alt="bir blogcunun sahip olması gereken 5 temel beceri"/></a>

</div></div>

Slaytta gösterilecek öğelerin kodlarını şu şekilde düzenleyeceksiniz:

<a href="Resme tıklayınca açılacak asyfanın adresi"><img src="Slaytta gösterilecek resmin adresi" alt="Resmin altında gözükecek yazı metni"/></a>