WordPress Devamını Okudan Sonra Eklenen Reklam (Plugin)

Açıklama

WordPresste Kullandığımız <!–more–> (Devamını Oku) Butonunun single.php’de Reklam Gösterimini Sağlayan Ufak Bir Eklenti.

–English–
Its replace the <!–more–> tag with your ads code in single.php

Twitter, Facebook Tarzı Zaman Ayarı (x Önce)

Başlık İstediğim Gibi Olmadı Ama Neyse Resimlerden Ne Olduğunu Zaten Çok Net Anlayacaksınız.
Facebookta, Twitterda Bir İleti Vs Paylaştığınızda 5 Saniye Önce, 10 Dakika Önce, 20 Ay Önce Gibi Yazılar Görüyorsunuz. Paylaşıcağım Fonksiyon Sayesinde Bu işi Halledebilirsiniz.

Twitter Resimlerinde +18 Kelime Olduğunu Farkettim Ama Tekrar Sansürlemekle Uğraşmaya Üşendim Resimi Kusura Bakmayın :)

Önemli Not

Database’e Tarihi Kaydederken PHP’nin date() Fonksiyonunu Kullanamazsınız, Onun Yerine time() Fonksiyonunu Yada Query içerisinde SQL Fonksiyonu Olan UNIX_TIMESTAMP() Fonksiyonunu Kullanmalısınız.
İki Fonksiyon Arasında Fark Yok, Biri PHP Fonksitonu Biri SQL.

Kodlar

<?php
function time_stamp($session_time){
	$time_difference = time() - $session_time;
	$seconds = $time_difference;
	$minutes = round($time_difference / 60 );
	$hours = round($time_difference / 3600 );
	$days = round($time_difference / 86400 );
	$weeks = round($time_difference / 604800 );
	$months = round($time_difference / 2419200 );
	$years = round($time_difference / 29030400 );

	if($seconds <= 60){
		return $seconds .' Saniye Önce.';
	}else if($minutes <=60){
		if($minutes==1){
			return '1 Dakika Önce.';
		}else{
			return $minutes .' Dakika Önce.';
		}
	}else if($hours <=24){
		if($hours==1){
			return '1 Saat Önce.';
		}else{
			return $hours.' Saat Önce.';
		}
	}else if($days <=7){
		if($days==1){
			return '1 Gün Önce.';
		}else{
			return $days .' Gün Önce.';
		}
	}else if($weeks <=4){
		if($weeks==1){
			return '1 Hafta Önce';
		}else{
			return $weeks.' Hafta Önce.';
		}
	}else if($months <=12){
		if($months==1){
			return '1 Ay Önce';
		}else{
			return $months .' Ay Önce.';
		}
	}else{
		if($years==1){
			return '1 Yıl Önce.';
		}else{
			return $years.' Yıl Önce.';
		}
	}
}

Dosya Olarak İndirip Direk İnclude Edebilirsiniz.

WordPresste RSS’lere Reklam Eklemek

<?php
function insertAds($content) {
    $content = $content.'<hr /><a href="http://www.alixcan.net">AlixcaN.Net | Bir Başka WebMaster Blogu</a>';
    return $content;
}
add_filter('the_excerpt_rss', 'insertAds');
add_filter('the_content_rss', 'insertAds');
?>

jQuery İle Formda Ürün Ücreti Hesaplatmak

Ürün Satışı Yapıyorsanız Gerekliliğini Duyduğunuz Bir jQuery Eklentisinden Bahsetmek İstiyorum. jQuery Price Calculator, Bu Eklenti Sayesinde Ürünlerinizin Fiyatlarının Toplamını Form’u Göndermeden Anında Müşterilerinize Gösterebilirsiniz.

Son Görünüm Tüm Uygulamaları Takip Ederseniz

Son Görünüm Tüm Uygulamaları Takip Ederseniz

Kullanımı

Başta Sitenize jQuery’i Dahil Ediyorsunuz.

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>

</body> Tagından Önce Ekliyoruz.

<script type="text/javascript" src="jquery-price-calculator-pro-min-1.0.js"></script>
<script type="text/javascript">
$(function(){
	$('#price-calculator-pro').bPrice();
});
</script>

<head> Tagı Arasınada CSS Dosyalarımızı Çağırıyoruz.

<link rel="stylesheet" href="h5bp.css" />
<link rel="stylesheet" href="jquery-price-calculator-pro-1.0.css" />

Örnek Kullanım

<p><label><input type="radio" name="main" value="4" data-cost="35"/> Linux Hosting Paketi 4 </label></p>

input Tipi checkbox, radio Olan Her Değerde data-cost Niteliğini Ekleyerek Kullanabilirsiniz.

Facebook Ve Twitter İle Giriş Sistemi Hazırlamak

Günümüzde Kimse Kayıt Sistemlerindeki Tonlarca Soruya Cevap Vermek İstemiyor. Kolayca Kayıt İmkanı Sağlamak Daha Cazip Durumda. Birçok Yerdede Gördüğünüz Facebook İle Giriş Yap, Twitter İle Giriş Yap Şeklinde Giriş / Kayıt Sistemleri’nin Aynısının Nasıl Yapıldığını Anlamaya Çalışıcam. Aynı Zamanda Bu Uygulamayı Kendi Sisteminizede Entegre Etmek Çok Kolay.


Database

Örnek Olarak Kullanıcı Tablosu Olarak users Adında Bir Tablo Oluşturucam Ve 5 Tane Alan Oluşturucam Bunlar Sırası İle id, email, oauth_uid, oauth_provider, username Olucak.

CREATE TABLE users
(
id INT PRIMARY KEY AUTO_INCREMENT,
email VARCHAR(70),
oauth_uid int(11),
oauth_provider VARCHAR(100),
username VARCHAR(100)
);

Klasör Yapısı Ve Dosyalar

Bu Uygulama 3 Klasör (facebook,twitter ve config) Ve PHP Dosyaları İçermektedir. (Ekten İndirebilirsiniz.)

facebook //Facebook OAUTH Kütüphanesi
twitter //Twitter OAUTH Kütüphanesi
config
– functions.php
– dbconfig.php //Database Bağlantısı
– fbconfig.php //Facebook API Bağantı Dosyası
– twconfig.php //Twitter API Bağantı Dosyası
index.php
home.php
login-twitter.php
login-facebook.php
getTwitterData.php

Facebook Uygulaması

Facebook’a Giriş Yapıp APP Oluştur Sayfasından Bir APP Oluşturun Ve Ardından Facebook’un Size Verdiği app_id ve app_secret_id yi
fcconfig.php Dosyası İçindeki Gerekli Yerlere Ekleyin.

<?php
define('APP_ID', 'Facebook APP ID');
define('APP_SECRET', 'Facebook Secret ID');
?>

Twitter Uygulaması

Twitter APP Sayfasından Bir APP Oluşturup Twitterın Size Vericeği
Consumer key Ve Consumer secret Keylerini twconfig.php Dosyasına Ekleyin.

<?php
define('YOUR_CONSUMER_KEY', 'Twitter Key');
define('YOUR_CONSUMER_SECRET', 'Twitter Secret Key');
?>

dbconfig.php

Database Bağlantısını Ayarlayın Eğer Kendi Scriptinizi Kullanıyorsanız Zaten Yapmışsınızdır Bu Uygulamayı Yapmanıza Gerek Yok.

<?php
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'User Name');
define('DB_PASSWORD', 'Password');
define('DB_DATABASE', 'DATABASE');
$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or die(mysql_error());
$database = mysql_select_db(DB_DATABASE) or die(mysql_error());
?>

login-twitter.php

İndireceğiniz Dosyalar İçerisinde Anadizinde Bulunan login-twitter.php

$request_token = $twitteroauth->getRequestToken('http://siteniz.net/getTwitterData.php');

Alanındaki http://siteniz.net Adresini Kendi Site Adresiniz İle Değiştirin.

index.php

Kendi Scriptinize Veya Bu Scripti Kullanıcaksanız İzlemeniz Gereken Yol.

<?php
session_start();
if (isset($_SESSION['id'])) {
// Giriş Yapılmışsa Yönlendirilicek Sayfa
header("location: home.php");
}
if (array_key_exists("login", $_GET)) {
$oauth_provider = $_GET['oauth_provider'];
if ($oauth_provider == 'twitter'){
header("Location: login-twitter.php");
}else if ($oauth_provider == 'facebook'){
header("Location: login-facebook.php");
}
}
?>
//HTML Code
<a href="?login&oauth_provider=twitter">Twitterla Giriş Yap</a>
<a href="?login&oauth_provider=facebook">Facebookla Giriş Yap</a>


Herhangi Bir Sorun Yaşarsanız Veya Bir Sorunuz Olursa Yorumlardan Bana İletebilirsiniz.

WhatsApp Nedir?

WhatsApp Bir Anlık Mesajlaşma Sistemidir. Yani Benzetmek Gerekirse MSN’in Telefon Modeli Denebilir.
BBM Benzeri Bir Mantıkla Çalışan Hızlı Düşük Miktarda İnternet Kullanımı İle Sınırsız Görüşme Yapmanızı, Yer Bildirimi Yapmanızı, Resim Paylaşmanızı Sağlayan Ücretsiz Bir Yazılımdır.

Şuan İçin WhatsApp Nokia, iPhone, BlackBerry, Motorola Ve Android Telefonlarda Çalışmakta.

WhatsApp‘ı Yüklediğinizde Otomatik Olarak Rehberinizi Kendi Belleğine Alarak Tüm WhatsApp Kullanan Arkadaşlarınızı Listesine Ekliyor.

Durum Güncellemeleri Yapmanızı Sağlayan Bir Bölümüde Mevcut, İsterseniz Kendi Durumunuzu Belirliyorsunuz İsterseniz WhatsApp‘ın Kendi Hazırladığı Durumları Kullanabiliyorsunuz.

Chrome Eklentisi Nasıl Yazılır ?

Chrome Eklentilerini (Uzantılar) Yüklüyoruz Ediyoruz Ama Kendi Eklentinizi Yazmanız Daha Kullanışlı Olucaktır Açıkcası Ben AlixcaN.Net İçin Bir RSS İstemcisi Yazmıştım Ama Malesef Google’a Gönderirken İstediği $5 Gibi Bir Ücretin Mantığını Anlayamadım. Neyse Uzatmadan Anlatıma Geçeyim Yeri Geldikçe Size Anlatıcağım Her Detayı.
Not: Sakın Gözünüz Korkmasın Nasıl Yapıcam Olmaz Vs. Demeyin Düşündüğünüzden Çok Kolay Olucak.

Klasör Yapısı

Bu Anlatımda Yazdığımız APPye ChromeApp Adını Vericez. Bunun İçin Aşşağıdaki Dosyalar Ve Klasörleri Oluşturuyoruz.

  • ChromeApp
  • –manifest.json
  • –popup.html
  • –icon.png
  • Kutuphane

Popup Eklentisi

Alixcan.Net İçin Yazdığım Bu Eklentide Alixcan.net’ten RSS ile Son Konuları Çekiyor.

manifest.json

Bir .json Uzantılı dosya oluşturuyoruz ve bunun adını manifest olarak belirliyoruz.
Ve İçerisindeki Bilgileri Kendinize Göre Düzenliyorsunuz.
Bilgiler İçersizindeki permissions bölümüne yazdığınız site adresi Google Webmaster Tools Tarafından onaylanmış bir site olmak zorundadır.

{
"name": "ChromeApp ",
"version": "1.0",
"description": "İlk Chrome Uzantımı Yazıyorum",

"browser_action":
{
"default_icon": "icon.png",
"popup":"popup.html"
},

"permissions": [ "http://www.alixcan.net" ]

}

name Eklentinizin Adı
version Eklentinizin Versiyonu
description Eklentinizin Kısa Açıklaması
default_icon Browserda Gösterilicek Küçük İkon Resmi
permissions Google Webmaster Tools Tarafından Onaylanmış Site Adresi

Popup.html

