Blogger Tablo Menü Oluşturma Ve Kullanımı

   Bildiğiniz gibi bazı sitelerde ve wordpress bloglarında özel bir dörtlü sponsor alanı bulunmaktadır. Henüz blogger kullanıcıları için böyle bir düzenleme yapılmadı fakat biz bunu HTML kodları ile basitçe yapabiliriz. Öncelikle belirtmeliyim ki oluşturduğumuz menünün kodlarını kendimiz düzenleyeceğimiz için hemen hemen her özelliğini kendimize göre uyarlayabiliriz. Bu sebeple Blogger Tablo Menü kodları üzerinden bir anlatım tercih edeceğim.
Bilgi Cafem 61 - Blogger Tablo Menü Kullanımı
Blogger Tablo menüyü kullanmak için Yerleşim >>Gadget Ekle >>HTML/JavaScript yolunu kullanarak Blogger menü  kodlarını ekleyin.

Yazı içerisinde kullanmak istiyorsanız,HTML bölümünden kodları ekleyerek  Blogger menü  kodlarını  eklemeniz yeterlidir.
Bilgi Cafem 61 - Blogger Tablo Menü Kodları

<div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="300"bgcolor="#ffffff"> <tbody><tr> <td><center><a target="_blank" href="http://etralibela-61.blogspot.com.tr/2014/01/spyrix-free-keylogger-30.html" " title=" Bilgisayar Takip Yazılımı ">Spyrix Free Keylogger 3.0</a><p></p> <a target="_blank" href=" http://etralibela-61.blogspot.com.tr/2014/01/spyrix-free-keylogger-30.html" rel="dofollow"> <img border="0" alt=" Bilgisayar Takip Yazılımı " title=" Spyrix Free Keylogger 3.0" width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirxBuI6akbqDpRl2YfDlVnOEsz6he14K9ytuizs6WqgtfgmnvN_zrOFuZq1twNdK2KM3GUz99EDyLUnQYScQWDhvTNrM76l1NQ3LikVRvWd2i7jyY_Ub2yK8aGfIXcNQobvpYnyNRv1SQ/s1600/sfkscreen.jpg" height="160"/></a></center></td>
<td><center><a target="_blank" href="http://etralibela-61.blogspot.com.tr/2014/02/grafik-tasarm-yazlm-coreldraw-graphics.html">Grafik Tasarım Yazılımı</a><p></p> <a target="_blank" href=" http://etralibela-61.blogspot.com.tr/2014/02/grafik-tasarm-yazlm-coreldraw-graphics.html" rel="dofollow"> <img border="0" alt=" Grafik Tasarım Yazılımı " title="CorelDRAW Graphics Suite X6" width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDggy0msc9KEEfP4_lqe-y_L-WvOV1KPJhQh_GLVomoR7dL8CuN-RkjNmnsL1mM3xoi8TYMKavwmbpF7vk6CNSFnFhpKJZ7fmGFpyhm3D2hPGBTxfwv6fQRgdHLsEYB04pir1hOHTdvSA/s1600/Ekran+Al%C4%B1nt%C4%B1s%C4%B11.JPG" height="160"/></a></center></td> 
  </tr>
 <tr>
<td><center><a target="_blank" href="http://etralibela-61.blogspot.com.tr/2013/08/basit-gif-yapma-program.html" " title=" Basit Gif Yapma Programı "> GifMax</a><p></p> <a target="_blank" href=" http://etralibela-61.blogspot.com.tr/2013/08/basit-gif-yapma-program.html" rel="dofollow"> <img border="0" alt=" Basit Gif Yapma Yazılımı " title=" GİFMAX" width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQid0CemZOplAxiXID2pN8J0PqHMAeUZbKYUcEpB2I03-WPbGXmentdAk5_UwtJw4vMzPOiK48LjZWgSvoLN0siMtC897pK-WqNVtWoqR_Gg_pVud8iG90ePwFsm_38QAe2PE5A4hXn5I/s1600/gifmax.jpg" height="160"/></a></center></td>
<td><center><a target="_blank" href="http://etralibela-61.blogspot.com.tr/2014/01/mybb-1612-kurulumu.html" " title=" MyBB 1.6.12"> MyBB 1.6.12 Kurulumu</a><p></p> <a target="_blank" href="http://etralibela-61.blogspot.com.tr/2014/01/mybb-1612-kurulumu.html" rel="dofollow"> <img border="0" alt="MyBB 1.6.12 " title=" MyBB 1.6.12 Kurulumu " width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8fZMsV7xMKhiCwMPerbRPgMRIDFAbGvwLpwgxyLGnNga320DodqVl9tQBCArjjDnMMB8SAwg9uUtwAqSFbWOWy2UHeMQ4yfatSEi8bI_R3V_XvuUSvHa7NBDSw6zTyfrw5tUtoJegWFI/s1600/Ads%C4%B1z.png" height="160"/></a></center></td> </tr> </tbody></table> <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody> 
<tr> 
</tr> </tbody></table> 
</div>

Bilgi Cafem 61 - Blogger Tablo Menü Demo

Spyrix Free Keylogger 3.0	Grafik Tasarım Yazılımı
GifMax	MyBB 1.6.12 Kurulumu

Bilgi Cafem 61 - Blogger Tablo Menü Düzenleme

Kodlar üzerinde yapılacak düzenlemeler ile istediğimiz gibi bir tablo oluşturabilirsiniz. 

Ana kod dizinimiz de dört adet aynı tipte kod var her resmi oluşturan  kod: 

<td><center><a target="_blank" href="http://etralibela-61.blogspot.com.tr/2014/02/grafik-tasarm-yazlm-coreldraw-graphics.html">Grafik Tasarım Yazılımı</a><p></p> <a target="_blank" href=" http://etralibela-61.blogspot.com.tr/2014/02/grafik-tasarm-yazlm-coreldraw-graphics.html" rel="dofollow"> <img border="0" alt=" Grafik Tasarım Yazılımı " title="CorelDRAW Graphics Suite X6" width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDggy0msc9KEEfP4_lqe-y_L-WvOV1KPJhQh_GLVomoR7dL8CuN-RkjNmnsL1mM3xoi8TYMKavwmbpF7vk6CNSFnFhpKJZ7fmGFpyhm3D2hPGBTxfwv6fQRgdHLsEYB04pir1hOHTdvSA/s1600/Ekran+Al%C4%B1nt%C4%B1s%C4%B11.JPG" height="160"/></a></center></td> 

Yeşil olarak belirlenmiş kodlar oluşturulan menü üzerindeki yazı linki yazı linkinin varacağı yer ve title kodu link açıklaması. 

Mavi olarak belirlenmiş kodlar ise oluşturulan menünün resim içeriği.Tıklandığında ulaşılacak link,alt kodu resim açıklaması,title kısmı resim açıklaması ,src ise gerekli olan resmin uzantısı. 

Bilgi Cafem 61 - Blogger Tablo Menü Renk ve Boyut Düzenleme

<table border="0"  cellpadding="2" cellspacing="6" width="300"bgcolor="#ffffff">

<center><a target="_blank" href="http://temalar.bloggerdersleri.com/2012/09/blogger-turkce-video-paylasim-temasi.html" " title=" blogger türkçe video paylaşım teması ">Video Paylaşım Teması</a><p></p> <a target="_blank" href=" http://temalar.bloggerdersleri.com/2012/09/blogger-turkce-video-paylasim-temasi.html" rel="dofollow"> <img border="0" alt=" Blogger Türkçe Video Paylaşım Teması " title=" Blogger Türkçe Video Paylaşım Teması " width="125" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK7HvvweJPPfo2KpjYsN79kCECLBqAlXrZuA6CGdlKSJzGplobEnHAhKSeTcg1vhrnGV9wwYA4wbzZB1Gzi2A7bJIjz9gKuzmnlI7sBpHzCz1fDUETGbkPw0-TEoR8DAOtLqsk48k0ssAH/s320/blogger-turkce-video-paylasim-temasi.png" height="160"/></a></center></td>

Kırmızı renkle yazılan  sayısal değerler üzerinde oynama yaparak kendi sitenize göre boyutlandırmaları değiştirebilirsiniz. 
Turuncu renkle yazılı renk kodu menünün arka plan rengini değiştirecek olduğunuz kısımdır.


Bizi Takip Edin
Pinterest>> Facebook>> Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...