| ||
|
 |  |
Merakla beklenen kendi blogumun temasını Ramazan Bayramı dolayısıyla "Blogger Bayram Şekeri Teması" adı altında paylşıyorum. Temanın özelliklerini felan yazmama gerek yok herşey ortada bir tek solda kayan kısım için temanın içinde herhangi bir gadget'ın içine aşağıdaki kodu yapıştırmanız yeterli.
<div id="kayan_reklam_sol"><table align="center" cellspacing="8" style="width: 85px;height: 228px;background-image: url('http://2.bp.blogspot.com/-48P306dsQ4A/Tj0z0vTeCAI/AAAAAAAABTU/vSwNuO4ySOQ/s1600/kayan-paylas.png');background-repeat:no-repeat;" cellpadding="1px" cellspacing="0"><tbody>
<tr><td><iframe src="http://www.facebook.com/plugins/like.php?app_id=269874229705887&href=http%3A%2F%2Ffurkanozden.blogspot.com%2F&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font=arial&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe></td></tr>
<tr><td>
<g:plusone expr:href="data:post.url" size="Tall"> </g:plusone></td></tr>
<tr><td><a class="twitter-share-button" data-count="vertical" data-via="frknzdn" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script></td></tr>
</tbody></table></div>Bir de arama kısmı blogger tabalı arama değil, google içerikli arıyor o yüzden, aşağıdaki kodu bulup kalın yazı tipiyle yazdığım kısmı kendi sitenizin adresiyle değiştirin.
<form action='http://www.google.com/search' id='searchform' method='get'>
<div id='searchbox'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Arama yapmak için tıklayınız";}' onfocus='if (this.value == "Arama yapmak için tıklayınız") {this.value = "";}' type='text' value='Arama yapmak için tıklayınız'/>
<input alt='Search' id='searchsubmit' name='sitesearch' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkMNYlxiaRFTPvi0WF9uxxiNiSe-XOaT-UbJ9RqnDKhIh2xi8BPUlKfXaGJfjuhe7zRMZ7EG7CDqlj-DnlLPsbB5342xHpMRVhApzMtuZiLm_5HGkRZeFAdyLXXpzr6KI-Lcmsry2GT0Q/s1600/search.png' style='margin: 2px 0 0 0;' title='search' type='image' value='furkanozden.blogspot.com'/>
</div>
</form>En üstteki kısımdaki twitter koduda şöyle, normalde temanın içinde olur ama içine eklediğimde hata veriyordu bende gadgetolarak ekledim. O yüzden sizinde gadget olarak eklemeniz gerekiyor. Tek yapmanız gereken temadagördüğünüz kısımdaki HTML Gadget'ına aşağıdaki kodu aynen eklemeniz gerekir. Son kısma istediğiniz bir resmi koyabilir yada kaldırabilirsiniz.
<!-- twit-basla -->
<div id='twitter_div'>
<div id='twitter_update_list'></div>
</div>
<script type='text/javascript'>
//<![CDATA[
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
return '<a rel="external" href="'+url+'">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a rel="external" href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push('<span>'+status+'</span> <a rel="external" style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a>');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
if (delta < 60) {
return 'az önce »';
} else if(delta < 120) {
return 'bir dakika önce »';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' dakika önce »';
} else if(delta < (120*60)) {
return 'bir saat önce »';
} else if(delta < (24*60*60)) {
return ' ' + (parseInt(delta / 3600)).toString() + ' saat önce »';
} else if(delta < (48*60*60)) {
return '1 gün önce »';
} else {
return (parseInt(delta / 86400)).toString() + ' gün önce »';
}
}
//]]>
</script>
<script src="http://twitter.com/statuses/user_timeline/frknzdn.json?callback=twitterCallback2&count=1" type="text/javascript"> </script>
<!-- twit-bit --><a href="http://furkanozden.blogspot.com/2011/07/furkanozdentv-724-canl-yayn.html"><img style="float: right; margin: -30px;margin-right: 0px;" src="http://1.bp.blogspot.com/-Rrh1nhmCYzI/Thy_xotMWSI/AAAAAAAABAA/dyOnlawGy7s/s1600/Untitled-2.png" alt="" width="259" height="32" /></a>Resmi olmayan yazılar için standart resmi değiştirmek için aşağıdaki bağlantı adresini temada bulun ve kendinizinkiyle değiştirin.
http://4.bp.blogspot.com/-XhL2cDXLBis/Th8Iq6q6LvI/AAAAAAAABAU/qi253NmrFpU/s1600/parasol-icon.png
Gadget kısımlarının başlıklarının yanında benim maskotum var eğer istemiyorsanız aşağıdaki bağlantıyı temada bulup kendinize göre değiştirin.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihziIUUbAu8LrebAnXy2BN38WJntts3gCq3PPCcnQPw6yIczNLhQ8hqV3F6Q5JlqtbjrWjoRqVrPxnDBW3NjWSAqqK3Ho4nyB_Y_ilYuy_fWCq3zlprziDv2Cud5EcadJKL2kMXOAFUdRk/s1600/sbh2.png
Son olarak da sitenin üst kısmındaki logoları, linkleri vs. kodlardan aratıp değiştirin, bunu anlatmaya gerek duymuyorum, sadece mesela İletişim yazıyor daha gireceksin temaya CTRL + F yapıp İletişim yazacaksın oradaki linkleri kendine göre değiştireceksin mantık bu :) Hadi hayırlı uğurlu olsun. Bayramınız kutlu olsun :)
0 yorum:
Post a Comment