Bu Sayfa İle İkona Tıklanıldığında Gösterilicek Bilgileri İçeren Basit Bir HTML Sayfasından İbaret Olucak.
Bu sayfa içerisine Kutuphane klasöründe barındıracağımız js, css, resim gibi dosyaları çağırabiliriz.
Ben Kendi Eklentimde jQuery’nin paRSS Eklentisini Kullanarak Sitemdeki RSSleri Çekiyorum. Örnek Kod Aşşağıda.

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="jquery.parss.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#feed").PaRSS(
"http://www.alixcan.net/feed", // RSS Feed linki
9, //rss sayısı
"M jS g:i a", //tarih saat ayarı (opsitonel)
true 
);
});
</script>
<div id='feed'></div>

Eklentinin Kurulumu

Resimleri Sırası İle Takip Ederek Rahatlıkla Eklentinizi Kurabilirsiniz.


Son Olarak

Eklenti Sorunsuz Şekilde Çalışıcaktır Tasarımı Geliştirmesi Size Aittir :)
Bundan Sonraki Yazımda Uygulama Yazmak Ve Link Vermek Hakkında Yazı Hazırlıyacağım Ve Son Olarakta,
Bu Eklentinin Google Sayfasına Eklenilmesinden Bahsedeceğim.

Çalışmalarınızda Başarılar Dilerim.

Çok Haklı

Şu Maillerden Sıkıntı Geldi, Satışta Olmayan Her Temanın Başında Kocaman Bu Tema Satışta Değildir Yazısını Kimsenin Görmemesi İmkansız.

Neyse Sayın Ömer İsikel Adlı Müşteri Adayım Doğru Bir Noktaya Adım Atmış Mesajlara Geç Cevap Verim Ama Kendisinde Sorun Olmamasıda Bir Komedi.

Yani şu Son Durum Bu Adlı Yazımı Yazmamış Olsam Ve Ömer Beye 1 Saat 17 Dakika Geç Cevap Vermiş Olmam 2 Güne Bedel Olmuş Neyse Ömer Beyin İğnelemeleri İle Uğraşamayacağım İçin Herkeze Burdan Açıklama Amacı Taşıyan Bu Yazımı Paylaşayım Dedim.

Bir Ameliyat Geçirdiğim İçin 20 Gün Hastahanede Kaldım, Ve Bunuda Zaten Paylaştım Tüm Maillere Geri Dönüş Yapıyorum Tek Tek.

Anlayışınız İçin Teşekkürler.

Ömer Bey Buda Size Durumu Kanıtlar Sanırım,

jQuery.attr() ile nesnelerin özelliğini alma ve değiştirme

.attr() aracı sayfa içindeki html elemanlarının (a,p,div,span,form,input,vs.) özelliklerini (id,class,alt,title,vs) öğrenmek ve değiştirmek için kullanılan jquery’nin en kullanışlı araçlarından biridir.
Aracı kullanırken dikkat edilmesi gereken konu değerini öğrenceğimiz nesneler birden fazla ise yanlızca ilk elemanın değerini döndürecektir. Birden fazla nesnenin herbirinden değer almk için .each() veya .map() araçlarından birini kullanmanız gerekicektir.

var degisken = $("#degistirilicek_eleman_id").attr("Atanıcak_Ozellik"); 
// degistirilicek_eleman_id ID li elemana .attr ile Atanıcak Bir Özellik berliledik.

Değeri öğrenirken tek elemanın değerini öğrenebilirken değer değiştirilirken tüm nesneleri etkileyecektir. Değeri değiştirmek içinse

$("#id").attr("title", "Deneme"); // id adlı elemana ait title değerini Deneme olarak değiştirdik

Aynı anda birden fazla özelik değiştirmek istiyorsak

$('#id').attr({ $ ('#id'). Attr ((
  alt: 'Deneme',
  title: 'Değiştirdik'
}); ));

attr() aracıyla yapabileceklerimize bi kaç örnek vermem gerekirse:

  • Tek kodla tüm linklere title, alt vs eklemek
  • Tüm linklerin target değerini değiştirmek
  • Üzerine gelince, tıklanınca değişen resim oluşturmak
  • Etkileşimli nesne değerlerini formda kullanmak değerleri input’a yazmak
  • tablo genişlik, yukseklik vs değerlerini öğrenip değiştirmek
  • vb onlarca örnek verebiliriz.