Eklentisiz WordPress Meta Etiketi ile Seo Oluşturmak

Temanızın içindeki header.php‘yi açıp head tagları arasına yapıştırın. Kendinize göre değiştirebilirsiniz.

PHP
24 lines
<meta name="resource-type" content="document" />
<meta http-equiv="content-type" content="text/html;" />
<meta http-equiv="content-language" content="tr-TR" />
<meta name="author" content="Ulusan" />
<link rel="author" href="https://plus.google.com/+MehmetAliUlusan/posts"/>
<meta name="contact" content="ulusanyazilim@gmail.com" />
<meta name="copyright" content="Copyright (c)2006-2018 UlusanYazılım. All Rights Reserved." />
<meta name="description" content="<?php if ( is_single() ) {
single_post_title('', true);
} else {
bloginfo('name'); echo " - "; bloginfo('description');
}
?>" />
<?php
function csv_tags() {
$posttags = get_the_tags();
foreach((array)$posttags as $tag) {
$csv_tags .= $tag->name . ',';
}
if($csv_tags == ","){$csv_tags="";}
$csv_tags .=",ulusanyazilim";
return $csv_tags;
}?>
<meta name="keywords" content="<?php echo csv_tags(); ?>" />
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Responsive Modal Box

Hazır kütüphaneler kullanmadan yapabileceğiniz bir uyumlu açılır pencere çalışması.

Sayfamıza ilk olarak uyumlu olması için metaları ekleyelim

HTML
7 lines
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

style tagı içerisine kodlarımızı ekleyelim.

