Freelancer Beyin Göçü [Dolarla Para Kazanma Rehberi]

Dolar’ın TL karşısında güç kazanmasından sonra herkesin aklına nasıl dolarla para kazanabiliriz? sorusu illa ki gelmiştir. Benim de geldi! Bununla ilgili küçük bir araştırma yaptım ve adını Freelancer Beyin Göçü olarak derlediğim birkaç bilgiyi sizinle paylaşacağım.

Freelancer Nedir?

Türkçe karşılığı Serbest meslekle uğraşan biri gibi olsa da asıl olarak bizim konumuzda ki Freelance mesleği, webmasterlık veya Digital Nomad (Dijital Göçebe) gibi her yerden, belli yeteneklere bağlı olarak yapılan iştir.

Beyin Göçü Nedir?

Sözlük anlamıyla profesyonel insanların ülkelerindeki şartları yeterli bulmaması sonucu yurt dışına göç etmesi diyebiliriz. Peki biz evde masa başında çalışıyoruz biz nasıl göç edeceğiz?

Freelancer Beyin Göçü

Birçoğumuz iş yaptığı müşterilerini hayatında hiç görmedi değil mi? O halde bizim işimiz yerel pazara değil zaten istediğimiz her pazara hitap ediyor. Evde, okulda, sahilde çimleyerek 😀 hatta internet olan her kafede biz mesleğimizin gereğini yerine getiriyoruz. Yaptığımızın işin de tüm dünyaya hitap ettiğini öğrendik. O halde bizi tutan bir şey yok peki bu işi nasıl yapacağız?

Gerekli Özellikler

Dolarla para kazanma seyahatimiz için öncelikle gerekli olan ilk özellik elbette ki İngilizce! İngilizce artık dünya dili olduğu için hiçbir aksana sahip olmanıza gerek yok çünkü herkes kendi aksanıyla konuşabiliyor. Bizim işimiz de genelde klavyelemek(?) olduğu için konuşmaktan ziyade bilmek, iyi kullanmak gerekiyor.

Ne Yapacağız?

Şu an yaptığınız her şeyi İngilizce olarak yapacağız. Örneğin ben blog yazıyorum yabancı dilde artık www2.dogubaklaci.com adresinde paylaşmaya gideceğim. Yaptığınız her şeyi global pazara taşıyabilirsiniz. Size lazım olan şey sadece tanıtım! Bunun için de çok basit bir yöntem var siz nasıl Türkiye’de rakiplerinizi geçtiniz sorularını global olarak cevaplayacağız

Rakiplerimizi Nasıl Geçeceğiz?

Global pazarda bir çok rakip olduğunu söyledik bizim amacımız dolarla para kazanmak değil mi? Ee dolar da şu an değerli bir para birimi olma yolunda değil mi? O halde yapmamız gereken ilk şey fiyatlarımız piyasanın altında olacak. Böylece hem biz kazanmış olacağız hem karşı taraf daha az ödemiş olacak. İkinci olarak tabii ki ücretli veya ücretsiz tanıtım.. Benim siteme gelen ziyaretçilerin %40’ının wmaracından olduğunu biliyor muydunuz? İngilizce bloğum için ne yapacağım peki bana yabancı ziyaretçi lazım, kısa bir araştırma ile webmaster forumlarını inceledim. Kanada, ABD ve Batı Avrupa üyelerinin çok olduğu SEO temalı BHW forumunu buldum. Bir süre orada takılacağım ve burada yaptıklarımı diğer bloğumda yapacağım. Ayrıca makale yazmam için tüm gün uğraşmam gerekmiyor buradaki yazılarımı çevireceğim. Hem yabancı dilim gelişecek hem de diğer siteme içerik oluşacak.

Sonuç Olarak

Freelancer beyin göçü ve dolarla para kazanma rehberimizden çıkartılacak sonuç şunlardır.

  1. İngilizce Öğrenmek
  2. Daha ucuz hizmet vermek
  3. Tanıtım yapabileceğimiz platformlar bulmak

Umarım hoşunuza gider şu an da bhw forumdayım çok iyi seo bilgileri var öğrendiklerimi yine buradan sizinle paylaşacağım.

 

Her Webmasterın Bilmesi Gereken 5+1 Site

Merhabalar herkese iyi günler! Bugün kendimce hazırladığım ve sürekli gün içinde giriş yaptığım Her Webmasterın bilmesi gereken 6 site ile karşınızdayım. Daha önce böyle liste tarzı; 2018 yılının en iyi sosyal imleme sitelerini yazmıştım. Bu sefer ki listem daha değişik ve daha subjektif olacak, çünkü genel olarak severek kullandığım ve değişik konularda bana yardımcı olan siteleri derledim.

 

1)W3Schools

w3schools logo
HTML, CSS, Javascript hakkında detaylı bilgi sahibi olmak istiyorsanız, tamamen sizin için çok mükemmel bir kaynak olacaktır. Her ay 50 milyondan fazla ziyaretçi sayısına ulaşan w3’ün genel olarak teması; ücretsiz, kolay öğrenme ve kendin dene ilkelerine bağlıdır. Sitede ayrıca ayrıntılı bir şekilde PHP, Sql, Python gibi yazılım dilleri ile ilgili dersler bulabilirsiniz.

2)Bootstrap

bootstraplogo
Öncelikle Bootstrap; Twitter sponsorlu geliştirilen, dünyanın en çok tercih edilen açık kaynaklı CSS kütüphanesidir. Bu siteye girmemin sebebi tabii ki herkes gibi benim de bootstrap kütüphanesiyle ilginenmen ayrıca ne kadar profesyonel olursanız olun altyapısını kullandığınız bir şeyin dökümantasyonuna her zaman ihtiyaç duyarsınız. Html nesnelerin özel css sınıfları vs. örnekleri ile birlikte Bootstrapta keşfedebilirsiniz.

3)Small Seo Tools

smallseotools logo
%100 ücretsiz SEO araçları sloganıyla ortaya çıkan bu proje sayesinde bir çok inceleme gereksinimini gerçekleştirebileceksiniz. Özgünlük kontrolünden, sıralama bulucuya.. Alexa sorgusundan, Da Pa kontrolüne kadar aklınıza gelen her türlü SEO inceleme aracını bu sitede bulabilirsiniz.

4)Unsplash

Unsplash-Logo
Arka plan mı lazım? Siteniz için header resmi mi arıyorsunuz? Doğru yerdesiniz. Dünyanın bir çok yerinden fotoğrafçının üye olduğu Unsplash sayesinde ultra yüksek çözünürlüklü ve geniş yelpazesi sayesinde istediğiniz konuda fotoğrafı bulabileceksiniz. Ayrıca en önemli özelliğine geçelim! Böyle profesyonel fotoğraflar için telif hakkı yemek istemiyor musunuz? Tek yapmanız gereken fotoğrafı indirdikten sonra fotoğrafı yükleyen kişiye tek tıkla teşekkürler bildirimi yollamak artık fotoğraf sizindir kolay gelsin.

5)Disqus

disqus-logo
Çoğumuzın bildiği Disqus; yorum yapma eklentisi eskiden Blogger’ın da böyle bir özelliği vardı(gerçi hala var). Peki neden koyma ihtiyacı duydum. Tabii ki SEO! Disqus sayesinde bir yere yorum yaparken tekrar tekrar ad soyad, e posta, websitesi gibi formları doldurmanıza gerek yok. Haliyle dış seo için yorum çalışması yapıyorsanız Disqus size çok yardımcı olacak. Ayrıca şu an da bir çok site Disqus comment özelliklerine geçmeye hazırlanıyor.

+1) Tabii ki! Wmaracı

wmaraci-logo
WMAracı bu listenin en başında olmalıydı ben de bonus olarak yazayım dedim. Günde en çok girdiğim site olan WMaracı sayesinde bir çok dostluklara sahip olacaksınız. Ayrıca programlamadan, geyiğe kadar çoğu konuda size yardımcı olacak insanlar mevcut.

WPForms Lite Eklentisini Türkçeleştiriyoruz.

Yakın zamanda bir tema/eklenti çeviri ekibi kurmayı düşünüyorum. Detaylar için iletişim :))

