24 Ocak 2014 Cuma

Blogger Şık Duyuru Eklentisi
Bana göre blogger duyuru eklentisi olarak bugüne kadar paylaşılmış en şık, en kullanışlı duyuru panosu ile karşınızdayım. Web sitenizin sol alt kısmında yer alacak bu duyuru panosunu sitenize gelen her ziyaretçi çok beğenecek!

Kodlanmasında herhangi bir şekilde Javascript ve flash kullanılmayan bu mükemmel duyuru eklentisi, sadece HTML ve CSS3 kullanılarak yapılmıştır. Sitenizde herhangi bir kasmaya sebep olmaz.
blogger duyuru kodu
Blogger Duyuru Eklentisi Ekleme

Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML'yi Düzenle'ye giriyoruz.

Açılan kod sayfasında Ctrl+F yaparak </body> 'i aratıyoruz ve hemen üstüne aşağıda ki kodu yapıştırıyoruz.

Diğer bir ekleme yolu ise;
Yerleşim  > Gadget Ekle > HTML/JavaScript'i açıp, aşağıda ki kodu açılan sayfaya yapıştırarak eklentiyi kullanabilirler.




<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->


<div id="menucon">
<div id="allcoder-tex">
<br/><b>Duyuru</b><br/><br/>

Merhaba!

<br/><br/>

Web siteniz de kullanabileceğiniz en yeni eklentiler blogkaynagi.blogspot.com'da !
Lütfen konulara yorum yapmayı unutmayalım!

</div>
</div>
<allcoder><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4rwBnv6VGSBxEaEue3FxGSvaLtefRB2bvguf68C_6L0IcV7g1ymPN2-MpYAUIqp6gw1rgzt-RjxeZcb7gV7yXMvBgHxmzLA2dSljiM2kPq0naio5JqIr1T0frs0sMZTfSzA_jZQkwixG/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#allcoder-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><style> #menucon:hover #allcoder-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></allcoder>
<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->

Bu yazıyı beğendiğiniz mi? Paylaşın!

3 yorum:

  1. Bence bu duyuru eklentisinin tek eksiği çok uzun bir yazı yazınca geri kalanını göstermemesi ya da çerçevenin dışına çıkarması o_O Onun dışında güzel bir eklenti. Paylaşım için teşekkürler :3

    YanıtlaSil
  2. Cok güzel bloga ekledim teşşekürler blogkaynagi bişey sorcam birde size

    ben bir blog actım hazır template kullandım acaba site tempaletede şablonda yani uzun zaman sonra sıkıntı yaşarmıyım yani hazır sonucta blogun temasının kaybolması gibi birşey söz konusu olabilirmi teşekkürler blogkaynagi...

    YanıtlaSil
    Yanıtlar
    1. Hayır tema kaybolması gibi bir sorun yaşanmaz.

      Sil

Lütfen yalnızca yazı ile ilgili yorumlar yazın.Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın.