Resim;
Merhaba arkadaşlar,
Temada şuan ufak tefek sorunlar yaşıyorum konu paylaşma editörü ile ilgili o yüzden konuyu fazla uzun tutamayacağım.Paylaşacağım html kod, blogger siteleri için yapılmış bir kod olup,etkileyici,dikkat çekici bir tasarıma sahiptir.Ayrıca jquery bir koddur.
Sitenize eklediğinizde, önemli duyurularınızı artık çok daha kolay bir şekilde paylaşabileceksiniz.
Sitenize bu eklentiyi çok basit bir şekilde ekleyebilirsiniz.
Önizleme
İlk olarak ;
Sonra ;
Son Olarak ;
-Saygılar...
Temada şuan ufak tefek sorunlar yaşıyorum konu paylaşma editörü ile ilgili o yüzden konuyu fazla uzun tutamayacağım.Paylaşacağım html kod, blogger siteleri için yapılmış bir kod olup,etkileyici,dikkat çekici bir tasarıma sahiptir.Ayrıca jquery bir koddur.
Sitenize eklediğinizde, önemli duyurularınızı artık çok daha kolay bir şekilde paylaşabileceksiniz.
Sitenize bu eklentiyi çok basit bir şekilde ekleyebilirsiniz.
Önizleme
İlk olarak ;
- Şablon > Html'yi Düzenle
- Aşağıdaki kodu buluyorsunuz
Kod:
<head>- Hemen ardından bulduğunuz kodun bir satır altına aşağıdaki kodu ekliyorsunuz.
Kod:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>- Yerleşim > Gadget Ekle
- Html/Javascript'e tıklıyoruz ve karşımıza çıkan alana aşağıdaki kodu ekliyoruz.
Kod:
<div class="zamaneblog-yazi">
Buraya Herhangi Bir Duyuru.-Zamaneblog</div>
<img class="zamaneblog-resim" src="http://2.bp.blogspot.com/-eTxRnjvGkdQ/VKxA33lWhPI/AAAAAAAABZw/q4t8zZw1RAk/s1600/duyuru.png" onmousemove="this.src='http://4.bp.blogspot.com/-EeVfIqgpNGw/VKxBoM0vy3I/AAAAAAAABZ0/tsNvJOroUlY/s1600/duyuru2.png'" onmouseout="this.src='http://2.bp.blogspot.com/-eTxRnjvGkdQ/VKxA33lWhPI/AAAAAAAABZw/q4t8zZw1RAk/s1600/duyuru.png'"/>
<style type="text/css">
.zamaneblog-resim{bottom: 2%;
position: fixed;
right: 1%;}
.zamaneblog-yazi {background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 0%, #0a0e0a 0%, #0a0809 0%); background: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 0%, #d1d1d1 0%, #d1d1d1 0%);
background-color:#cccccc;
border: 1px solid;
border-radius: 6px 6px 6px 6px;
bottom: 10%;
padding: 4px;z-index:999;
position: fixed;
right: 5%;
font:18px Arial;
text-shadow: 1px 1px 0 #ffffff;
width: 21%;
box-shadow:0 0 2px;
}
</style>
<script type="text/javascript">
$(function(){
$(".zamaneblog-yazi").hide(0);
$(".zamaneblog-resim").hover(function(){
$(".zamaneblog-yazi").show("slow");
},function(){$(".zamaneblog-yazi").hide("medium");
});});
</script>- " Buraya Herhangi Bir Duyuru.-Zamaneblog " kısmını kod içerisinde bulup yazmak istediğimiz duyuruyu yazıyoruz.
- Kaydet'e tıklıyoruz.
-Saygılar...
KAYNAK : Blogger Sayfayı Takip Eden Jquery Duyuru Kutusu