WPForms Lite eklentisini bilenler bilir. Bilmeyenler için blog yazmaya başlama evremin ilk yazısı niteliğindeki Her WordPress Kullanıcısında Olması Gereken +10 Eklenti adlı yazımda bahsetmiştim.

En azından benim tüm projelerimde kullandığım bir eklenti oldukça basit basitliğinin yanı sıra gerçekten işe yarar bir eklenti

WPForms Lite Nedir?

WPForms Lite eklentisi sayesinde WordPress projelerinizde oldukça kolay şekilde, iletişim formları, bülten öneri formları gibi bir çok şey form oluşturabiliyorsunuz. Ücretli ve ücretsiz kullanım alanları bulunuyor. Biz ücretsiz kısımlarını Türkçe’ye çevireceğiz. Şu an biraz başlangıç yaptım. Ana dashboard (panel) ekranını vs. değiştirdim. WPForms yapımcılarına da gelişme ve sonuç evrelerini yollayacağım.

WPForms Lite
Sadece ana giriş panelini ve ücretsiz form nesneleriyle oynama yaptım eski hali böyle iken;
WPForms Lite Türkçe
Yeni alanlar böyle gözüküyor. Detaylı bir çalışma da yapacağız elbette!..

Kısa vadeli hedefim piyasada ne kadar fazla işe yarayan fakat Türkçeleştirilmemiş eklenti varsa bunların kullanıcı dostu çevirilerini yapmak olacak. Eğer bu ekibe siz de katılmak isterseniz benimle iletişime geçebilirsiniz. Bir Skype grubu kurup oradan ilgilenmeyi düşünüyorum.7

Nasıl İndirilir? Nasıl Kurulur?

Bu arada şu an yaptığım kısımları indirmek için aşağıdaki indirme butonuna tıklayın. İndirdiğiniz Zip dosyasını açınız ardından wp-content>Plugins>Wpforms-lite>languages klasörüne atınız.
İndir

Türkiye’deki En Ucuz Hostinge Hazır Mısınız?

Doğu Hosting!

Evet Türkiye’nin en ucuz hostingi diyorum. Tarafımca karşılanacak bir hosting bayiliğinin temellerini atıyorum. Reseller temelli olacak bu girişim projemin en önemli özelliği; ucuz ve ucuzluğuna göre çok üstün olması..

Şöyle ki şu an da beta aşamasında olan Doğu Hosting adıyla çıkacağım bu serüvende amacım özellikle freelancerlar ve webmasterlar için en iyi hizmeti sağlamak olacak.

Özellikleri ve fiyatlarını karşılaştırdığımızda diğer firmalara göre epey abartı gibi gözükecek bu projenin tamamı doğru ve gerçek..

Hedefim Türkiye’deki en ucuz web server hangisi? sorusuna yanıt vermek olacak!…

Öncelikle zaten şuradan ücretlendirme tarifesini göreceksiniz. Şimdi Özelliklere bakalım isterseniz.

Özellikler

 

  • Cloud Linux altyapısı ve cPanel yönetim paneliyle en gelişmiş web hostinge sahip olacaksınız.
  • Limitsiz hizmetler sayesinde kendinizi ve sitenizi özgür hissedebileceksiniz.
  • SSD Disk ve yanında Intel Xeon E5 serisi işlemciler aracılığıyla en yüksek performansı kullanıcılarınıza ve çevrenize yansıtabileceksiniz.
  • Ücretsiz SSL sertifikası ve DDoS saldırılarını engelleyici temeli ile en güvenli şekilde çalışma sağlayabilirsiniz.

Ayrıca ilerleyen zamanlarda .tr alan adlarını da Doğu Hosting üzerinden temin edebileceksiniz.

Tek eksikliği kurulumlar manüel olacağı için anında kurulum hizmeti biraz aksayacak. Ama projeye başladığım zaman anında hizmet vermek için elimden geleni yapacağım.

Alan Adını Al Gel Ne Duruyorsun?

iletisim@dogubaklaci.com üzerinden veya iletişim sayfamdan bana ulaşabilir demo sürüm için ön başvuru yapabilirsin istersen.

Meta Etiket Nedir? Her Sitede Olması Gereken Etiketler

Merhaba! Bugünkü konumuz bir sitenin hatta bir sayfanın olmazsa olmazı Meta Tagler, yani meta etiketler. Bir çok yerde meta etiketleri sayfanın tanıtımını, sunum şeklini yapan kod parçaçığıdır falan diye duyabilirsiniz. Ama bence en anlamlı şekilde meta etiketler her sayfanın birer kimlik kartlarıdır.

Örneğin bu etiketler sayesinde Google’da nasıl göründüğünüzü siz belirlersiniz. Hazır bu konuya değinmişken, konumuza en temel etiketler ile başlayalım.

not: meta etiketleri <head></head> kodları arasına yazılır.

Her Sitede Kullanılması Gereken Etiketler

Meta Tags Seo
Meta Tags Seo

Evet Google’da en basit olarak böyle gözüküyoruz şimdi bunları nasıl yapabileceğinizi veya değiştirebileceğimizi öğrenelim.

Title: Title etiketi aslında <title></title> arasına yazılır. Fakat aşağıdaki kullanım tarzında da kullanılabilir. Sitenizin başlığını ifade eder.

Canocial Link: Bu aslında bir meta etiket değildir. Fakat Google’da linkinizin nasıl gözükmesini istediğinize bağlı isteğe bağlı bir etikettir. Bu konuyu detaylı işlememiz lazım nedenleriyle falan, kodu şöyle olmakla birlikte yukarıdan hangi fonksiyonu gerçekleştirdiğini öğrenebilirsiniz.

Description: Geldik en önemli sayılabilecek etiketimize, bu etiket ile sayfamızın açıklamasını yaparız. Bu bölümde anahtar kelimelerimizi kullanarak çok iyi bir Seo çalışması yapabilirsiniz.

Robots ve Googlebot etiketleri: Arama motorlarının sitenizi izleyip izlememesini veya indexlenip indexlenmemesini sizin karar vermeniz için oluşturulmuş bir tagdir. index içeriği, botlarının sitenizi indexlenmesini sağlar, follow içerikleri ise; sayfanın içindeki linkleri izleme yetkinliği verir. (Eğer bir müşteriniz için kendi sunucu ve siteniz üzerinden bir site yapıyorsanız. noindex, nofollow etiketlerini müşterinin seo önemi için kullanmayı unutmayın.) 

Eğer tüm arama motorları için işlem yapacaksanız. Robots sadece Google için işlem yapacaksanız Googlebot etiketi kullanılır.

Karakter Etiketleri: İnternet dünyasında her dil için atıflanmış karakterler bulunur. Örneğin Avrupa ve Latin dilleri için utf-8 Slav dilleri için ayrı vs. bunları belirtmemiz için; şu sıralı etiketleri prototip olarak alıp kullanabilirsiniz.

Dil ve Lokasyon Etiketi: Sitenizin dilini ve hangi ülkeye bağlı olduğunu belirtir. Eğer multi language gibi sitenizi fazla dillerde kullanılmasını sağlayan eklentiler kullanıyorsanız. Diğer dilleri de gerekli sayfalara ekleyebilirsiniz.

Sayfa detayları hakkındaki etiketler: Bu etiketler sayfanızın arka plandaki kimliğini oluşturur. Açıklamalı olarak kodları koyalım.

Üzerinde çalışma yaptığınız anahtarları sayfalara yayabilirsiniz. Hazır keywords demişken, yazınıza eklediğiniz etiketleri nasıl meta olarak ekliyoruz? O da böyle oluyor!

unutmadan sayfamızda bir blog yazısı vs. yazıyorsak

Mobil tasarım için kullanılan etiket: Bu etiketi kullanmazsanız, siteniz mobil cihazlarda tam sayfa olarak gözükür. Ancak bu meta etiket giriş yapılan cihazın telefon/tablet olduğunu anlar ve ona göre sayfa divlerini yazılarını vs. değiştirir.

Twitter Kartları: Büyük sosyal medya uygulaması olan Twitter için de özel meta etiketler oluşturulmuştur. Bunlar paylaşım veya sosyal imleme yaparken, içeriklerin nasıl gözükeceğine yardımcı olur.

(Twitter:site etiketi sitenizin sahibinin kim olduğunu Twitter’da belirtmek için kullanılır.)

bbPress Nedir? Nasıl Kurulur? [Resimli Anlatım]

Yazıma başlamadan önce hosting sponsorluğu sağlayan Pluginler.com sitesinin sahibi Mithat Güner hocama teşekkürlerimi iletirim.

bbPress Nedir?

WordPress kurucusu Matt Mullenweg öncülüğünde geliştirilen PHP tabanlı forum eklentisidir. WordPress gibi geniş bir yelpazeye sahip CMS(içerik yönetim) sisteminin bir forum eklentisi olmaması düşünülemezdi zaten.. Şimdi ayrıntılı olarak bbPress’in Wp’ye nasıl yükleneceği ve kurulumunun yapılacağını detaylı olarak inceleyeceğiz.

Bir önceki yazımda .tr uzantılı yazı alan adı almayı öğrettikten sonra webmaster.info.tr sitesini aldım ve onu bir Webmaster Topluluğuna çevirmeyi düşünüyorum. Onun için bu konuda o site üzerindeki çalışmayı göreceksiniz.

bbPress Nasıl Kurulur?

 

bbPress Kurulumu
bbPress’i eklenti ekleme bölümünden hemen yükleyebilirsiniz veya buyurun link

 

bbPress Ayarlar
Eklenkiyi kurduğunuzda bu ekran karşınıza gelecek sol alttan Forum ayarlarına git diyoruz. Şimdi ayarlar sekmesini detaylı bir inceleyelim.
bbPress Özellikler
Forum özellikleri, genel olarak forum-kullanıcı ilişkilerini denetlemeye yarar. Kullanıcılar için HTML kodlarını vs. açmak gibi özellikler mevcut.
bbPress Kullanıcı Ayarları
Kullanıcı ayarları bölümündeki en önemli seçenek Anonim gönderim kısmı; kayıt olmayan kişiler girip foruma konu açabilir, konulara cevap verebilir bu sayede
bbPress Kök
Kök kısım; Varsayılan olarak forums geldi siz orayı değiştirebilirsiniz. webmaster.info.tr/index.php/forums/ örneğin bizim sitemiz bu hali aldı. Forums sayfasında forumların listesini de gösterebilirsiniz. En son yazılan yazıları falan da… Forum sayfasını direk ana sayfa yapmak için (önerilmez, blog önemli!) tema ayarlarından ana sayfa seçeneğine herhangi bir sayfa olarak forum ana sayfasını atayabilirsiniz. Ayrıca index.php/forums uzantısını ayarlar>kalıcı bağlantılar sekmesinden düzenleyebilirsiniz.
bbPress İçerik
İçerik kısmında, forum genel-geçer, göz önündeki yazılar yer alıyor. (bbPress kurulurken bu kısım İngilizce, siz Türkçe veya istediğiniz bir dil yapabilirsiniz.)
Wordpress Menü
WordPress Menüye böyle bir şey geldi şimdi bu sayfaları tek tek inceleyelim.
bbPress Forum
Forum sekmesinde böyle bir şey görüyorsunuz. Şimdi bunu ön izleyelim
bbPress Forum Sayfa
Forumlar sekmesi forums kökünde böyle gözüküyor. (Sitenizin tasarımına göre bbPress şekilleniyor. Siz isterseniz Görünüm>Düzenleyici>Stil Dosyasından Css kodları ile oynayabilirsiniz. Öğeyi denetleyin id veya classları alın düzenleyin!)
bbPress Konular
Konular menüsünde forumdaki tüm konuların nereye ait olduğunu, yanıtlarını vs görebiliyorsunuz.

bbPress Konular

bbPress Kurulumu
Konular tasarımdan tasarıma böyle gözüküyor.

Ayrıca her yazar için özel sayfalar var. Burada o yazarın bilgilerini, mesajlarını vs. görebilmekteyiz.

 

Bu kadar bitti! Ne sanmıştınız? WordPress bu her şeyin kolayı 😀

 

ODTÜ’den Ucuza .TR Uzantılı Alan Adı Almak [Resimli Anlatım]

Nic.tr sitesine ulaşmak için bu bağlantıya tıklayın

Bu sabah Nic.Tr üzerinden webmaster.info.tr alan adını satın aldım. Satın alma işlemlerini fiyatlarını vs burada belirteceğim.

Bu sistem üzerinden ucuza tr uzantılı alan adı alabileceksiniz.

Nic.Tr Nedir?

1991’den bu yana .tr alan adlarının yönetimini sağlayan Odtü tarafından kurulmuş bir platform. Bu site sayesinde ucuza alan adlarını temin edebileceksiniz. Gelin fiyatlara bakalım.

Alan Adı Fiyatları
Alan Adı Fiyatları, fiyatlara %18 Kdv dahildir. Özel hosting firmaları gibi sonradan vergi çıkmamaktadır yani..

Gördüğünüz gibi fiyatlar bu şekilde ve piyasanın epey altında! Belge istemeyen alan adlarını şahıs olarak alabiliyorsunuz. Örneğin ben webmaster.info.tr’yi aldığım sırada gidişatı resimledim şimdi satın alma kısmına gelelim.

Üye Olun

Siteye girin ve giriş ekranın altındaki Yeni Sorumlu Kodu bağlantısına tıklayın. Ardından oradaki gerekli yerleri doldurun. Bir süre sonra e posta adresinize doğrulama kodu gelecektir. (bana 8 saatte geldi)

Sorumlu Kodu Nedir?

Sorumlu kodu Odtü tarafından müşterilere verilen Ad Soyad baş harfleri, 3 basamaklı sayı, -metu olarak şifrelenmiş kullanıcı adıdır. Sorumlu kodu sayesinde örneğin ikinci bir hesabınız var idari yönetimi veya dns yönetimlerini ilk hesabınızın kodunu vererek oradan da yönetebiliyorsunuz. Bana atanan sorumluluk kodu db719-Metu

Alan Adı Nasıl Satın Alınır?

Giriş yapıp alan adı sorgulamaya girip gerekli yerleri ve güvenlik resmini doğruluyoruz.

Tr Alan Adı Almak
Tr Alan Adı Almak
Odtüden Alan Adı Al
Belge istemeyen bir alan adı ile başvuru adımlarına giriyoruz. Alan adı sahipliğini bireysel yazıp ad soyad ile bir sonraki aşamaya geçiyoruz
Ucuz Alan Adı
Bu aşamada gerekli bilgileri dolduruyoruz. Vatandaşlık numaranız Tc kimlik no, vergi daireniz ise ikamet ettiğiniz ilçedir.
Odtü Sorumluluk Kodu
Sorumluluk kodu burada devreye giriyor. Buraya kendi sorumluluk kodunuzu yazıyorsunuz. Eğer yönetimi başka biri yapacaksa onun kodunu da yapabilirsiniz.
Dns Sunucu Atama
Dns Sunucu Atama, bu konu da eğer sunucunuz yoksa rezervasyon yaptırıp daha sonra atamasını yapabiliyorsunuz.
Alan Adı Ücret
Alan adını seçip, ödeme yapmak istediğinizi belirtin. Kredi kartı bilgileriniz ile işlemi gerçekleştirin. Bu kadar…

Jquery Dersleri Serisi 2 (Slide – Animate Kullanımı)

Jquery derslerimizin ikinci yazısıyla karşınızdayım. Aslında üçüncü yazı baştaki tanıtım yazımızı da sayarsak! Ardından fonksiyonları kavramak amacıyla ilk ders yazımızı yazmıştık. Şimdi Jquery Dersleri 2 yazımızda biraz daha animasyon odaklı bir çalışma yapacağız.

Bu arada güncel jsfiddle dosyam ve yaptıklarımızı canlı ön izlemek için buraya tıklayın.

Hover nedir?

Css bilenlerin de bildiği gibi hover dediğimiz fonksiyon, nesnenin üzerine faremizi getirince bir takım değişmeler olmasıdır. Genelde menüler için veya daha şık tasarımlar yapmak için kullanıyoruz. Örnek olarak .hover(); metodu kısmında göreceksiniz. Öncelikle bugün neleri göreceğiz?

  • Hover Metodu
  • Slide Up Metodu
  • Slide Down Metodu
  • Slide Toggle Metodu
  • Animate Metodu

.hover(); Metodu: yukarıda da söylediğimiz gibi nesnenin üzerine gelince değişim sağlıyordu örnek olarak

Göründüğü üzere de div5’imizin üstüne gelince rengi değişiyor. Hazır değinmişken iki fonksiyonun nasıl kullanıldığını da inceleyerek görebilirsiniz.

Slide Metotları: Bir önceki yazımızda show(); ve hide(); metotlarını görmüştün onların daha efektli olarak yapılmasını sağlayan bu metotlar sayesinde daha güncel bir tasarıma sahip olacaksınız.

.slideUp(); Metodu: Açık bir şekilde gözüken nesneyi bu metot ile şık bir şekilde yok edeceksiniz. Örnekte de göreceksiniz zaten açıklamadan kodunu da yazayım. 😀

.slideDown(); Bu ikisini bir arada verdim çünkü ikisi birini yapınca diğerini yapmayınca eksik hissediyorum 😀

.slideToggle(); Metodu: Yukarıda up ve down metotlarını bir arada kullanınca eksik hissettiğimden bahsettim. Bu eksikliği yok etmek için beni düşünen jquery kütüphanesi slideToggle metodunu yapmışlar. Up olmadan Down, Down olmadan Up olmuyor. (Not: ilk fonksiyon çalışır ama) Fakat Toggle etiketinde böyle bir dert yok nesnenin olup olmamasına göre up veya down yapıyor.

Kodumuz bu zaten canlı olarak jsfiddle dosyamdan da inceleyebiliyorsunuz.

Sonunda geldik en sevdiğim yere Jquery kütüphanesindeki en güzel en kullanışlı en sempatik en cool metot, animate metotu! Css bilen kişiler için bir nesneye her şeyi yaptırabilirsiniz. Örneğin Margin-left:10px yani sol taraftan 10px sağ yana git demektir değil mi? Öyledir! Bunu animate ile yapınca margin default değerinden istediğin değere oynayacaktır. Css kodları ile boyut, renk vs. her şeyi ayarlayabiliyorsunuz. Örnek olarak ve jsfiddle dosyamdan bakarak daha iyi anlayabilir. Daha çok sevebilirsiniz.

.animate(); Metodu:

kullanımı bu şekilde (not: callback hiç kullanmadım o yüzden direk adını yazdım :D)

Örnek olarak animate1 adlı butonumuza basarak img1 isimli resmimizi sağa götürüp boyutu ve opaklığı ile oynadık (alan dar olmadığı için herhalde yeri değişmedi.)

Google Siteni Ekle Sayfasını Tasarladım. Google Beni Bul!

Bilenler bilir hep merak etmiştim bazı cevaplarım var ama Google Siteni Ekle Türkiye Sayfası neden eski? Bunun hakkında bir bilgim yok bilen yorum olarak belirtsin.

Fakat bugün bu sitenin benim için öneminden bahsedeceğim. Siteyi incelerseniz alt tarafta 2011 Google telifini görüyorsunuz. 2011 benim için çok önemli bir sene, yanlışlıkla kendimi HTML dilinin içinde bulduğum sene.. Yıllarca bu sistem üzerinden sayısı belirsiz siteler indexledim. Şimdi 2018 yılındayız ben de çok fazla değişme var ama bu sitede nedense hiç bir değişme yok. Nostalji olarak sakladıklarını düşünüyorum.

Her neyse geçen gün aklıma geldi Google’ın basit tasarımlarına baka baka kendim bir Google Siteni Ekle Sayfası tasarladım. Fakat sonu hüsran!.. Ne yaptım ne ettim Google Türkiye’ye ulaşamadım. Hatta Linkedin’den Google Türkiye Müdürü Bülent Hiçsönmez Bey’e ulaşmaya çalıştım. Fakat benim bağlantımı kabul etmedi. Bugün bu yazıyı Google’ın beni bulması için yazıyorum. Google botları bu sayfayı indexlediğinde lütfen vicdanının seslerini(?!) dinlesinler ve Google Türkiye’ye beni ulaştırsınlar. 😀 Ya sen koskoca dünya devi arama motorusun bir iletişim paneli bir e-posta bırak ulaşabilelim. Ne hevesle tasarladım bu sayfayı ben, Google’da staj yapma hayalim bile oldu. Ama sonu acıı kederr. Bu yazı bir sitem yazısıdır. Ne olurdu beni görseydiniz 😀 Şaka bir yana şimdi bu iki tasarımı karşılaştıracağım sonuca siz karar verin.

Google Siteni Ekle
Google Siteni Ekle Eski Tasarım

Şimdi benim tasarımıma bakalım..

Google Siteni Ekle
Google Siteni Ekle Benim İstediğim Yeni Tasarım

Bu da benim yaptığım. Aşağıdaki butonlardan her ikisine ulaşmanızı da sağlayacağım.
Evet! Bu yazıyı şu umutla yazıyorum. Umarım Google bir gün beni işe alır. Beraber çok güzel işler yaparız 😀 bir de şu umutla yazıyorum; bugün çok fazla işim vardı, yazacak konum vardı fakat araştırma yapacak zamanım yoktu saat 23.07 oldu daha yeni siteye giriş yapabildim. Bugünlük yazım gündelik hayattan olsun haydi selametle!..

Buyurun kararı siz verin!.
Eski TasarımBenim Yaptığım

2018 Yılının En İyi 5+1 Sosyal İmleme Sitesi

2018 yılı için seçtiğim 6 sosyal imleme sitesini sizinle paylaşacağım. Neden 5+1 dedim? Çünkü en altta Diigo diye bir site bulacaksınız, çok yordu beni ve çok anlamsız geldi.

Sosyal İmleme Nedir?

Çok basit bir şekilde değinmek istiyorum. Şöyle bir şey söylesem yeterli olabilir herhalde; sosyal medya sitelerinde paylaşım yapmanın link temelli olduğu platformları sosyal imleme siteleri olarak adlandırıyoruz. Bu sitelerde yaptığımız işlemde haliyle sosyal imleme 😀

Sosyal İmleme Ne İşe Yarar?

Off Page Seonuzu güçlendirecek backlink kazanmanızı sağlayacaktır. Eğer iyi bir hesabınız varsa çokça hit bile kazanabilirsiniz.

Sosyal İmleme Nasıl Yapılır?

Bir çok sosyal imleme sitesi var size bir haftadır üzerinde çalışıp beğendirim kendi kriterlerime göre sıraladığım siteleri listeleyeceğim. Nasıl yapılır konusunda ise yine en basit şekilde şunu diyebilirim. Eğer bir bloğunuz varsa yazdıklarınızı bu platformlarda paylaşın.

1) Reddit

Reddit
Reddit’i ilk başa koyma sebebim üye olup giriş yapıp hiç takipçim vs. olmamasına rağmen küçük küçük ziyaretçiler geliyor..  Tabii çoğu yabancı olsa da hit hittir!

Ocak 2018 itibaritle 250 milyonu aşkın kullanıcısı bulunuyor.

(az önce hacklenmiş elimin değdiği her şey bozuluyor :D)

2) Slashdot

Slashdot
Slashdot Gayet basit bir sosyal imleme sitesi, tek sorunu 10 dkda bir post atabiliyorsunuz bir de Türkçe karakter sınırı bulunuyor.

3) Plurk

Plurk
Plurk, blog yazılarınızı Plurk’layın belki gören olur! olmazsa da backlink kasarsınız. Ayrıca Türkçe destekli ve tasarımı çok beğenilimsi (beğenilimsi ne demek?)

4) Linkagogo

LinkaGoGo
LinkaGoGo, resmin piksellerine odaklanmayın. Sitenin her şeyi o kadar basit ve sıradan ki en güzel böyle bir şey yakışırdı. 😀 Sitemizi ekliyoruz da o kadar eski hissettiriyor ki site acaba boşuna mı üye olup linklerimi imledim diye merak ediyorsunuz.

5) Scoop.it

Scoop.it
Scoop.it, sürekli premium satın al premium satın al demese güzel sistem. Seni 5. sıraya layık gördüm kendini geliştir.

+1) Diigo

Diigo
Diigo, sitede kendimi yalnız hissettim. Yoksa güzel site, etiket falan koyuyorum da etikete tıklayınca tek benim sitem çıkıyor nasıl yani? etiketim wordpress örneğin milyonlarca kullanıcı var tek ben mi wordpress tagini kullandım. Öyle biraz anlamadım yani.