CSS
109 lines
.kalici-kaplama {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transition: 1ms opacity ease;
-moz-transition: 1ms opacity ease;
-ms-transition: 1ms opacity ease;
-o-transition: 1ms opacity ease;
transition: 1ms opacity ease;
background: rgba(0,0,0,.6);
}
.kalici-kalici {
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
opacity: 0;
width: 94%;
padding: 24px 20px;
-webkit-transition: 1ms opacity ease;
-moz-transition: 1ms opacity ease;
-ms-transition: 1ms opacity ease;
-o-transition: 1ms opacity ease;
transition: 1ms opacity ease;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
background: #fff;
}
.kalici-kalici.kalici-acik.kalici-baglantili {
top: 20px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.kalici-kalici.kalici-acik { opacity: 1; }
.kalici-kaplama.kalici-acik { opacity: 1; }
.kalici-kapat {
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 12px;
position: absolute;
top: 5px;
right: 5px;
padding: 5px 7px 7px;
cursor: pointer;
color: #fff;
border: 0;
outline: none;
background: #e74c3c;
}
.kalici-kapat:hover { background: #c0392b; }
.kalici-kaplama.karart-ve-kaldir {
display: block;
opacity: 0;
}
.kalici-kalici.karart-ve-kaldir {
top: -300%;
opacity: 1;
display: block;
}
.kalici-kalici.karart-ve-kaldir.kalici-acik {/*kararmadan sonra kalici çıkış*/
top: 50%;
-webkit-transition: 500ms top 1ms ease;
-moz-transition: 500ms top 1ms ease;
-ms-transition: 500ms top 1ms ease;
-o-transition: 500ms top 1ms ease;
transition: 500ms top 1ms ease;
}
.kalici-kalici.karart-ve-kaldir.kalici-acik.kalici-baglantili {
-webkit-transition: 500ms top 500ms ease;
-moz-transition: 500ms top 500ms ease;
-ms-transition: 500ms top 500ms ease;
-o-transition: 500ms top 500ms ease;
transition: 500ms top 500ms ease;
}
.kalici-kaplama.karart-ve-kaldir.kalici-acik {/*arka plan kararış*/
top: 0;
-webkit-transition: 100ms opacity ease;
-moz-transition: 100ms opacity ease;
-ms-transition: 100ms opacity ease;
-o-transition: 100ms opacity ease;
transition: 100ms opacity ease;
opacity: 1;
}
.kalici-kalici.karart-ve-kaldir {
-webkit-transition: 500ms top ease;
-moz-transition: 500ms top ease;
-ms-transition: 500ms top ease;
-o-transition: 500ms top ease;
transition: 500ms top ease;
}
.kalici-kaplama.karart-ve-kaldir {/*arka plan kararış iptal*/
-webkit-transition: 100ms opacity 100ms ease;
-moz-transition: 100ms opacity 100ms ease;
-ms-transition: 100ms opacity 100ms ease;
-o-transition: 100ms opacity 100ms ease;
transition: 100ms opacity 100ms ease;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

script tagı içerisine kodlarımızı ekleyelim.

JavaScript
92 lines
(function() {
this.Kalici = function() {
this.kaplama = null;
this.kalici = null;
this.kapatButonu = null;
this.gecisSonu = gecisSec();
var varsayilan = {
className: 'karart-ve-kaldir',
kapatButonu: true,
icerik: "",
maxWidth: 600,
minWidth: 280,
kaplama: true
}
if (arguments[0] && typeof arguments[0] === 'object') {
this.ayarlar = varsayilanEk(varsayilan, arguments[0]);
}
}
Kalici.prototype.acik = function() {
olusturma.call(this);
initializeEvents.call(this);
window.getComputedStyle(this.kalici).height;
this.kalici.className = this.kalici.className +
(this.kalici.offsetHeight > window.innerHeight ? ' kalici-acik kalici-baglantili' : ' kalici-acik');
this.kaplama.className = this.kaplama.className + ' kalici-acik';
}
Kalici.prototype.kapat = function() {
var _ = this;
this.kalici.className = this.kalici.className.replace(' kalici-acik', '');
this.kaplama.className = this.kaplama.className.replace(' kalici-acik', '');
this.kalici.addEventListener(this.gecisSonu, function() {
_.kalici.parentNode.removeChild(_.kalici);
});
_.kalici.parentNode.removeChild(_.kalici);
this.kaplama.addEventListener(this.gecisSonu, function() {
if (_.kaplama.parentNode) _.kaplama.parentNode.removeChild(_.kaplama);
});
}
function gecisSec() {
var el = document.createElement('div');
if (el.style.WebkitTransition) return "webkitTransitionEnd";
if (el.style.OTransition) return "oTransitionEnd";
return 'transitionend';
}
function varsayilanEk(kaynak, ozellikler) {
var ozellik;
for (ozellik in ozellikler) {
if (ozellikler.hasOwnProperty(ozellik)) {
kaynak[ozellik] = ozellikler[ozellik];
}
}
return kaynak;
}
function olusturma() {
var icerik, icerikTutucu, belgeParcasi;
if (typeof this.ayarlar.icerik === 'string') {
icerik = this.ayarlar.icerik;
} else {
icerik = this.ayarlar.icerik.innerHTML;
}
belgeParcasi = document.createDocumentFragment();
this.kalici = document.createElement('div');
this.kalici.className = 'kalici-kalici ' + this.ayarlar.className;
this.kalici.style.minWidth = this.ayarlar.minWidth + 'px';
this.kalici.style.maxWidth = this.ayarlar.maxWidth + 'px';
if (this.ayarlar.kapatButonu === true) {
this.kapatButonu = document.createElement('button');
this.kapatButonu.className = 'kalici-kapat kapat-button';
this.kapatButonu.innerHTML = 'x';
this.kalici.appendChild(this.kapatButonu);
}
if (this.ayarlar.kaplama === true) {
this.kaplama = document.createElement('div');
this.kaplama.className = 'kalici-kaplama ' + this.ayarlar.className;
belgeParcasi.appendChild(this.kaplama);
}
icerikTutucu = document.createElement('div');
icerikTutucu.className = 'kalici-icerik';
icerikTutucu.innerHTML = icerik;
this.kalici.appendChild(icerikTutucu);
belgeParcasi.appendChild(this.kalici);
document.body.appendChild(belgeParcasi);
}
function initializeEvents() {
if (this.kapatButonu) {
this.kapatButonu.addEventListener('click', this.kapat.bind(this));
}
if (this.kaplama) {
this.kaplama.addEventListener('click', this.kapat.bind(this));
}
}
})();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

sonra sayfa kodlarımızı ekleyelim

HTML
13 lines
</head>
<body>
<a href="#" id="calistirKaliciButton"></a>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

script tagı içerisine kapatma komutlarını ekleyelim

JavaScript
7 lines
var kalicim = new Kalici({
icerik: 'Test1 <b>Test2</b>'
});
var calistirKalici = document.getElementById('calistirKaliciButton');
calistirKalici.addEventListener('click', function() {
kalicim.acik();
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

sayfa kapanış kodlarımızı ekleyelim

HTML
1 lines
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Çok Renkli Küre Etiket Bulutu

Öncelikle jquery kütüphanemizi script tagı ile çağırıyoruz

Markdown
1 lines
https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

istediğimiz alana bu menü linklerimizi ekliyoruz.

PHP
5 lines
<ul id="test" class="xmpl" style="height: 390px; width: 698px;">
<?php for($x=0;$x<100;$x++){
echo '<li value="'.floor(100-$x).'"><a href="#'.$x.'" >d'.$x.'n</a></li>';
}?>
</ul>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

script tagı içerisinde bu kodları ekliyoruz

JavaScript
196 lines
/*
* jQuery TagCloud 0.5.1
*/
;(function($) {
// private variables
var oSettings;
var oUlCss = {};
var oLiCss = {};
var fGAng = 2.399963; // sphere angle in radians*pi
// default settings
$.tagcloud = {
id: "TagCloud"
,version: "0.5.1"
,defaults: {
height: null
,type: "cloud" // "cloud", "list" or "sphere"
,sizemax: 20
,sizemin: 10
,colormax: "00F"
,colormin: "B4D2FF"
,seed: null // only for type=="cloud"
,power: .5 // only for type=="sphere"
,padding: 0
}
};
$.fn.extend({
tagcloud: function(_settings) {
oSettings = $.extend({}, $.tagcloud.defaults, _settings);
if (oSettings.seed===null) oSettings.seed = Math.ceil(Math.random()*45309714203);
switch (oSettings.type) {
// treemap :: http://www.jquery.info/The-TreeMap-plugin
case "sphere":
case "cloud":
oUlCss = {position:"relative"};
oLiCss = {position:"absolute",display:"block"};
break;
case "list":
oUlCss = {height:"auto"};
oLiCss = {position:"static",display:"inline"};
break;
}
Rng.setSeed(oSettings.seed+123456);
return this.each(function(i,o) {
var mUl = $(o);
var aLi = mUl.find(">li");
var iNumLi = aLi.length;
var iUlW = mUl.width();
// var iUlH = oSettings.height===null?mUl.height():oSettings.height;
var iUlH = oSettings.height===null?(.004*iUlW*iNumLi):oSettings.height;
mUl.css({width:iUlW,height:iUlH,listStyle:"none",margin:0,padding:0});
mUl.css(oUlCss);
var iValMx = -2147483647;
var iValMn = 2147483648;
var iLastVal = -1;
for (var j=0;j<iNumLi;j++) {
var mLi = $(aLi[j]);
var iVal = mLi.attr("value")==-1?iLastVal++:mLi.attr("value");
if (iVal>iValMx) iValMx = iVal;
if (iVal<iValMn) iValMn = iVal;
iLastVal = iVal;
}
var iValRn = iValMx-iValMn;
// place on line to create minimal overlays
var aLine = new Array();
for (var j=0;j<iNumLi;j++) aLine[j] = j;
for (var j, x, k = aLine.length; k; j = parseInt(Rng.rand(0,1000)/1000 * k), x = aLine[--k], aLine[k] = aLine[j], aLine[j] = x);
iLastVal = -1;
for (var j=0;j<iNumLi;j++) {
var mLi = $(aLi[j]);;
var iVal = mLi.attr("value")==-1?iLastVal++:mLi.attr("value");
iLastVal = iVal;
//
var fPrt = ((iNumLi-j-1)/(iNumLi-1));
var fPrt = (iVal-iValMn)/iValRn;
//
var iSzFnt = oSettings.sizemin + fPrt*(oSettings.sizemax-oSettings.sizemin);
var sColor = colorRng(oSettings.colormin,oSettings.colormax,fPrt);
//
mLi.css({"word-wrap":"break-word",
"fontSize":iSzFnt,
"position":"absolute",
"color":"#"+sColor,
"margin":0,
"padding":oSettings.padding}).children().css({color:"#"+sColor});
var iLiW = mLi.width();
var iLiH = mLi.height()
//
var oCss = {};
if (oSettings.type!="list") {
if (oSettings.type=="cloud") {
var iXps = Rng.rand(0,iUlW-iLiW);
var iYps = aLine[j]*(iUlH/iNumLi) - iLiH/2;
} else {
var fRds = Math.pow(j/iNumLi,oSettings.power);
var fRad = (j+Math.PI/2)*fGAng;
var iXps = iUlW/2 - iLiW/2 + .5*iUlW*fRds*Math.sin(fRad);
var iYps = iUlH/2 - iLiH/2 + .5*iUlH*fRds*Math.cos(fRad);
}
oCss.left = iXps;
oCss.top = iYps;
}
for (var prop in oLiCss) oCss[prop] = oLiCss[prop];
mLi.css(oCss);
}
});
}
});
// Park-Miller RNG
var Rng = new function() {
this.seed = 23145678901;
this.A = 48271;
this.M = 2147483647;
this.Q = this.M/this.A;
this.R = this.M%this.A;
this.oneOverM = 1.0/this.M;
}
Rng.setSeed = function(seed) {
this.seed = seed;
}
Rng.next = function() {
var hi = this.seed/this.Q;
var lo = this.seed%this.Q;
var test = this.A*lo - this.R*hi;
this.seed = test + (test>0?0:this.M);
return (this.seed*this.oneOverM);
}
Rng.rand = function(lrn, urn) {
return Math.floor((urn - lrn + 1) * this.next() + lrn);
}
// hex dec
function d2h(d) {return d.toString(16);}
function h2d(h) {return parseInt(h,16);}
// function getC(s,rgb) {
// var aRng = [[[0,1],[1,2],[2,3]],[[0,2],[2,4],[4,6]]][s.length==3?0:1][rgb];
// return s.substring(aRng[0],aRng[1]);
// }
function getRGB(s) {
var b3 = s.length==3;
var aClr = [];
for (var i=0;i<3;i++) {
var sClr = s.substring( i*(b3?1:2), (i+1)*(b3?1:2) );
aClr.push(h2d(b3?sClr+sClr:sClr));
}
return aClr;
}
function getHex(a) {
var s = "";
for (var i=0;i<3;i++) {
var c = d2h(a[i]);
if (c.length==1) c = "0"+c; // todo: this can be better
s += c;
}
return s;
}
function colorRng(mn,mx,prt) {
var aMin = getRGB(mn);
var aMax = getRGB(mx);
var aRtr = [];
for (var i=0;i<3;i++) aRtr.push( aMin[i] + Math.floor(prt*(aMax[i]-aMin[i])) );
return getHex(aRtr);
}
// trace
function trace(o) {
if (window.console&&window.console.log) {
if (typeof(o)=="string") window.console.log(o);
else for (var prop in o) window.console.log(prop+": "+o[prop]);
}
};
// set functions
$.fn.TagCloud = $.fn.Tagcloud = $.fn.tagcloud;
})(jQuery);
$(document).ready(function() {
$("ul").tagcloud({type:"sephere",width:300,height:300,sizemin:8,sizemax:36,power:0.5});
function createRandomColor() {
var hex = '0123456789ABC'.split(''), color = '#', i;
for (i = 0; i < 6; i += 1) {
color = color + hex[Math.floor(Math.random() * 13)];
}
return color;
}
$('ul li').each(function() {
var $a = $(this).find('a');
var rastgelerenk = createRandomColor();
$a.css({color: rastgelerenk});
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Anlık Çoklu Resim Yüklemek

index.php dosyası oluşturup jquery kütüphanemizi script tagı ile ekleyin.

Markdown
1 lines
http://code.jquery.com/jquery-1.10.2.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

style tagı içerisine bu kodları ekleyin.

CSS
30 lines
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
color: #ffffff;
font-size: 14px;
font-weight: bold;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn-add {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.active {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

script tagı içerisine bu kodları ekleyin.

JavaScript
23 lines
$(document).ready(function(){
//Dosya Yükle
$("#form").bind("submit",function(){
$("#sonuclar").empty();
$(this).attr("target","gelenBilgi");
$("<img />").attr("src","yukleniyor.gif").appendTo($("#sonuclar"));
$("#gelenBilgi").bind("load", function(){
var deger = $("#gelenBilgi").contents().find("body").html();
$("#sonuclar").html(deger);
$("#sonuclar2").val($("#sonuclar img").attr("src"));
});
});
});
var dosya = $("input[name=dosya[]]").val();
var file = "dosya="+dosya;
$.ajax({
type: "POST",
url: "dosyayukle.php",
data: file,
success: function(sonuc){
$("#gelenBilgi").append(sonuc);
}
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

istediğiniz bir yere bu kodları ekleyin.

HTML
29 lines
<table class="table">
<tr>
<td>
<strong>Resim:</strong>
</td>
<td>
<form action="dosyayukle.php" method="post" enctype="multipart/form-data" id="form">
<input type="file" style="width:80px;" name="dosya[]" />
<input type="submit" value="Yükle" />
</form>
</td>
<td rowspan="2" align="center">
<iframe id="gelenBilgi" name="gelenBilgi" src style="display:none;">
</iframe>
<div id="sonuclar"></div>
</td>
</tr>
<tr>
<form action="" method="post">
<td colspan="3" >
<iframe id="gelenBilgi" name="gelenBilgi" src style="display:none;">
</iframe>
<input name="resim" id="sonuclar2" ><br>
<input name="update" type="submit" class="btn btn-edit" value="Yüklenen url yi gönder" />
</td>
</form>
</tr>
</table>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

yukleniyor.gif adlı bir resim oluşturun.

dosyayukle.php adlı bir dosya oluşturun ve içine bu kodları ekleyin.

PHP
29 lines
<?php
function rasgeleharf($kackarakter){
$s="";
$char="abcdefghijklmnoprstuwvyzqx1234567890–__"; /// İzin verilen karakterler ?
for ($k=1;$k<=$kackarakter;$k++){
$h=substr($char,mt_rand(0,strlen($char)-1),1);
$s.=$h;
}
return $s;
}
$toplam = count($_FILES["dosya"]["name"]);
$formatlar = array("image/png","image/jpeg","image/gif","image/bmp");
for($i= 0;$i < $toplam; $i++){
if (in_array($_FILES["dosya"]["type"][$i],$formatlar)){
$uzanti =substr($_FILES["dosya"]["name"][$i],-4,4);
$ad =substr($_FILES["dosya"]["name"][$i],0,-4);
$isim = rasgeleharf(5);
$dizin = "img/".$ad."_".$isim.$uzanti;
if(move_uploaded_file($_FILES["dosya"]["tmp_name"][$i],$dizin)){
echo '<img height="100" src="'.$dizin.'" alt="" class="resim" />';
}else{
echo '<font color="red">Dosya Yüklenemedi!!</form>';
}
}else{
echo '<font color="red">Geçersiz Dosya Formatı.</font>';
}
}
?>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Son olarak img diye resimlerin saklanacağı bir klasör oluşturun.

Başlat Durdur Kontrollü,Ses Seviyesi Sabit Müzik Çalar

Öncelikle jquery kütüphanemizi script tagı ile yüklüyoruz.

Markdown
1 lines
https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Hemen altına script tagı içerisinde bu kodları yüklüyoruz.

JavaScript
21 lines
$(document).ready(function(){
$("audio").hide();
var v = document.getElementsByTagName("audio")[0];
v.volume = 0.5;//Ses seviyesi %50
v.play();/*otomatik başlatır*/
});
var curPlaying;$(function() {
$(".playback").click(function() {
var song = $(this).next('audio')[0];
if(song.paused){
$(".playback").text("Durdur");
song.play();
song.volume = 1;
if(curPlaying) $("audio", "#"+curPlaying)[0].pause();
}
else {
song.pause();
$(".playback").text("Başlat");
}
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Sayfada istediğiniz yere bu kodları yerleştirin.

HTML
4 lines
<div class="playback">Durdur</div>
<audio controls="">
<source src="http://thesoundeffect.com/music/mp3/AllMyLife.mp3" type="audio/mpeg">
</audio>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Basit sohbet robotu yapmak

index.php dosyası oluşturup jquery kütüphanesini script tagıyla ekleyin

Markdown
1 lines
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

altına style tagı açarak içerisine bu kodları ekleyin.

CSS
14 lines
.kutu {
background:#eee;
border: 1px solid #ddd;
padding:10px;
margin-bottom:10px;
height:200px;
weight:200px;
}
#sorular {
height:150px;
padding:10px;
overflow:scroll;
overflow-x:hidden;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

altına script tagı açarak içerisine bu kodları ekleyin.

JavaScript
11 lines
function sor() {
var soru = $("#konus :input").val();
if(soru != '') {
$.post("bot.php",$('#konus').serialize(), function(gelen) {
$("#sorular").append("Misafir:"+soru+"<br />Bot:"+gelen+"<br />");
$("#soru").val("");
});
}else{
alert("Birşeyler yazmayı deneyebilirsiniz?");
}
return false; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

sayfa içerisine istediğiniz yere bu kodları yerleştirin.

HTML
10 lines
<div class="kutu">Sanal Bot ile Konuşun!
<div id="sorular">Bir şeyler yazın;<br /></div>
<form id="konus" name="form1" method="post" action="javascript:void(0);">
<label>
<input name="soru" type="text" id="soru" value="" size="30" />
</label>
<label>
<input type="submit" name="button" id="button" value="Konuş" onclick="sor()"/>
</label>
</form></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

bot.php dosyası oluşturup içine bu kodları ekleyin.

PHP
13 lines
<?php
$soru = htmlspecialchars($_POST["soru"]);
$cevaplar = array("selam"=>"sana da selam","merhaba"=>"merhaba","naber"=>"iyidir senden","iyi"=>"sevindim","sa"=>"as","nasılsın?"=>"teşekkürler siz?","adın ne"=>"yapay zeka");
$anlamadim = array("anlayamadım?","afedersiniz?","bu konuyu bilmiyorum");
$sonuc=array_key_exists($_POST["soru"],$cevaplar);
if($sonuc){
die($cevaplar[$_POST["soru"]]);
}else{
echo $anlamadim[rand(0,count($anlamadim)-1)];
}
?>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Facebook Haber Kaynağı Tarzı Anlık Veri Güncellemek

Bu kod ile her saniye anlık olarak sayfa içeriğinizi yenileyebilirsiniz.

index.php dosyası oluşturup aşağıdaki jquery ve timers kütüphanelerini script tagı ile ekleyin

Markdown
2 lines
https//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
https://collabdev.googlecode.com/svn-history/r5/trunk/static/js/jquery.timers-1.0.0.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ardında script tagı içerisinde bu kodları ekleyin.

JavaScript
15 lines
$(document).ready(function(){
var j = jQuery.noConflict();
j(document).ready(function()
{
j(".refresh").everyTime(1000,function(i){
j.ajax({
url: "refresh.php",
cache: false,
success: function(html){
j(".refresh").html(html);
}
})
})
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

son olarak sayfa içerisinde istediğiniz yere bu kodu ekleyin.

HTML
1 lines
<div class="refresh" style="font-size:24px;">Güncelleniyor</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

refresh.php dosyası oluşturup içerisine çekmek istediğiniz veriyi kodlayın.Örneğin;

PHP
1 lines
<?php echo time(); ?>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Facebook Tarzı Anlık Geçen Süre

Facebooktaki gibi geçen zamanı anlık olarak görebilirsiniz.

Öncelikle jquery ve timeago kütüphanelerini script tagı ile çağırmalısınız.

Markdown
2 lines
https//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
http://timeago.yarp.com/jquery.timeago.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Hemen altına script tagı içerisinde bu kodları ekleyin.

JavaScript
31 lines
$.extend($.timeago, {
settings: {
refreshMillis: 1000,
allowPast: true,
allowFuture: false,
localeTitle: false,
cutoff: 0,
strings: {
prefixAgo: null,
prefixFromNow: null,
suffixAgo: "önce",
suffixFromNow: "şimdi",
inPast: 'sonra',
seconds: "%d saniye",
minute: "1 dakika",
minutes: "%d dakika",
hour: "1 saat",
hours: "%d saat",
day: "1 gün",
days: "%d gün",
month: "1 ay",
months: "%d ay",
year: "1 yıl",
years: "%d yıl",
wordSeparator: " ",
numbers: []
}
}});
jQuery(document).ready(function() {
jQuery("abbr.timeago").timeago();
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Görünmesini istediğiniz yerde ise bu kodu kullanabilirsiniz.

PHP
1 lines
<abbr class="timeago" title="<?php echo date("c", time()); ?>">Hesaplanıyor</abbr>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX