Freitag, 7. Februar 2014
111-) Muradına Ermek İçin..
Araf suresi 89.ayeti kerimesini günde 40 defa okuyan kırk güne kadar muradına veya bir devlet ve saadete nail olur.. '' Bismillahirrahmanirrahim. Rabbeneftah beynena ve beyne kavmina bil hakki ve ente hayrul fatihin..(EL-MÜNTEHABATU MİN ULUMİL HAVAS)
110-) Kimseye Muhtaç Olmamak Ve Zenginlik İçin..
109-) Ticaretin Bol Olması İçin Dua..
108-) Ömründe Hasta Olmamak İçin..
Mittwoch, 5. Februar 2014
6 Şubat 2004..
Birlikte kahvaltı yapmıyoruz, akşam yemeği de yemiyoruz..
Ne dinlediğimiz müzik ne izlediğimiz film aynı (Kısmen)..
Beyaz olmasını istediğimiz şeyle siyah olmasını istediğimiz şey başka başka..
Bazı sevdiğimiz şeylerin ise zamanı uyuşmaz, ya önceden sevmişimdir ya sonradan, o da tam tersi..
Doğal dediğimiz şey bile farklı :)
İkimizin de burcu akrep..
6 Şubat 2004.. 10 yıl olmuş
Minimal Süper Menü
Blogger için menü alternatiflerine “minimal süper menü” isminde yeni bir menü daha ekleyelim. Son zamanlarda dağıtılan Blogger temalarında çok sık gördüğümüz bu menüyü ben de hazır bir temanın içinden aldım ve bazı küçük değişiklikler yaparak paylaşmak istedim.
Menüye neden bu ismi verdiğimi açıklamak istiyorum. Menüde küçük yazı boyutu ve ikonlar kullanlmış. Bu yüzden az yer kaplıyor ve minimal. Ayrıca menünün sağ köşesinde sosyal ikonlar mevcut. Yani menü hem blog içi navigasyonu, hem de sosyal platformlardaki hesaplarınız arasındaki navigasyonu sağlıyor. Bu yüzden süper :)
Menüde istediğiniz yerleri açılır sekme gibi göstererek alt menü öğeleri de ekleyebilirsiniz. Aşağıdaki demo videoyu izlediğiniz Menü linkinin üzerine geldiğin açıldığını ve alt öğeler çıktığını göreceksiniz.
Bu menüye blogunuza eklemek için öncelikle Blogger kumanda paneline girip Şablon > HTML’yi düzenle diyerek şablonun kodlarını açın ve Ctrl + F kuş kombinasyonuyla açılan arama kutusunun yardımıyla ]]></b:skin> kodunu bulun. Bunun hemen üzerine aşağıdaki stil kodlarını yapıştırın.
/* BH Minimal Süper Menü Stil Kodları
----------------------------------------------- */
#itbnav {
background:#F1921A;
padding:0;
height: 29px;
font-size:12px;
position: relative;
border:1px dotted #000;}
#itbnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#itbnav .tgltop {
float:left;
color:#E2E2E2;
display:block;
line-height:20px;margin-top: 4px;
}.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:left;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:#007ABE;
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:#E6E6E6;
font-size:11px;
}
#itbnav .sf-menu a {
color:#fff;
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#007ABE;
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#itbnav .sf-menu ul li, #itbnav .sf-menu ul ul li {
background-color:#F1921A;
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#itbnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:#007ABE;
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:#000;
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:#E6E6E6;
}
#itbnav .sf-menu li:hover > a,
#itbnav .sf-menu li.sfHover > a,
#itbnav .sf-menu > li > a.current {
background-color:#679EC9;
color:#E2E2E2;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:#E6E6E6;
}
#itbnav .sf-arrows .sf-with-ul:after {
border-top-color:#007ABE;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#E6E6E6;
}
#itbnav .sf-arrows > li > .sf-with-ul:focus:after,
#itbnav .sf-arrows > li:hover > .sf-with-ul:after,
#itbnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#E2E2E2;
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:#E6E6E6;
}
#itbnav .sf-arrows ul .sf-with-ul:after {
border-left-color:#007ABE;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:#E6E6E6;
}
#itbnav .sf-arrows ul li > .sf-with-ul:focus:after,
#itbnav .sf-arrows ul li:hover > .sf-with-ul:after,
#itbnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:#E2E2E2;
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:#c00000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#itbnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#itbnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#itbnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}
.sf-menu a.home:before,.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#icon-socialmn {
margin: 0;
float: right;
}
#icon-socialmn li {
float: left;
}
#icon-socialmn a {
display: block;
text-indent: -9999px;
width: 26px;
height: 29px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggAqJSgCC38d28L1lOaHCFN8WpMC2bkL8F0HLNtMK6StMnO8KXDAmLBnjKd9LwFAEbBbvVfNCGWx8jqRc_0uhQny0kXmfOV3PQV10DnYjGBvBQUGLi77JjnRk9ET9R_gY5r7KbWkDv5fFw/s575/beyaz-sosyal-ikonlar.png);
background-repeat: no-repeat;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
#icon-socialmn .sotw a {
background-position: 1px 2px;
}
#icon-socialmn .sofb a {
background-position: -24px 2px;
}
#icon-socialmn .sogo a {
background-position: -49px 2px;
}
#icon-socialmn .sorss a {
background-position: -74px 2px;
}
#icon-socialmn .solinkn a {
background-position: -99px 2px;
}
#icon-socialmn .sopint a {
background-position: -150px 2px;
}
#icon-socialmn .sotw a:hover {
background-color: #2DAAE1;
}
#icon-socialmn .sofb a:hover {
background-color: #3C5B9B;
}
#icon-socialmn .sogo a:hover {
background-color: #F63E28;
}
#icon-socialmn .sorss a:hover {
background-color: #FA8C27;
}
#icon-socialmn .solinkn a:hover {
background-color: #0173B2;
}
#icon-socialmn .sopint a:hover {
background-color: #CB2027;
}
Sıra HTMLkodlarını eklemeye geldi. HTML kodlarını ekleyeceğiniz yer ile ilgili şu bilgiyi vermek istiyorum:
1. Blogger’ın kendi temalarından birini kullanıyorsaız HTML kodlarını <div class='tabs-outer'> kodnun hemen üstüne ekleyin.
2. Özel bir Blogger teması kullanıyorsanız HTML kodlarını <div id='content-wrapper'> kodunun hemen altına ekleyin.
<!--BH Minimal Süper Menü HTML Kodları-->
<div id='itbnav'>
<ul class='sf-menu' id='topmenunav'>
<li><a href='http://bloghocam.blogspot.com/'>Ana Sayfa</a></li>
<li><a href='http://bloghocam.blogspot.com/p/hakkmda.html'>Hakkımda</a></li>
<li><a href='http://bloghocam.blogspot.com/p/misafir-blogculuk.html'>Misafir Blogculuk</a></li>
<li><a href='http://bloghocam.blogspot.com/p/destek-ol.html'>Destek Ol</a></li>
<li><a href='http://bloghocam.blogspot.com/p/takip-et.html'>Takip Et</a></li>
<li><a href='http://bloghocam.blogspot.com/p/ne-dediler.html'>Ne Dediler?</a></li>
<li><a href='http://bloghocam.blogspot.com/p/arsiv.html'>Arşiv</a></li>
<li><a href='http://bloghocam.blogspot.com/p/galeri.html'>Reklam</a></li>
<li><a href='http://bloghocam.blogspot.com/p/iletisim.html'>İletişim</a></li>
<li><a href='#'>Menü</a>
<ul><li><a href='http://bloghocam.blogspot.com/2011/04/feedburner-kurulumu-ve-ayarlar.html'>Feedburner</a></li>
<li><a href='http://bloghocam.blogspot.com/2012/06/acemiler-icin-google-analytics-rehberi.html'>Google Analytics</a></li>
<li><a href='http://bloghocam.blogspot.com/2012/08/herkesin-bir-gravatar-olsun.html'>Gravatar</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/09/paypal-nedir-bloggerlar-icin-neden.html'>Paypal</a></li></ul>
</li>
</ul>
<ul class='sociico' id='icon-socialmn'>
<li class='sotw'><a href='https://twitter.com/BlogHocam' target='_blank'>twitter</a></li>
<li class='sofb'><a href='http://www.facebook.com/bloghocam' target='_blank'>facebook</a></li>
<li class='sogo'><a href='http://www.google.com/+BloghocamBlogspot' target='_blank'>google</a></li>
<li class='sorss'><a href='http://feeds.feedburner.com/bloghocam' target='_blank'>rss</a></li>
<li class='solinkn'><a href='http://linkedin.com' target='_blank'>linkedin</a></li>
<li class='sopint'><a href='http://pinterest.com/bloghocam' target='_blank'>pinterest</a></li>
</ul>
</div>
HTML kodlarında menü öğelerini kendinize göre düzenleyeblir, istemediğiniz öğelere ait kod satırını silerek menüden kaldırabilirsiniz.
Montag, 3. Februar 2014
Alexa Kullanım Kılavuzu
1996’da, dünyadaki tüm web sitelerinin istatistiklerini tutmak amacıyla kurulan Alexa, bugün internet dünyasında sitelerin popülaritesini belirlemede en güvenilir kaynaklardan biridir.
Chrome, Explorer, Firefoz gibi internet tarayıcılarına yüklenen toolbar sayesinde kullanıcıların internette ziyaret ettikleri sitelerin datasını tutan Alexa, bu datalara göre sitelere bazı değerler verir. Bir sitenin Alexa sayfasını ziyaret ettiğinide şu bilgileri görebilirsiniz:
1. Türkiye Ve Dünya Sıralaması
”How popular is ……” başlığının altında, o sitenin Alexa verilerine göre Türkiye’nin ve Dünya’nın kaçıncı popüler sitesini olduğunu görebilirsiniz.
Örneğin Blog Hocam’ın Alexa sayfasını ziyaret ettiğinizde Türkiye’nin 894. Dünya’nın 49.375. popüler sitesi olduğu yazar.
2. Etkileşim
”How engaged are visitors to ……?” başlığının altında ise ziyaretçilerin siteye olan bağlılığı ile igili veriler gözükmektedir.
Alexa verilerine göre Blog Hocam’ı ziyaret edenlerin siteden hemen çıkma oranı %58.1. Kullnaıcılar Blog Hocam’ı ziyaret ettiğinde ortalama 2.17 sayfa görüntülüyor. Kullanıcıların Blog Hocam’da kalma süresi ise ortalama 1.6 dakika.
3. Demografi
”Who visits ……?” başlığının aktında ziyretçilerin kitlesel ve coğrafik demografik blgilerini görebiliyorsunuz.
Blog Hocam’ın ziyaretçi profilinde arasında erkeklerin biraz daha ağır bastığını görebilirsiniz. Ayrıca ziyaretçilerin %87.9’u Türkiye’den bağlanırken, %6.2’sinin Kırgızistan’dan, %2.5’inin ise ABD’den bağlandığını görebilirsiniz.
4. Trafik Kaynakları
”Where do ……'s visitors come from?” başlığının altında ise ziyaretçilerin o siteye hangi kaynaklardan ulaştığını görebiliyorsunuz.
Alexa’ya göre Blog Hocam’ın trafiğinin %23.9’u arama motorlarından geliyor. İnsanlar arama motoruna en çok “blog hocam”, “bloghocam”, “kişisel blog”, “blogger arama kutusu”, “hocam” yazarak Blog Hocam’a ulaşıyor. Alexa’ya göre Google dışında Blog Hocam’a en çok trafik gönderen siteler ise Blogger, Facebook ve Hürriyet.
5. Backlinkler
”What sites link to ……?” başlığının altnda o sitnin kaç adet backlinki olduğunu ve backlinkin yer aldığı sayfaları görebiliyorsunuz.
Alexa Blog Hocam’a 495 farklı siteden link geldiğini algılamış ve bunlardan bazılarını göstermiş. Pinterest, Blogger, Hürriyet, Milliyet gibi sitelerden Blog Hocam’a bağlantı olduğunu görebilirsiniz.
6. Benzer Siteler
”What sites are related to ……?” başlığının altında ise o siteyle benzer konsepte sahip siteler görünmektedir.
Benzer siteler Blog Hocam’da ve çoğu sitede gözükmüyor. Kriteri nedir bilmiyorum. Ama öneri olarak DMOZ’de bulunduğu kategoriyi gösteriyor. Buradan benzer sitelere ulaşabilirsiniz.
7. Subdomainler
”Where do visitors go on ……?” başlığının altında ise sitede en çok ziyaret edlen alt domainler gözükmektedir.
Blog Hocam’ın kendisi zaten bir subdamin olduğu için bu bölümde başka bir veri gözükmaz. Ama sitenin adresi bloghocam.com olsaydı ve bu sitenin forum.bloghocam.com gibi bir alt domaini olsaydı bu bölümde görebilirdiniz.
8. Site Hızı
”How fast does …… load?” başlığının altında sitenin ne kadar hızlı yüklendiğini ve diğer sitelerle kıyaslamasını görebilirsiniz.
Örneğin Alexa’ya göre Blog Hocam 3.9 saniyede yükleniyormuş ve internetteki sitelerin %87’sinden daha yavaşmış.
9. Site Bilgileri
”Where can I find more info about ……?” başlığının altında sitenin açıklaması, eskiden nasıl göründüğü ve site sahibinin iletişim bilgileri yer almaktadır.
Site açıklaması ve iletişim bilgilerini siz oluşturuyorsunuz fakat site geçmişi, web.archive.org tarafından kendiliğinden kaydedilir. Örneğin 7 Ekim 2011’de Blog Hocam şu şekilde görünüyordu.
Alexa Verileri Ne Kadar Doğru?
Alexa bu verileri Alexa toolbarı yüklü olduğu tarayıcılardan topladığı için kesin doğruyuz diyemeyiz elbette. Google Analytics’den bounce rate, demografi, trafik kaynakları gibi verileri incelediğinizde bazı farklılıklar olduğunu göreceksiniz. Bu yüzden Alexa’da ciddiye almanız gereken tek verinin 1 numarada belirttiğim sıralamalar olduğunu söleyebilirim. Kendi blogunuzla ilgili diğer verileri Google Analytics’den çok daha net elde edebilirsiniz ama hakkında hiçbirşey bilmediğiniz bir site için Alexa verileri size fikir verebilir.
Alexa’ya Kayıt Ve Site Ekleme
1. Öncelikle Alexa kayıt sayfasına giderek e-mail adresiniz ya da Facebook hesabınızla kayıt yapın.
2. Mail adresinizle kayıt yaptıysanız Alexa’dan bir mail gelecektir. Buradaki linke tıkladıktan sonra kayıt işleminiz tamamlanır. Açılan sayfada Alexa hesabınıza girnek için kullanacağınız şifreyi belirlemeniz istenecek.
3. Şifreyi belirledikten sonra artık Alexa hesabınıza gimiş olursunuz. Şimdi üst taraftaki My Account linkine tıklayarak şu yolu izleyin: Dashboard > Add It Now > Free Sign Up
4. Açılan sayfadaki kutuya blog adresinizi yazarak devam edin. Ardın sizden sitenizi onaylamanızı isteyecek. Bunun 2 yolu var. Biz 2. seçenek olan meta seçeneğini kullanacağız.
Sayfada size özel üretilen bir Alexa ID’si göreceksiniz. Bunu blogunuza şu şekilde eklemeniz gerekmektedir:
- Blogger kumanda panelindenŞablon > HTML’yi Düzenle yolunu takip edin ve <head> kodunun altına şu satırı ekleyin:
<meta name="alexaVerifyID" content="Alexa ID’niz" />
Kırmızı renkli yere Alexa’dan aldığınız ID’yi yazdıktan sonra şablonu kaydedin ve Alexa’ya geri dönün. Alexa ID’nizi aldığınız sayfanın altındaki Verify My ID butonuna tıklayın.
5. “Your site is successfully claimed.” yazısını gördüyseniz blgunuz artık Alexa’ya eklenmiş ve onaylanış demektir. Continue butonuna basarak site bilgilerini yazmaya geçebilirsiniz.
6. Burada bazı özellikler sadece pro üyeler içindir. Fakat yukarıda 9. adımda bahssettiğim site başlığı, site açıklaması, ülke ve iletişim gibi bilgileri buradan seçebiliyorsunuz. Bu bilgileri girdikten sonra kaydedip işlemi sonlandırbilirsiniz.
Son olarak şunu belirtmeliyim ki blogunuza Alexa’ya ekledikten hemen sonra istatistikler ve veriler gözükmez. Bu verilerin oplanıp işlenmesi için süreye ihtiyacınız olacak.
Alexa Widgetları
Sitesinde Alexa verilerini göstermek isteyen kişiler için farklı tür ve boyutlarda Alexa widgetları mevcut. Dilerseniz kendi widgetınızı oluşturarak blogunuza ekleyebilirsiniz.
Widget oluşturmak için Alexa Site Widgets sayfasına giderek, eklemek istediğiniz widgetın yanındaki kutuya blog adrresinizi yazın ve Build Widget butonuna basın. Devamında açılan sayfasında seçtğiniz widget türünün farklı boyutları ve yanlarında kodları çıkacak. Burada ekleyeceğiniz widgetın kodunu kopyalayarak Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyin ve kodları yapıştırın.
İnternet Tarayıcınız İçin Alexa Toolbar
Alexa Toolbar internet tarayıcınza ücretsiz olarak ekleyebileceğiniz, siz internette dolaşırken arkaplanda çalışarak girdiğiniz sitelerle ilgili bilgileri Alexa databaseine gönderen bir eklentidir. Yani Alexa toolbar yüklü bir tarayıcıyla internet sitelerini ziyaret ettiğinizde, o sitelerin verilerinin hesaplanmasında siz de dikkate alınacaksınız.
Alexa toolbarı ücretsiz indirmek ve tarayıcınıza eklemek için Alexa Toolbar sayfasını ziyaret edebilirsiniz.
!!! Alexa verileri hergün güncellendiği için şuanki değerlerle yazıda yer alan değerler arasında küçük farklar olabilir. Yazıyı yaklaık 1 hafta önce yazmıştım.
Abonnieren
Posts (Atom)