MOBİLİKA: siteneekle

Blogger Sitemap Site Haritası Oluşturma

<div style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 15px;">
<b>Blogger ile sitemap oluşturmak</b> çok basit arkadaşlar. İlk olarak yapmamız gereken <a href="https://accounts.google.com/ServiceLogin?service=sitemaps&passive=1209600&continue=https://www.google.com/webmasters/tools/?hl%3Dtr&followup=https://www.google.com/webmasters/tools/?hl%3Dtr&hl=tr" style="color: #336699; text-decoration: none;" target="_blank">web mastertools</a>'a gitmek. Daha sonra ise işlem yapmak istediğimiz sitenin üstüne tıklıyoruz. Hemen sol menüler içerisinden Tarama kısmına tıklıyor ve açılan menülerden sitemap kısmına geliyoruz.<br />
Sitemap menüsüne tıkladıktan sonra ise arkadaşlar hemen yukarı kısımda <span style="background-color: #d14836; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 27px; text-align: center; text-transform: uppercase;">SITE HARITASI EKLEME/TEST ETME</span> isimli yere tıklıyoruz.</div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1SpEYSYAQe5hUeBaI9ZCjRoXDO0SWMR1Y1hn6ZtAWIfYyPEuyvqQYi4eF4xgmtDQRrMNYyxts1lEW2UXdFn0V7Wv5CJsGWpTGBIJRroJEa-Q3CiIB35Q1C23EMrIZYU0ETahatkllp-G/s1600/generareautomaticamente.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1SpEYSYAQe5hUeBaI9ZCjRoXDO0SWMR1Y1hn6ZtAWIfYyPEuyvqQYi4eF4xgmtDQRrMNYyxts1lEW2UXdFn0V7Wv5CJsGWpTGBIJRroJEa-Q3CiIB35Q1C23EMrIZYU0ETahatkllp-G/s1600/generareautomaticamente.jpg" width="320" /></a></div>
<br style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" />
<br style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" />
<span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;">Karşımıza açılan kutucuğa </span><b style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;">sitemap.xml</b><span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"> yazıyoruz ve site haritasını test et diyoruz. Test etme işlemi bittikten sonra ise </span><b style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;">blogger</b><span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;"> sitemize gönül rahatlığıyla site haritamızı ekleyebiliriz. Ama sitemapi daha fazla özelleştirmek için arkadaşlar şu kodları kullanmamız daha iyi olacaktır.</span><br />
<br />
<ul style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px;">
<li>Blog sitenizde 500’den az yazı varsa sitemap: site-ismi.blogspot.com/<b>atom.xml?redirect=false&start-index=1&max-results=500</b> </li>
</ul>
<ul style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px;">
<li>Blogunuzda 500-1000 arası yazı varsa sitemap: site-ismi.blogspot.com/<b>atom.xml?redirect=false&start-index=501&max-results=500</b></li>
</ul>
<br style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;" />
<span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;">Evet arkadaşlar tüm işlemler bu kadar. Bu işlemleri sıra ile uygularsanız sizinde bir sitemapiniz olabilir.</span><br />
<div style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; padding: 0px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; padding: 0px;">
Bağlantı Verirken Aşağıdaki Gibi Link Veriyoruz</div>
<div style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; padding: 0px;">
varsayılan sitemap’ler şöyledir: </div>
<ul style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; list-style-image: url(http://icons.iconarchive.com/icons/famfamfam/silk/16/bullet-orange-icon.png); margin: 0px 0px 10px 35px !important; padding: 0px;">
<li style="margin: 0px; padding: 4px 0px;">blog-ismi.blogspot.com/<strong style="margin: 0px; padding: 0px;">feeds/posts/full</strong> </li>
<li style="margin: 0px; padding: 4px 0px;"><l i="" style="margin: 0px; padding: 0px;">blog-ismi.blogspot.com/<strong style="margin: 0px; padding: 0px;">feeds/posts/default?orderby=updated</strong> </l></li>
<li style="margin: 0px; padding: 4px 0px;"><l i="" style="margin: 0px; padding: 0px;"><l i="" style="margin: 0px; padding: 0px;">blog-ismi.blogspot.com/<strong style="margin: 0px; padding: 0px;">feeds/comments/default?alt=rss</strong></l></l></li>
</ul>

Blogger Sitemap Site Haritası Oluşturma

Blogger ile sitemap oluşturmak çok basit arkadaşlar. İlk olarak yapmamız gereken web mastertools 'a gitmek. Daha sonra ise işlem yapm...

Devamı »

Üst Açilir menü

<br />
<h1 class="post-title entry-title" style="background-color: white; font-family: Verdana, Arial, sans-serif; font-size: 26px; line-height: 1.2em; margin: 0px 0px 8px; padding: 0px 0px 5px; text-shadow: rgb(79, 84, 88) 0.02em 0.02em 0.17em;">
<a href="http://bloghocam.blogspot.com/2012/08/jquery-ile-sayfa-ustune-sabit-aclr-menu.html" style="color: black; display: block; margin: 0px; padding: 0px; text-decoration: none;">Jquery İle Sayfa Üstüne Sabit Açılır Menü Ekleme</a></h1>
<div class="post-header" style="background-color: white; background-image: none; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 10px; height: 21px; line-height: 19.5px; margin: 0px; padding: 0px;">
<span class="post-author vcard" style="float: left; line-height: 21px; margin: 0px; padding: 0px 0px 0px 10px;"></span><span style="font-size: 13px;">Jquery sayesinde bloglarımızın görselliğini ve işlevselliğini bir hayli arttırabiliyoruz.Bu yazıda vereceğim örnek te blogunuzun görselliğini ve kalitesini arttırmaya yönelik bir menü.</span></div>
<div class="post-body entry-content" style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 10px 0px;">
<div style="padding: 0px;">
<br />
<br /></div>
<div style="padding: 0px;">
<a href="http://lh4.ggpht.com/-YXawwd8o7os/UCTcqpe9FCI/AAAAAAAADiI/r7C0IqtXGIc/s1600-h/sayfa-ustune-sabit-acilir-menu5.png" style="color: #669900; margin: 0px; padding: 0px; text-decoration: none;" target="_blank"><img alt="Jquery İle Sayfa Üstüne Sabit Açılır Menü" border="0" height="99" src="http://lh5.ggpht.com/-YmQ3iuJSXxI/UCTcrswWWKI/AAAAAAAADiQ/8TA2n68-xw8/sayfa-ustune-sabit-acilir-menu_thumb.png?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 5px;" title="Jquery İle Sayfa Üstüne Sabit Açılır Menü" width="442" /></a></div>
<div style="padding: 0px;">
<br /></div>
<div style="padding: 0px;">
Dikey versiyonunda olduğu gibi yatay versiyonuna da ikonlardan faydalanıyoruz.Sayfa açıldığında smenünün sadece yazılı bölümü gözüküyor.Üzerine gelindiğinde ise aşağı doğru açılarak ikon gözüküyor.<br />
<br />
Bu menüyü blogunuza eklemek isterseniz şablonunuzdan body <span style="background-color: transparent;">kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.</span></div>
</div>
<div style="padding: 0px;">
</div>
<textarea class="bginput" cols="42" name="mobilika.blogspot.com/, html kodları" rows="200" style="height: 1000px; width: 600px;"><div class='clear'/>
 
<style> 
ul#navigation { 
position: fixed; 
margin: 0px; 
padding: 0px; 
top: 0px; 
right: 0px; 
list-style: none; 
z-index:999999; 
width:721px; 
} 
ul#navigation li { 
width: 103px; 
display:inline; 
float:left; 
border:0; 
} 
ul#navigation li a { 
display: block; 
float:left; 
margin-top: -2px; 
width: 100px; 
height: 25px; 
background-color:#eeeeee; 
background-repeat:no-repeat; 
background-position:50% 10px; 
border:1px solid #BDDCEF; 
-moz-border-radius:0px 0px 10px 10px; 
-webkit-border-bottom-right-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
-khtml-border-bottom-right-radius: 10px; 
-khtml-border-bottom-left-radius: 10px; 
text-decoration:none; 
text-align:center; 
padding-top:80px; 
opacity: 0.96; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
} 
ul#navigation li a:hover{ 
background-color:#CAE3F2; 
} 
ul#navigation li a span{ 
letter-spacing:2px; 
font-size:11px; 
color:#60ACD8; 
font-family:trebuchet-ms, arial, tahoma, Sans-Serif; 
font-weight:bold; 
text-shadow: 0 -1px 1px #fff; 
} 
ul#navigation .anasayfa a { 
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Home-icon.png); 
} 
ul#navigation .hakkimda a { 
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Friends-icon.png); 
} 
ul#navigation .takipet a { 
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Link-icon.png); 
} 
ul#navigation .arsiv a{ 
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Search-icon.png); 
} 
ul#navigation .iletisim a { 
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Mail-icon.png); 
} 
</style> 
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'> 
</script> 
<script type='text/javascript'> 
$(function() { 
var d=300; 
$('#navigation a').each(function(){ 
$(this).stop().animate({ 
'marginTop':'-80px' 
},d+=150); 
}); 
$('#navigation > li').hover( 
function () { 
$('a',$(this)).stop().animate({ 
'marginTop':'-2px' 
},200); 
}, 
function () { 
$('a',$(this)).stop().animate({ 
'marginTop':'-80px' 
},200); 
} 
); 
}); 
</script> 
<ul id='navigation'>
<li class='anasayfa'><a href='http://mobilika.blogspot.com'>Ana Sayfa</a></li>
<li class='hakkimda'><a href='http://mobilika.blogspot.com/p/hakkmda.html'>Hakkımda</a></li>
<li class='takipet'><a href='http://mobilika.blogspot.com/p/takip-et.html'>Takip Et</a></li>
<li class='arsiv'><a href='http://mobilika.blogspot.com/p/arsiv.html'>Arşiv</a></li>
<li class='iletisim'><a href='http://mobilika.blogspot.com/p/iletisim.html'>İletişim</a></li>
</ul>

İsterseniz .png uzantılı ikonların yerine kendi ikonlarınızı kullanabilirsiniz.Menüde kendi sayfalarıma link verdim.Kodlarda benim bloguumua ait adreslerin yerine kendi sayfalarınıza ait adresleri yazın.

Üst Açilir menü

Jquery İle Sayfa Üstüne Sabit Açılır Menü Ekleme Jquery sayesinde bloglarımızın görselliğini ve işlevselliğini bir hayli arttırabiliyoru...

Devamı »