Duyuru Panosu Blogger Eklentisi
Sitenizde duyurular veya uyarılar yapmak istiyorsanız oldukça şık ve güzel bir eklenti sitenize eklediğinizde sol alt taraftan beliriyor ve göz önünde olmadığından kimseyi rahatsız etmiyor hemde oldukça şık ben beğendim.
Eklentiyi nasıl ekleyeceğinize gelirsek bu panoyu eklemenin 2 yolu var ikisinide anlatayım size hangisi kolay gelirse kullanırsınız.
Şablon > HTML'yi Düzenle diyip kodlarımıza gidiyoruz ve CTRL+F yardımıyla </body> kodunu bulup hemen üstüne aşağıda verdiğim kodları yapıştırıyoruz.
Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırma yoluyla da panoyu sitenize ekleyebilirsiniz.
<!--GameWinSome Blogger Duyuru Eklentisi Kod Başlangıç--><br />
<br />
<br />
<div id="menucon"><div id="allcoder-tex"><br />
<b>Duyuru</b><br />
<br />
<br />
<br />
Merhaba!<br />
<br />
<br />
<br />
<br />
<br />
Web siteniz de kullanabileceğiniz en yeni eklentiler gamewinsome.blogspot.com'da <br />
Lütfen konulara yorum yapmayı unutmayalım!<br />
<br />
</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/AVvXsEjUkiXeprMf6_oHyOH5ydDH_q9hCUYX1REblv2zHcEmR147jX6mBqLJ-jbAflcJsl3KGvH0tFzCMYLt31iEhtYBTsKroRMUk80cTu6fVonB3vQT_vG2ZZmVG_hhao-a_SQcpISHL0XhLxVP/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><br />
<!--GameWinSome Blogger Duyuru Eklentisi Kod Başlangıç-->
<br />
<br />
<div id="menucon"><div id="allcoder-tex"><br />
<b>Duyuru</b><br />
<br />
<br />
<br />
Merhaba!<br />
<br />
<br />
<br />
<br />
<br />
Web siteniz de kullanabileceğiniz en yeni eklentiler gamewinsome.blogspot.com'da <br />
Lütfen konulara yorum yapmayı unutmayalım!<br />
<br />
</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/AVvXsEjUkiXeprMf6_oHyOH5ydDH_q9hCUYX1REblv2zHcEmR147jX6mBqLJ-jbAflcJsl3KGvH0tFzCMYLt31iEhtYBTsKroRMUk80cTu6fVonB3vQT_vG2ZZmVG_hhao-a_SQcpISHL0XhLxVP/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><br />
<!--GameWinSome Blogger Duyuru Eklentisi Kod Başlangıç-->
Hiç yorum yok: