Merhaba arkadaşlar bu eklenti sayesinde resimlerimizin üzerine yazı ekleyebilirsiniz.
Hemen anlatıma geçelim..
Aşağıdaki kodu bulun ;

]]></b:skin>

Bir üst satırına aşağıdaki kodları ekleyelim ;

#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;
}

Yukarıdaki işlemi yaptıysanız kaydedin ve yerleşim kısmına girerek , gadget ekle > HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim..

<div id="arka">
    <li><a href="www.okanisli.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjWyqHB3nvyOg1S3W_Im6e9pPsKwkE1-dpb_UUI_ca_oCAXsc6wsf2Ji5irNZmbAfGDKv7D7329Hxp4vbEV0cnI_BeWbodGjp55UQ659C-i_G8Zj_yKRqCN-i2uphE2cSZW1v21JkrEB2/h120/111.fw.png" width="185" height="120" /></a>
    <div class="text">www.okanisli.blogspot.com</div></li>

 
    <li><a href="www.okanisli.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjWyqHB3nvyOg1S3W_Im6e9pPsKwkE1-dpb_UUI_ca_oCAXsc6wsf2Ji5irNZmbAfGDKv7D7329Hxp4vbEV0cnI_BeWbodGjp55UQ659C-i_G8Zj_yKRqCN-i2uphE2cSZW1v21JkrEB2/h120/111.fw.png" width="185" height="120" /></a>
    <div class="text">www.okanisli.blogspot.com</div></li>

 
    <li><a href="www.okanisli.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjWyqHB3nvyOg1S3W_Im6e9pPsKwkE1-dpb_UUI_ca_oCAXsc6wsf2Ji5irNZmbAfGDKv7D7329Hxp4vbEV0cnI_BeWbodGjp55UQ659C-i_G8Zj_yKRqCN-i2uphE2cSZW1v21JkrEB2/h120/111.fw.png" width="185" height="120" /></a>
    <div class="text">www.okanisli.blogspot.com</div></li>


</div>

Gerekli alanları kendinize göre düzenleyiniz.