İpucu Balonu Tarzında Sosyal Butonlar

Sosyal takip butonlara bir yenisini daha ekleyiyorum.Bu eklenti, başlıkta da belirttiğim gibi ipucu balonlarını andıran tarzda ikonlar kullanılarak yapılmış ve CSS zoom tekniği kullanılarak ikonların üzerine gelince büyütme efekti verilmiş.

Eklentiyi blogunuza eklemek Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleikten sonra aşağıdaki kodları ekleyin.

<style> /* İpucu Balonu Tarzında Sosyal Butonlar */ .ipucubalonu{ list-style-type:none; margin:0; padding:0; } .ipucubalonu li{ display:inline; width: 60px; height:60px; } .ipucubalonu li img{ width: 50px; height: 50px; border:0; margin-right: 4px; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; } .ipucubalonu li img:hover{ -moz-transform:scale(1.8); -webkit-transform:scale(1.8); -o-transform:scale(1.8); } </style> <ul class="ipucubalonu"> <li><a href="http://feeds.feedburner.com/phtmldrive" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPUCeYsd09jH9473Q_ZwErY4DmUcJ-Wm_AR59nahvNrdXBvyLKB5VrW9JymsMgRogQJvvwLCCfHkAooUwxFvwb7zZ0LkfWvHUu7MAYMIqe9jP5sPW0QDtzc9CozU27797cP-NfqNqRA505/s64/ipucubalonu-rss.png" title="Add RSS Feed" /></a></li> <li><a href="http://www.facebook.com/phtmldrive" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWy2Stmq3hD2oA2EvtprB0_xivMNdC3ZuIWJpcMnmER8HyWwlVQDZOwwMG-pXcMMZ2oUcWuoTJSWajKtfZk-PiEuNINa1DqqvgZvhf3ty_gIisKLuxdK7RU6Je16pGV35MUR6KrZrnzBm/s72/ipucubalonu-facebook.png" title="Add to Facebook" /></a></li> <li><a href="http://www.twitter.com/phtmldrive" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ51ZbI7lWl4N4TCm5rzfZuidaKVDOVZLBBrqzfXBgNx_VvJMpu4CmIvwUf7-pPqzR2ozvn7UMycUCMYxZfVeLwWb67CltO4SFBJYTsLwPZ8v7sLAMqGqJcLDjL8sCW4K0SbLVh8DszOq4/s64/ipucubalonu-twitter.png" title="Add to Twitter" /></a></li> <li><a href="https://plus.google.com/108761595756468128383" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy5tVjRyjHnu98li5hD2lmeEn1LtqfBWM3SbHdaaqXzcAY2w7HejtlVaVIWruTvQJY0ktMDELH3Bi4ErD0bsYnrMrsJ1_xGQF68HepDZ3v65tPk25rf6muMz3_nfIuTkpV6pyNv9JLEd5R/s64/ipucubalonu-google.png" title="Add to Facebook" /></a></li> </ul>

Değiştirmeniz gereken yerleri beyaz vurguyla gösterdim.Oralara kendi FeedBurner, Facebook, Twitter ve Google+ hesaplarınızın adreslerini yazın.