Bloggerda Hareketli Duyuru Panosu Oluşturma

Blogger.com adresine giriş yaptıktan sonra, blogunuzun ismine tıklayın.

1. Seçenek:
- Soldaki menüden "Yerleşim"e tıklayın.
- Gadget Ekle düğmesine tıklayın.
- Açılan pencereden HTML/JavaScripte tıklayın ve kodu yapıştırıp kaydedin.

2. Seçenek: - Soldaki menüden "Şablon"a tıklayın. Şablonunuz görüntülenecek. (Şablonda kod aramak için, şablondaki kodların bulunduğu kısma tıklayıp, CTRL ve F tuşlarına aynı anda basmalısınız.)
a- Kodun her blog yayınınızın bitişinde gözükmesini istiyorsanız; şablonunuzdaki

<div class='post-footer'> kodunu bulun. Birden fazla varsa ikincisini bulun. Ekleyeceğiniz kodu,

<div class='post-footer'> kodunun hemen sonrasına ekleyin.

b- Diğer durumlarda, şablonunuzun en sonundaki </body> kodunu bulun. Ekleyeceğiniz kodu </body>den hemen önceye ekleyin.

Kopyalanacak KOD lar

<div id="menucon"><div id="koddostu-tex"><br/><b>DUYURU</b><br/><br/>

Sitemize Hoşgeldiniz!

Sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!

</div></div>

<koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgni0l2-aboCd9askQr1oSBPwYUPLYqreIzXuPUa-V99Mx9WAUD3o44SlNkhP7pYf79vIWjqAkYgMLlokePE0dPC_FubsJ6zHNETdkig2IkgR98l7qReFqi8k-VemxA8b42dM4O0g8r93ai/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); }#koddostu-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 #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu>

Önizleme Görünümü :