Blogger film sitesi olanlar için harika 2 temayı sizlerle paylaşıyoruz Tema çok sade, gayet kullanışlı özelliğe sahip, temada slayt olması t...
Blogger Resimli Son Yorumlar Eklentisi
Resimli son yorumlar eklentisini blogunuza eklemek icn asağıdaki kodları Blogunuza eklemeniz yeterli. Düzenlemeniz gereken yerler şu şekild...
Colurful Blogger Teması
Blogger Devamını Oku Eklentisi
</head>
Kodunu buluyoruz ve altına aşağıdaki kodu ekliyoruz.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;summary_noimg = 430;summary_img = 340;img_thumb_height = 100;img_thumb_width = 120;</script><script src='http://yourjavascript.com/1211712851/demreli_devamini_oku.js' type='text/javascript'/>
Aşağıdaki koduda buluyoruz.
<data:post.body/>
Yukarıdaki kodumuzu siliyoruz ve yerine aşağıdaki kodu ekliyoruz.
<b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>http://3.bp.blogspot.com/-cTLp-XlLv_8/UALnUT_xJeI/AAAAAAAAAZs/lfvZ1KcnYI8/s1600/devamini-oku.png</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Blogger devamını oku eklentisi Merhaba arkadaşlar. Blogger devamını oku eklentisini sizler ile paylaşıyoruz. Blogunuza devamını oku eklent...
Blogger 3D arama kutusu Eklentisi
Görünüm:
Blogger blogunun yönetim paneline giriniz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim.
<style type="text/css">
.form-wrapper {
width: 250px;
padding: 8px;
margin: 10px auto;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}
.form-wrapper #search {
width: 160px;
height: 20px;
padding: 10px 5px;
float: left;
font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 1px solid #ccc;
-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.form-wrapper #search:focus {
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 1px 1px #bbb inset;
-webkit-box-shadow: 0 1px 1px #bbb inset;
box-shadow: 0 1px 1px #bbb inset;
}
.form-wrapper #search::-webkit-input-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-moz-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-ms-input-placeholder {
color: #999;
font-weight: normal;
}
.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.form-wrapper #submit {
float: right;
border: 1px solid #00748f;
height: 42px;
width: 70px;
padding: 0;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #fafafa;
text-transform: uppercase;
background-color: #0483a0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
background-image: linear-gradient(top, #31b2c3, #0483a0);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
background-color: #31b2c3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
background-image: linear-gradient(top, #0483a0, #31b2c3);
}
.form-wrapper #submit:active {
outline: 0;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.form-wrapper #submit::-moz-focus-inner {
border: 0;
}
</style>
<form class="form-wrapper" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="ARA.." />
<input id="submit" type="submit" value="ARA.." />
</form>
Blogger blogunuz için çok şık ve kullanışlı 3d arama kutusu Görünüm: Blogger blogunun yönetim paneline giriniz ve Yerleşim >> Gadget ...
Blogger 125x125 Reklam Alanı Oluşturmak
Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan Kutucuğa aşağıda yer alan kodları ekliyoruz..
Görünüm:
<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUL1QQdjQTo6CBeplhO2X6jzX-GSrMxTqweiVLv2ZCMCMMS-Fq9RRICfqZsXfknJ3ndN-kJ3ifHdg9oHtt5RAHPL4QRKPRzlelJHWHK1gMtbYjXDzU-pspKehZaz7apZCUXKzAgTbIFPD/s1600/125x125.gif"/></a></th>
<td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUL1QQdjQTo6CBeplhO2X6jzX-GSrMxTqweiVLv2ZCMCMMS-Fq9RRICfqZsXfknJ3ndN-kJ3ifHdg9oHtt5RAHPL4QRKPRzlelJHWHK1gMtbYjXDzU-pspKehZaz7apZCUXKzAgTbIFPD/s1600/125x125.gif"/></a> </th>
</tr><tr>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUL1QQdjQTo6CBeplhO2X6jzX-GSrMxTqweiVLv2ZCMCMMS-Fq9RRICfqZsXfknJ3ndN-kJ3ifHdg9oHtt5RAHPL4QRKPRzlelJHWHK1gMtbYjXDzU-pspKehZaz7apZCUXKzAgTbIFPD/s1600/125x125.gif"/></a> </td>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUL1QQdjQTo6CBeplhO2X6jzX-GSrMxTqweiVLv2ZCMCMMS-Fq9RRICfqZsXfknJ3ndN-kJ3ifHdg9oHtt5RAHPL4QRKPRzlelJHWHK1gMtbYjXDzU-pspKehZaz7apZCUXKzAgTbIFPD/s1600/125x125.gif"/></a> </td></tr></table></center>
Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan Kutu cuğa aşağıda yer alan kodları ekliyoruz.. Görünüm: <cen...
Yazının Altına Sosyal Paylaşım Kutuları
Bu eklenti ile, yazılarınızın altına , twitter , facebook ve google+ kutucukları eklenecektir , ziyaretçileriniz böylelikle yazılarınızı twitter , facebook ve google+ da paylaşabilecekler..
Örnek:
Aşağıdaki kodlardan birini CTRL+F yardımı ile bulunuz , ilk denediğiniz olmazsa diğerini deneyiniz , bazı bloglarda bu kodlardan bir kaç tane olabilir
<data:post.body/>
YADA
<div class='post-footer-line post-footer-line-1'/>
Bir satır altına aşağıdaki kodları ekleyelim..<b:if cond="data:blog.pageType == "item"">
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQVUsfjudJUDT2eIuWBRcvqP5IvUUzLsab6okKtpSxt2crQyq8lFv7pjhHdpDPbN0pmPfVXc_-lm502cN9LzKjD0V7GnizbhlPruKNQw5qXNhBYMx-CTrFAtp-oJI_ESDP4ZRXwZ6BOtVl/s1600/social-kutucuk.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="BloggerEklenti" href="https://twitter.com/share">Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script></div>
</div>
</b:if>
Bu eklenti ile, yazılarınızın altına , twitter , facebook ve google+ kutucukları eklenecektir , ziyaretçileriniz böylelikle yazılarınızı twi...
Blogger Resimli Gelişmiş Son Yazılar Eklentisi
Aşağıdaki Kodumuzu Tasarım > Gadget Ekle > HTML/JavaScript bölümüne yapıştırınız.
<style type="text/css"><!--
.recent_post_content{width:100%;}
.recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;}
.recent_post_content img {width:32px;height:32px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}
.recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}
.recent_post_content_item table {margin-bottom:2px;margin-top:3px;}
.recent_post_content_item:hover {filter: alpha(opacity=100);opacity: 1;}
.recent_post_title a{font-size:12px;text-decoration:none;font-weight:bold;color:inherit}
.recent_post_title a:hover{text-decoration:underline}
.recent_post_content_item .recent_post_info {filter: alpha(opacity=60);opacity: 0.6;font-size: 11px;}
--></style>
<script type="text/JavaScript">
<!--
// Create by Oğuzhan Cabbaroğlu
// Use the code without copyright agreement, you will be reported as spam
//Setting_begin
var No_Thumb_Url='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1wFKVHD6ZCSIvicRxBvblYXqfHbkpQ9xFCmILrnKDqiVsiklyXqjKX7irFd-XzvNcrSh_XnW_Ck1OLd8SOkHYvU-xDo4aQNgsy-L9o3Oigfxv9ynEr2WZu_Jm85O_H7IgYE8xIZFMhXw8/s32/no-photo.jpg';
var Max_Post_Display=5;
var Sum_Len='130';
var Index_By_Label='';
var Display_Thumb=true;
var Display_Comment=true;
var Display_Author=true;
var Display_Time=false;
//Setting_end
//Define your language
var Lang_By = 'Yazan ';
var Lang_comment = ' yorum';
var Lang_comments = ' yorum';
var Month_List = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var _0x15a1=["\x43\x20\x31\x6D\x28\x4F\x2C\x50\x2C\x70\x2C\x79\x2C\x54\x29\x7B\x66\x20\x51\x3D\x27\x27\x3B\x36\x28\x50\x21\x3D\x27\x27\x29\x51\x3D\x27\x2F\x2D\x2F\x27\x2B\x50\x3B\x66\x20\x52\x3D\x27\x27\x3B\x36\x28\x70\x21\x3D\x27\x27\x29\x52\x3D\x27\x70\x2D\x31\x43\x3D\x27\x2B\x70\x2B\x27\x26\x27\x3B\x66\x20\x55\x3D\x27\x27\x3B\x36\x28\x79\x21\x3D\x27\x27\x29\x55\x3D\x27\x79\x2D\x31\x42\x3D\x27\x2B\x79\x2B\x27\x26\x27\x3B\x31\x65\x2E\x31\x63\x28\x27\x3C\x56\x20\x4F\x3D\x22\x31\x41\x2F\x31\x45\x22\x20\x77\x3D\x22\x2E\x2E\x2F\x2E\x2E\x2F\x31\x46\x2F\x27\x2B\x4F\x2B\x27\x2F\x62\x27\x2B\x51\x2B\x27\x3F\x27\x2B\x52\x2B\x55\x2B\x27\x31\x79\x3D\x6C\x2D\x64\x2D\x56\x26\x54\x3D\x27\x2B\x54\x2B\x27\x22\x3E\x3C\x5C\x2F\x56\x3E\x27\x29\x7D\x43\x20\x31\x71\x28\x6C\x29\x7B\x66\x20\x5A\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x32\x2E\x78\x3D\x75\x28\x6C\x2E\x7A\x2E\x4E\x24\x31\x73\x2E\x24\x74\x29\x3B\x32\x2E\x70\x3D\x75\x28\x6C\x2E\x7A\x2E\x4E\x24\x31\x74\x2E\x24\x74\x29\x3B\x32\x2E\x4B\x3D\x75\x28\x6C\x2E\x7A\x2E\x4E\x24\x31\x78\x2E\x24\x74\x29\x3B\x32\x2E\x49\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x6D\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x65\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x62\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x48\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x73\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x41\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x72\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x76\x3D\x68\x20\x6B\x28\x29\x3B\x32\x2E\x71\x3D\x32\x2E\x78\x2D\x32\x2E\x70\x2B\x31\x3B\x36\x28\x32\x2E\x71\x3E\x32\x2E\x4B\x29\x32\x2E\x71\x3D\x32\x2E\x4B\x3B\x58\x28\x66\x20\x69\x3D\x30\x3B\x69\x3C\x32\x2E\x71\x3B\x69\x2B\x2B\x29\x7B\x32\x2E\x48\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x73\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x41\x5B\x69\x5D\x3D\x27\x27\x3B\x36\x28\x31\x67\x20\x31\x68\x21\x3D\x27\x31\x66\x27\x29\x32\x2E\x41\x5B\x69\x5D\x3D\x31\x68\x3B\x32\x2E\x49\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x6D\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x65\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x30\x3B\x32\x2E\x72\x5B\x69\x5D\x3D\x27\x27\x3B\x36\x28\x31\x67\x20\x31\x39\x21\x3D\x27\x31\x66\x27\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x31\x39\x3B\x32\x2E\x76\x5B\x69\x5D\x3D\x27\x27\x3B\x66\x20\x39\x3D\x6C\x2E\x7A\x2E\x39\x5B\x69\x5D\x3B\x36\x28\x27\x31\x32\x27\x64\x20\x39\x29\x32\x2E\x49\x5B\x69\x5D\x3D\x39\x2E\x31\x32\x2E\x24\x74\x3B\x36\x28\x27\x6D\x27\x64\x20\x39\x29\x32\x2E\x6D\x5B\x69\x5D\x3D\x39\x2E\x6D\x2E\x24\x74\x3B\x36\x28\x27\x65\x27\x64\x20\x39\x29\x7B\x58\x28\x66\x20\x6A\x3D\x30\x3B\x6A\x3C\x39\x2E\x65\x2E\x4C\x3B\x6A\x2B\x2B\x29\x7B\x36\x28\x39\x2E\x65\x5B\x6A\x5D\x2E\x31\x5A\x3D\x3D\x27\x31\x59\x27\x29\x7B\x32\x2E\x65\x5B\x69\x5D\x3D\x39\x2E\x65\x5B\x6A\x5D\x2E\x59\x3B\x32\x30\x7D\x7D\x36\x28\x6A\x3D\x3D\x39\x2E\x65\x2E\x4C\x29\x32\x2E\x65\x5B\x69\x5D\x3D\x27\x23\x27\x7D\x36\x28\x27\x62\x27\x64\x20\x39\x29\x32\x2E\x62\x5B\x69\x5D\x3D\x39\x2E\x62\x2E\x24\x74\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x32\x2E\x62\x5B\x69\x5D\x2E\x31\x57\x28\x5A\x2C\x27\x27\x29\x3B\x36\x28\x32\x2E\x62\x5B\x69\x5D\x2E\x4C\x3E\x31\x31\x29\x7B\x32\x2E\x62\x5B\x69\x5D\x3D\x32\x2E\x62\x5B\x69\x5D\x2E\x42\x28\x30\x2C\x31\x31\x29\x2B\x27\x2E\x2E\x2E\x27\x7D\x36\x28\x27\x6F\x27\x64\x20\x39\x29\x7B\x36\x28\x27\x31\x33\x27\x64\x20\x39\x2E\x6F\x5B\x30\x5D\x29\x7B\x32\x2E\x48\x5B\x69\x5D\x3D\x39\x2E\x6F\x5B\x30\x5D\x2E\x31\x33\x2E\x24\x74\x7D\x36\x28\x27\x73\x27\x64\x20\x39\x2E\x6F\x5B\x30\x5D\x29\x32\x2E\x73\x5B\x69\x5D\x3D\x39\x2E\x6F\x5B\x30\x5D\x2E\x73\x2E\x24\x74\x3B\x36\x28\x27\x57\x24\x4D\x27\x64\x20\x39\x2E\x6F\x5B\x30\x5D\x29\x7B\x36\x28\x39\x2E\x6F\x5B\x30\x5D\x2E\x57\x24\x4D\x2E\x77\x21\x3D\x27\x31\x4E\x3A\x2F\x2F\x31\x4D\x2E\x31\x50\x2E\x31\x51\x2F\x31\x64\x2F\x31\x54\x2E\x31\x53\x27\x29\x32\x2E\x41\x5B\x69\x5D\x3D\x39\x2E\x6F\x5B\x30\x5D\x2E\x57\x24\x4D\x2E\x77\x7D\x7D\x36\x28\x27\x31\x34\x24\x31\x36\x27\x64\x20\x39\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x39\x2E\x31\x34\x24\x31\x36\x2E\x31\x58\x3B\x36\x28\x27\x31\x69\x24\x78\x27\x64\x20\x39\x29\x32\x2E\x76\x5B\x69\x5D\x3D\x39\x2E\x31\x69\x24\x78\x2E\x24\x74\x7D\x31\x6F\x20\x32\x7D\x43\x20\x31\x35\x28\x44\x29\x7B\x31\x72\x3D\x44\x2E\x42\x28\x30\x2C\x34\x29\x3B\x31\x6E\x3D\x44\x2E\x42\x28\x35\x2C\x37\x29\x3B\x31\x70\x3D\x44\x2E\x42\x28\x38\x2C\x31\x30\x29\x3B\x31\x6B\x3D\x31\x4C\x5B\x75\x28\x31\x6E\x29\x2D\x31\x5D\x2B\x27\x20\x27\x2B\x31\x70\x2B\x27\x2C\x20\x27\x2B\x31\x72\x3B\x31\x6F\x20\x31\x6B\x7D\x31\x6D\x28\x27\x31\x47\x27\x2C\x31\x49\x2C\x27\x27\x2C\x31\x7A\x2C\x27\x31\x38\x27\x29\x3B\x43\x20\x31\x38\x28\x6C\x29\x7B\x66\x20\x63\x3D\x31\x71\x28\x6C\x29\x3B\x66\x20\x33\x3D\x22\x22\x3B\x58\x28\x66\x20\x69\x3D\x30\x3B\x69\x3C\x63\x2E\x71\x3B\x69\x2B\x2B\x29\x7B\x33\x2B\x3D\x27\x3C\x6E\x20\x47\x3D\x22\x31\x52\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x37\x20\x31\x61\x3D\x22\x30\x25\x22\x20\x31\x55\x3D\x22\x30\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x6A\x3E\x27\x3B\x36\x28\x31\x76\x29\x7B\x33\x2B\x3D\x27\x3C\x45\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x59\x3D\x22\x27\x2B\x63\x2E\x65\x5B\x69\x5D\x2B\x27\x22\x20\x6D\x3D\x22\x27\x2B\x63\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x64\x20\x77\x3D\x22\x27\x2B\x63\x2E\x72\x5B\x69\x5D\x2B\x27\x22\x20\x31\x61\x3D\x22\x31\x62\x22\x20\x31\x48\x3D\x22\x31\x62\x22\x2F\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x45\x3E\x27\x7D\x33\x2B\x3D\x27\x3C\x45\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6E\x20\x47\x3D\x22\x31\x4A\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x59\x3D\x22\x27\x2B\x63\x2E\x65\x5B\x69\x5D\x2B\x27\x22\x20\x6D\x3D\x22\x27\x2B\x63\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x63\x2E\x6D\x5B\x69\x5D\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6E\x3E\x27\x3B\x36\x28\x46\x7C\x7C\x4A\x7C\x7C\x31\x6C\x29\x7B\x33\x2B\x3D\x27\x3C\x6E\x20\x47\x3D\x22\x31\x4B\x22\x3E\x27\x3B\x36\x28\x46\x29\x7B\x33\x2B\x3D\x31\x77\x2B\x63\x2E\x48\x5B\x69\x5D\x7D\x36\x28\x4A\x29\x7B\x36\x28\x46\x29\x7B\x33\x2B\x3D\x27\x20\x2D\x20\x27\x7D\x33\x2B\x3D\x63\x2E\x76\x5B\x69\x5D\x3B\x36\x28\x75\x28\x63\x2E\x76\x5B\x69\x5D\x29\x3E\x31\x29\x7B\x33\x2B\x3D\x31\x4F\x7D\x31\x44\x7B\x33\x2B\x3D\x31\x56\x7D\x7D\x36\x28\x31\x6C\x29\x7B\x36\x28\x46\x7C\x7C\x4A\x29\x7B\x33\x2B\x3D\x27\x20\x2D\x20\x27\x7D\x33\x2B\x3D\x31\x35\x28\x63\x2E\x49\x5B\x69\x5D\x29\x7D\x33\x2B\x3D\x27\x3C\x2F\x6E\x3E\x27\x7D\x33\x2B\x3D\x27\x3C\x2F\x45\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x6A\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x37\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6E\x3E\x27\x7D\x33\x3D\x27\x3C\x6E\x20\x47\x3D\x22\x31\x75\x22\x3E\x27\x2B\x33\x2B\x27\x3C\x2F\x6E\x3E\x27\x3B\x31\x65\x2E\x31\x63\x28\x33\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x74\x68\x69\x73\x7C\x73\x74\x72\x5F\x6F\x75\x74\x7C\x7C\x7C\x69\x66\x7C\x7C\x7C\x65\x6E\x74\x72\x79\x7C\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x4E\x70\x6F\x73\x74\x7C\x69\x6E\x7C\x6C\x69\x6E\x6B\x7C\x76\x61\x72\x7C\x7C\x6E\x65\x77\x7C\x7C\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x6A\x73\x6F\x6E\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x61\x75\x74\x68\x6F\x72\x7C\x73\x74\x61\x72\x74\x7C\x6D\x69\x6E\x7C\x74\x68\x75\x6D\x62\x7C\x75\x72\x69\x7C\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6D\x7C\x73\x72\x63\x7C\x74\x6F\x74\x61\x6C\x7C\x6D\x61\x78\x7C\x66\x65\x65\x64\x7C\x61\x76\x61\x74\x61\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x62\x6C\x6F\x67\x67\x65\x72\x5F\x64\x61\x74\x65\x7C\x74\x64\x7C\x44\x69\x73\x70\x6C\x61\x79\x5F\x41\x75\x74\x68\x6F\x72\x7C\x63\x6C\x61\x73\x73\x7C\x61\x75\x6E\x61\x6D\x65\x7C\x70\x75\x62\x7C\x44\x69\x73\x70\x6C\x61\x79\x5F\x43\x6F\x6D\x6D\x65\x6E\x74\x7C\x69\x74\x65\x6D\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x69\x6D\x61\x67\x65\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x74\x79\x70\x65\x7C\x6C\x61\x62\x65\x6C\x7C\x64\x69\x72\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x6D\x61\x78\x5F\x72\x65\x73\x75\x6C\x74\x7C\x73\x63\x72\x69\x70\x74\x7C\x67\x64\x7C\x66\x6F\x72\x7C\x68\x72\x65\x66\x7C\x72\x65\x7C\x7C\x53\x75\x6D\x5F\x4C\x65\x6E\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x6E\x61\x6D\x65\x7C\x6D\x65\x64\x69\x61\x7C\x47\x65\x74\x5F\x45\x6E\x5F\x44\x61\x74\x65\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x74\x61\x62\x6C\x65\x7C\x47\x65\x74\x5F\x4E\x65\x77\x5F\x50\x6F\x73\x74\x7C\x4E\x6F\x5F\x54\x68\x75\x6D\x62\x5F\x55\x72\x6C\x7C\x77\x69\x64\x74\x68\x7C\x33\x32\x70\x78\x7C\x77\x72\x69\x74\x65\x7C\x69\x6D\x67\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x75\x6E\x64\x65\x66\x69\x6E\x65\x64\x7C\x74\x79\x70\x65\x6F\x66\x7C\x4E\x6F\x5F\x41\x76\x61\x74\x61\x72\x5F\x55\x72\x6C\x7C\x74\x68\x72\x7C\x74\x72\x7C\x45\x6E\x67\x6C\x69\x73\x68\x5F\x44\x61\x79\x7C\x44\x69\x73\x70\x6C\x61\x79\x5F\x54\x69\x6D\x65\x7C\x46\x65\x65\x64\x5F\x43\x61\x6C\x6C\x7C\x6D\x6F\x6E\x74\x68\x7C\x72\x65\x74\x75\x72\x6E\x7C\x64\x61\x79\x7C\x46\x65\x65\x64\x5F\x50\x61\x72\x73\x65\x7C\x79\x65\x61\x72\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x44\x69\x73\x70\x6C\x61\x79\x5F\x54\x68\x75\x6D\x62\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x61\x6C\x74\x7C\x4D\x61\x78\x5F\x50\x6F\x73\x74\x5F\x44\x69\x73\x70\x6C\x61\x79\x7C\x74\x65\x78\x74\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x69\x6E\x64\x65\x78\x7C\x65\x6C\x73\x65\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x66\x65\x65\x64\x73\x7C\x70\x6F\x73\x74\x73\x7C\x68\x65\x69\x67\x68\x74\x7C\x49\x6E\x64\x65\x78\x5F\x42\x79\x5F\x4C\x61\x62\x65\x6C\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x69\x6E\x66\x6F\x7C\x4D\x6F\x6E\x74\x68\x5F\x4C\x69\x73\x74\x7C\x69\x6D\x67\x31\x7C\x68\x74\x74\x70\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x62\x6C\x6F\x67\x62\x6C\x6F\x67\x7C\x63\x6F\x6D\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x5F\x69\x74\x65\x6D\x7C\x67\x69\x66\x7C\x62\x6C\x61\x6E\x6B\x7C\x62\x6F\x72\x64\x65\x72\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x75\x72\x6C\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x6C\x7C\x62\x72\x65\x61\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x1277x1,_0x1277x2,_0x1277x3,_0x1277x4,_0x1277x5,_0x1277x6){_0x1277x5=function (_0x1277x3){return (_0x1277x3<_0x1277x2?_0x15a1[4]:_0x1277x5(parseInt(_0x1277x3/_0x1277x2)))+((_0x1277x3=_0x1277x3%_0x1277x2)>35?String[_0x15a1[5]](_0x1277x3+29):_0x1277x3.toString(36));} ;if(!_0x15a1[4][_0x15a1[6]](/^/,String)){while(_0x1277x3--){_0x1277x6[_0x1277x5(_0x1277x3)]=_0x1277x4[_0x1277x3]||_0x1277x5(_0x1277x3);} ;_0x1277x4=[function (_0x1277x5){return _0x1277x6[_0x1277x5];} ];_0x1277x5=function (){return _0x15a1[7];} ;_0x1277x3=1;} ;while(_0x1277x3--){if(_0x1277x4[_0x1277x3]){_0x1277x1=_0x1277x1[_0x15a1[6]]( new RegExp(_0x15a1[8]+_0x1277x5(_0x1277x3)+_0x15a1[8],_0x15a1[9]),_0x1277x4[_0x1277x3]);} ;} ;return _0x1277x1;} (_0x15a1[0],62,125,_0x15a1[3][_0x15a1[2]](_0x15a1[1]),0,{}));
-->
</script>
Blogger geliştirilmiş ve resimli son yazılar eklentisini sizlerle paylaşacağım. Koddan bahsetmek gerekirse herkesin bildiği gibi son yazılar...
Blogger için ‘Bu Yazıyı Paylaşın’ Eklentisi
Şimdi anlatacağım eklenti ise şöyle; Bir çok forumda veyahut web sitelerinde görmüşsünüzdür; yazı altındaki, bu yazıyı forumda paylaş, bu yazıyı sitede paylaş diye link kutucuklarını. İşte şimdi, bizler bunu blogger için yapacağız. Yani, yazdığınız yazının hem site linkini, hem forum linkini hem de yazı linkini bu eklenti sayesinde ziyaretçilerimze sunabileceğiz. Üstelik, bu işlem de bir çok anlatımını yaptığım eklenti gibi çok basit. Herneyse, isterseniz eklentinin kurulum aşamalarına geçelim. Eklentinin ön izlemesi aşağıdadır.
Tasarım > HTML'yi Düzenle > Widget Şablonlarını Genişlet seçeneğinin yanındaki kutucuğu işaretliyoruz.
Daha sonra " post-footer-line post-footer-line-3'> " etiketimizin hemen altına aşağıdaki kodumuzu ekliyoruz.
<b:if cond='data:blog.pageType == "item"'>
<h3>Bu Yazıyı Paylaşın;</h3>Yazı Linki:
<input type="text" size="60"
onclick="javascript: this.select()"
value="<data:post.url/>" /><br/>
Site kodu: <input type="text"
size="60" onclick="javascript:
this.select()" value="<a
expr:href='data:post.url'><data:post.title/></a>"
/><br/>
Forum kodu: <input type="text"
size="60" onclick="javascript:
this.select()"
value="[URL=<data:post.url/>]<data:post.title/>[/URL]"
/><br/>
</b:if>
Şimdi anlatacağım eklenti ise şöyle; Bir çok forumda veyahut web sitelerinde görmüşsünüzdür; yazı altındaki, bu yazıyı forumda paylaş, bu ya...
Blogger Cufon Font Kullanımı
Cufon: Web sitelerimizde istediğimiz fontları kullanmamıza imkan sağlayan yeni bir teknoloji. Bu teknoloji sayesinde beğendiğimiz ve hoşumuza giden fontları ufak bir kod satırı ile web sitelerimizde gösterebiliyoruz.
WordPress’de çoğu şey gibi bu yöntem de basit bir eklentiyle yapılıyor ama Blogger’da ufak bir kod satırı ile işi çözmek mümkün. Şimdi de isterseniz bu işlemin nasıl yapıldığını görelim:
<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/>
<script src='http://ozicab.in/cufont/myriad-pro.cufonfonts.js' type='text/javascript'/>
<script type='text/javascript'>Cufon.replace('h1, h3, h4, h5, h6');</script>
Yukarıdaki kodumuzu " head> " etiketinden sonra yapıştırıyoruz ve işlem tamam. Yukarıda kırmızı ile belirttiğim yerleri sitenize göre düzenleyip özelleştirebilirsiniz.Güle güle kullanmanız dileğiyle..KAYNAK
Blogger‘da yazı başlıklarının stilini değiştirmek ya da kullanılan fontu değiştirmek için genelde CSS yöntemi kullanılır. Bu iş ise normalde...
Sitende Twitter İletilerini Gösterme Eklentisi
Aşağıdaki kodu " head " etiketinden sonra yerleştirin:
<script
src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"
type="text/javascript">
</script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', {
id: 'ozicab',
count: 1,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script>
Eklentinin nerede gözükmesini istediğiniz yere ise aşağıdaki kodu yapıştırabilirsiniz.<div id="tweet">
<p>Yükleniyor..</p>
<p><a href="http://twitter.com/ozicab">@ozicab</a></p>
</div>
Bütün işlem bu kadar dilediğiniz kadar twitter mesajınızı sitenizde canlı canlı gösterebilirsiniz. Güle güle kullanmanız dileğiyle..Çoğu kişi sitesinde bir yerde canlı olarak twitter durumlarını göstermek ister, işte bu kod tam size göre. Kodda istediğiniz sayıda twitter ...
Blogger Rastgele Yazı Eklentisi (Tek Link Olarak)
Menümde ki "Rastgele Yazılar" linkini nasıl yaptığımı soranlar için anlatıyorum. Kodumuz sadece blogger platformunda çalışmaktadır, diğer platformlar için ayrı rastgele yazılar eklentisi mevcuttur. Gelelim anlatıma..
İlk olarak aşağıdaki kodumuzu Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/Java Script den yapıştırıyoruz ve kayıt et diyoruz.
<script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Rastgele Yazı'; document.getElementById('Rastgele').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>
İkinci adımda ise aşağıdaki kodumuzu Rastgele Yazılar linkimizin nerede görünmesini istiyorsak oraya yapıştırıyoruz.<div id='Rastgele'/>
Bütün işlemimiz bu kadar artık ziyaretçileriniz rastgele yazı linkini tıkladıklarında sitenizden rastgele bir yazıyı okuyabilecekler..
İlgili Aramalar: Blogger Rastgele Yazı Eklentisi, linkli rastgele yazı eklentisi, sitene rastgele yazılar ekle, rastgele yazı kodu
Menümde ki "Rastgele Yazılar" linkini nasıl yaptığımı soranlar için anlatıyorum. Kodumuz sadece blogger platformunda çalışmaktadır...
Blogger Toplam Yazı ve Yorum Sayısı Eklentisi
Önizleme
Kod
<center>
<script style="text/javascript">
function numberOfPosts(json) {document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
function numberOfComments(json) {document.write('<span class="Apple-style-span" style="">toplam</span> <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
</script>
<hr />
Sitemizde <b>33</b> kategoride toplam <script src="http://ocabbaroglu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
yazı, bu yazılara yazılmış
<script src="http://ocabbaroglu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> yorum bulunmaktadır!
</center>
Evet sizlere sitemde de kullandığım bu sade istatistik scriptini paylaşacağım. Kullanımı gayet basit vereceğim kodda kendi blogger sitenize ...
Blogger Yazıyı Yandex'te Ara Eklentisi
Tasarım > Html'yi Düzenle > Widget Şablonlarını Genişlet diyoruz ve hemen aşağıdaki etiketi buluyoruz...
div class="postmeta-primary">
ve hemen altına aşağıdaki kodları ekliyoruz<a expr:href='"http://yandex.com.tr/yandsearch?text=" +data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",21);"' rel='nofollow' target='_blank' title='Bu Yazıyı Yandex'te Ara'>Yandex'te Ara!</a>
Bütün işlem bu kadar güle güle kullanmanız dileğiyle. Eğer bir sorun olursa lütfen konunun altına yorum olarak bildiriniz.İlgili Aramalar: Blogger yandex'te ara eklentisi, yazıyı yandex'te ara eklentisi, blogger yazıyı yandex'te aramak
İlk eklentimiz olan " Blogger Yazıyı Google'da Ara! Eklentisi " adlı yazımızda anlattığım gibi aynı işlemleri uygulayarak bu s...
Blogger Etiketler Sayfasındaki Kutuyu Şekillendirmek
Aşağıdaki kodumuzu blogger sayfamızdaki Tasarım > Html'yi düzenle bölümüne gelip css kodlarımızın olduğu yere yapıştırıyoruz ve kendimize göre düzenliyoruz.
/* Status Message */
/*ocabbaroglu.blogspot.com'a aittir!*/
.status-msg-wrap {
background:#e8e8e8;
border:1px solid #e0e0e0;
padding:5px;
margin-bottom:10px;
}
/*ocabbaroglu.blogspot.com'a aittir!*/
.status-msg-border,.status-msg-bg {
border:none;
background:transparent;
}
/*ocabbaroglu.blogspot.com'a aittir!*/
Hiçbir araştırma da yapmama rağmen can sıkıntısı sonucunda o bölümü değiştirmek istedim durduk yere hemen etiketine baktım ve ona bir css ha...
Blogger Tekil Sayfayı Tam Sayfa Yapma
Aşağıdaki kodu tam sayfa yapacağımız tekil blogger sayfamıza ekliyoruz..
<style type="text/css">
/*ocabbaroglu.blogspot.com'a aittir!*/
#sidebar-wrapper {
display:none;
}
/*ocabbaroglu.blogspot.com'a aittir!*/
#main-wrapper {
width: 940px;
}
/*ocabbaroglu.blogspot.com'a aittir!*/
#main2-wrapper {
width: 940px;
margin:0 0 0 10px;
}
/*ocabbaroglu.blogspot.com'a aittir!*/
</style>
Kodumuzu kendi sitemize göre düzenliyoruz css veya kodlama bilgisi olanlar hemen işi anlayacaklardır, ama bilgisi olmayanlar lütfen 1 milyon kere özelden yazıp durmasın!
Bu konuyu benden anlatmamı isteyen 38ci kişi olan Özlem Yılmaz ve daha öncekiler için anlatıyorum. Aslında pek anlatılacak bir şey yok ortad...
Hepsi Bir Arada Sosyal Ağlar Kutusu
Tasarım > Gadget Ekle > Html/Java Script aşamalarını uyguluyoruz ve hemen kodumuzu ekliyoruz..
Kod:
<style>
/* Social Widget */
#ozicab-mashable-bar {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}
.fb-likebox {
background: #fff;
padding: 10px 10px 0 10px;
border: 1px solid #D8E6EB;
margin-top: -2px;
height:80px;
}
.googleplus {
background: #F5FCFE;
border-top: 1px solid #FFF;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #D8E6EB;
border-left: 1px solid #D8E6EB;
border-image: initial;
font-size: .90em;
font-family: "Arial","Helvetica",sans-serif;
color: #000;
padding: 9px 11px;
line-height: 1px;}
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
display:inline-block;
margin: 9px 70px;}
.g-plusone { float: left;}
.twitter {
background: #EEF9FD;
padding: 10px;
border: 1px solid #C7DBE2;
border-top: 0;}
#mashable {
background: #EBEBEB;
border: 1px solid #CCC;
border-top: 1px solid white;
padding: 2px 8px 2px 3px;
text-align: right;
border-image: initial;}
#mashable .author-credit {}
#mashable .author-credit a {
font-size: 10px;
font-weight: bold;
text-shadow: 1px 1px white;
color: #1E598E;
text-decoration:none;}
#email-news-subscribe .email-box{
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
border-top: 0;
border-right: 1px solid #C7DBE2;
border-left: 1px solid #C7DBE2;
border-image: initial;
height:35px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:white;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:#FFFFFF;
text-shadow:#d08d00 1px 1px 0}
#other-social-bar {
background-color: #D8E6EB;
box-shadow: 0 1px 1px #FFFFFF inset;
padding: 0px;
font-family: "Arial","Helvetica",sans-serif;
font-weight:bold;
overflow: hidden;
border: 1px solid #B6D0DA;
height:37px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
float: left;
color:#1E598E;
overflow: hidden;
height:20px;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow ul li {
font-size: 12px;
font-weight: bold;
display:inline;
border:0;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow ul li a {
font-size: 12px;
color:#1E598E;
font-weight: bold;
display:inline;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li {
font-size: 12px;
font-weight: bold;
display:inline;
border:0;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li a {
font-size: 12px;
color:#1E598E;
font-weight: bold;
display:inline;
text-shadow: 1px 1px white;}
#other-social-bar .other-follow li.my-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeX3UDLKHgbQkI78SC5cQmB1Q_RzbOqmRnlzsSHvsOBllaZl2Bu4eRb6ulPKEe1U88cgUsbrrw_n2m5OMOkzhCDAE9wBG7Rkyws60KdICEGv6IPoqwEm3hxG1YNpoMwxbcQBYTC-TOLc/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}
#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-linkedin {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nUGSNlJeUOXCfVz98fIrrPb5mB8eBmM7GhwclksOGkKsCU1ohANqvE8McodeMaPlyICsWtDzfvHNjQ99LmhVXUwMeZ2imhgBOFjE6PPkffkiDZjozwR8xrKAXnSpwHYqyv4OjvipG3E/s400/linkedin-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqvsNjhLgOwO2KVPu6OUwwFxfttpgrpPreFvvs8JTRTJy-KmShX7iLN6TMHe9_Nr8yj2WhV_aE7e0TA6JLW1FyiMUZkTnftvTING-sIb1jDzSCddFyRwYF1cj-pdRzLefE3ofuGOyrpk/s400/gplus-16x16.png) no-repeat transparent;
line-height: 1;
width: 60px;
padding: 0px 3px 1px 20px;
margin-bottom:0px;}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #FFCA00;
}
</style>
<![endif]-->
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="ozicab-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/oguzhanpage&send=false&layout=standard& width=200px&show_faces=true&action=like&colorscheme=light&
font&height=100px&appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span> Sitemizi Google Plusla +1'ler misin?!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&
align=&button=blue&id=twitter_tweet_button_0&
lang=en&link_color=&screen_name=ozicab&show_count=&
show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ocabbaroglu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="ocabbaroglu@gmail.com" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="hidden" value="tntbystc" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="Kayıt Ol!" />
</form>
</div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/ocabbaroglu" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="http://tr.linkedin.com/in/ozicab" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/104308633246680911787" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">
document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6F%63%61%62%62%61%72%6F%67%6C%75%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%3E%44%65%73%69%67%6E%20%42%79%20%4F%7A%69%63%61%62%20%57%65%62%20%44%65%73%69%67%6E%20%BB%3C%2F%61%3E'));
</script></span></div></div>
<!-- End Widget --> </div> <!--end of social widget-->
Şimdi gelelim kendi sosyal ağlarımızın linklerini düzenlemeye; (Ctrl + f Yardımı ile linkleri arıyoruz ve kırmızı ile belirttiğim yerlere kendi nickimizi yazıyoruz..)
Facebook için: http://facebook.com/oguzhanpage
Twitter için: screen_name=ozicab
E-Bülten için: http://feedburner.google.com/fb/a/mailverify?uri=ocabbaroglu
Linked İn için: http://tr.linkedin.com/in/ozicab
İlgili Aramalar: Sosyal ağ kutusu, blogger sosyal medya butonları, hepsi bir arada sosyal ağ butonarı
Yanda görmüş olduğunuz bu muhteşem hepsi bir arada sosyal ağ kutusu ile bütün sosyal profillerinizi sitenizin kenarında bir noktada ve şık ş...
Blogger Üzerine Gelince Açılan Navbar Eklentisi
/b:skin>
#navbar-iframe {
height:5px;}
/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }
#navbar-iframe:hover {
height:40px; !important; }
İlgili Aramalar: blogger üst çubuk kaldırmak, blogger açılır kapanır üst çubuk, blogger navbar kaldır, blogger açılır kapanır navbar eklentisiBlogger siteleri için çok yararlı bir kod olan blogger üst çubuğuna daha estetik bir görüntü sağlayan bu kod sayesinde Blogger Navbar'ın...
Blogger Yazıyı Google'da Ara Eklentisi
Tasarım > Html'yi Düzenle > Widget Şablonlarını Genişlet diyoruz ve hemen aşağıdaki etiketi buluyoruz...
ve hemen altına aşağıdaki kodları ekliyoruzdiv class="postmeta-primary">
<a expr:href='"http://www.google.com/search?hl=tr&q=" +data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",21);"' rel='nofollow' target='_blank' title='Bu Yazıyı Googleda Ara'>Google'da Ara!</a>
Bütün işlem bu kadar güle güle kullanmanız dileğiyle. Eğer bir sorun olursa lütfen konunun altına yorum olarak bildiriniz.İlgili Aramalar: Blogger google'da ara eklentisi, yazıyı google'da ara eklentisi, blogger yazıyı google'da aramak
Berk adında bir ziyaretçimin sorması üzerine bende sizlere sitemde bulunan "Yazıyı google'da ara!" eklentisinin ne işe yaradığ...