Bayram Cigerli Blog

Bigger İnfo Center and Archive

Sitenize Sabit Twitter Çubuğu Ekleme

Sitemde üst kısımda bulunan kendim yapmış olduğum twitterbar kodumu sizlerle paylaşıyorum. Paylaşmamın nedeni ise bir çok kişinin benden bu kodu doğru düzgün istemesi ve bazılarının kodu sitemden çalması üzerine bende paylaşmaya karar verdim. Ön izlememiz aşağıda ve sitenin hemen üst kısmında mevcuttur. Neyse hemen anlatımı yapayım.







Aşağıdaki kodumuzu " /b:skin'> " etiketimizin hemen üstüne ekliyoruz.

.twitterbarozicab{
background: url(http://img.webme.com/pic/o/ozicabdeneme/menunewocabbaroglu.png);
color:#fff;
font-size:12px;
width: 100%;
height: 24px;
margin-top:-2px;
border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;
}
Ardından aşağıdaki kodları sitemizin en üst kısmına eklememiz gereklidir çoğu sitelerde bu etiket " outer-wrapper " veya " header-wrapper " etiketinin hemen üstüne ekliyoruz.

<div class='twitterbarozicab'> 

<table border='0' cellpadding='1' cellspacing='1' width='900'>
<tbody>
<tr>
<td style='text-align: left; '><a href='http://twitter.com/ozicab' target='_blank'><img alt='' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivmNCex4sUG_AKr35UfVYrr0s43QbKb7yEdYuhfwiLx1NR9-54iYQF2nlGOxG_UMOjb-rkwVVYYWbSKcuJ8EXfXFJqcSgMaQrW-2jKOw1EIBln4Z_Yyt3bpA3LOV1B2MPYmsD75axsh7w/s1600/twitterozicabb.png' width='12'/></a><b> Daha gelişmiş özel temasıyla Ocabbaroglu, OWGDPro v3.1 Beta Blogger Teması ile karşınızda..</b></td>
<td style='text-align: right; '>
<a href='http://ocabbaroglu.blogspot.com/reklamver'><span style='color: rgb(255, 255, 255); '><b>Reklam Ver</b></span></a><span style='color: rgb(255, 255, 255); '> | </span><a href='http://ocabbaroglu.blogspot.com/reklamlar'><span style='color: rgb(255, 255, 255); '><b>Destekle</b></span></a> | <a href='http://ocabbaroglu.blogspot.com/sitemap'><span style='color: rgb(255, 255, 255); '><b>Sitemap</b></span></a> | <a href='http://ocabbaroglu.blogspot.com/gizlilik'><span style='color: rgb(255, 255, 255); '><b>Gizlilik</b></span></a></td>
</tr>
</tbody>
</table>

</div>
Bütün işlem bu kadar çubuktaki menüyü ve twitter duyuru bölümünü sitenize göre değiştirebilirsiniz. Güle güle kullanmanız dileğiyle..



İlgili Aramalar: Sitene twitterbar ekle, blogger twitter çubuğu eklentisi, üst tarafa twitter çubuğu ekle, sitene duyuru çubuğu ekle
Share

Related Posts:

  • Blogger Sosyal Medya Eklentisi ve Email Takip Html KoduHerkes çogunlukla sosyal medyaya kayıtlı olduğu alanları toplu ve düzgün bir şekilde göstermek istiyor...Buna istinaden bende böyle bişey paylaşmak istedim çok sade ve hoş görünüyor. Bütün renk te temalara koyuldugunda ç… Read More
  • Sitenizi Korumak için Yararlı 2 KodEvet arkadaşlar bildiğiniz gibi kendine özgün bloglardan çok aşırı şekilde içerik çalınıyor ve bu duruma el atmanın çok kolay yolu var. Yapmanız gereken tek şey sitenize aşağıdaki önerdiğim 2 kodu eklemeniz ve ziyaretçilerini… Read More
  • Blogger için Hareketli Yeni Gönderiler EklentisiYukarıdaki resimdeki şık sade ve kullanışlı bir blogger eklentisi. Eklenti sayesinde blogunuzdaki tüm yayınları güzel bir şekilde site ziyaretçilerinize ulaştırabilirsiniz. Kendiliğinden otomatik yenilenen ve istediğiniz mikt… Read More
  • Blogger Sayfa İle Kayan Sosyal Bar EklentisiEklentimiz sayfanın solunda, sayfa ile beraber kayıyor. Her sayfa için ayrı bir paylaşım istatistiği sunuyor. Eklentinin demosuna buradan bakabilirsiniz. Ayrıca eklentinin en önemli özelliği ise, o sayfa daha önce kaç kere pa… Read More
  • Gelişmiş Css Mesaj KutularıDaha önce kullandığınız css mesaj kutularının en gelişmiş modeli. Bu modelde neler var Uyarı Kutusu, Bilgi Kutusu, Hata Kutusu, Onay Kutusu, İkaz Kutusu ve 4 adet renk mevcuttur. Mesaj kutularının içlerindeki seçenekler çoğal… Read More

0 Comments:

Yorum Gönder