31 Temmuz 2012 Salı
30 Temmuz 2012 Pazartesi
Pinterest “Pin It” Butonu
Bazılarına göre Pinterest balonu sönmüş gibi durabilir ama ben, kendim kullanmasam da Pintrerest’in sağlam bir kullanıcı kitlesi olduğunu gözlemliyorum.Önümüzdeki bir kaç gün içinde sosyal paylaşım butonlarım arasına Pin It butonuna ekleyeceğim ama bu kez bir deişiklik yapıp kullanmaya başlamadan önce paylaşayım dedim.
Öncelikle kodu nereye ekleyeceğinizden bahsedeyim.Ben sosyal paylaşım butonlarını yazının sonuna yerleşirmenin daha doğru olduğunu düşündüğüm için size de şablonunuzdaki <div class='post-footer'> kodunun hemen altına eklemenizi öneririm.Eklemeniz gereken kodlar ise şunlar:
<b:if cond='data:blog.pageType == "item"'>
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>
</b:if>
Buton kayıt sayfasının içine girdiğinide gözükecektir.Butona basınca eğer yazıda bir görsel varsa o görsel otomatik olarak tanınacak ve pinterest hesabınızla bağlantı kurularak seçmiş olduğunuz bir panoya pinlenecektir.
27 Temmuz 2012 Cuma
Tüm Zamanların En Özellikli Blogger Teması
Bu güne kadar gördüğünüz en orjinal Blogger temasıyla tanışmaya hazır mısınız? Giriş cümlesi size çok iddialı gelmiş olabililr ama temayı test edip özelliklerini görünce bana hak vereceksiniz.
Aslında premium olan bu tema ilk kodlandığında yanlış hatırlamıyorsam $20 civarında bir fiyata satılıyordu.Sonra ne oldu bilmiyorum temanın yapımcısı ücretsiz dağıtmaya karar verdi.İşte bu temanın özellikleri:
- ThumbCropper: Bildiğiniz gibi normal temalarda ana sayfada yazıya ait resmin thumbnail şeklinde küçültülmüş haki gözükür.Bu temada kullanılan ThumbCropper aracı sayesinde yazının içerisindeki resim kırpılarak ana sayfada gözükür.
- Sonsuz Scroll: Twitter2da ve bazı sitelerde sayfanın altında daha fazla diye bir buton yer alır ve o butona tıkladığınızda sayfaya yeni öğeler eklenerek saşağı doğru ayar.İşte bu temada da ileri-geri veya numaralı sayfa geçişleri yerine bu özellik kullanılmış.
- 2 Renk Seçeneği: Temayı indirdiğinizde zip dosyasının içinde açık ve koyu renk seçenekleri için 2 adet .xml dosyası bulacaksınız.Eğer beyaz versiyonunu tercih etmiyorsanız gri versiyonunu da kullanabilirsiniz.
- Tarayıcı uyumluluğu: Temalarda yaşanan en büyük sorulardan biridir farklı tarayıcılarda düzgün çalışmaması.Bu tema tarayıcı uyumlu olduğu için tüm tarayıcılarda sorunsuz çalışmaktadır.
Demosuna da baktıysanız bu temayı neden bu kadar övdüğümü anlamışsınızdır.Fotoğraf ağırlıklı blog yazanlar veya blogunu portföy gibi kullananlar için bu şiddetle tavsiye ediyorum bu temayı.Gördüüm tek zayıf tarafı ise sanırım yorum bölümü.
25 Temmuz 2012 Çarşamba
Blog Yazıları İçin Sosyal Paylaşım Kutuları
Burada paylaşacağım eklentide Twitter, Facebook ve Google’a ait paylaşım düğmelerini CSS srprite özelliğinden faydalanarak ayrı ayrı kutulara koyarak blog yazılarımızın sonuna yerleştireceğiz.Oldukça şık ve dikkat çekici olduğunu düşündüğüm bu sosyal paylaşım kutularını yazılarınızın sosyal medyada paylaşım sayısını arttıracaktır.
Eklentiyi blogunuza eklemek için şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin.
<b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIFxPnGks-fHbyBf5FbeNkghYnU77B471XE8b2r2xkDrj1bIFcrCfYw-xMP44JLO_XlnD1iLDaeUfiPpUsejFDJnBUFEMYki25I9dUau67QTME4KiMzn36xngQqFVb-qBdWLGywdGSNs/s516/paylas.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
</b:if>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='helperblogger' href='https://twitter.com/share'>Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script></div>
<div class='promote_facebook'>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</b:if></div>
</div>
<div class='promote_google'>
<g:plusone annotation='none' size='medium'/>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script></div>
</div>
Alternatif sosyal paylaşım butonları için şu yazılarıma göz atabilirsiniz:
23 Temmuz 2012 Pazartesi
Blog Yazmanın Bana Kazandırdıkları
Aslında blog yazmanın insanlara kazandırdıkları ile ilgili bir yazı yazmayı planlamış ve taslağı oluşturmuştum.Sonra o taslağı karşıma alıp acaba Blog Hocam bana ne kazandırdı diye sordum kendime.Hazırladığım taslağı çöpe atarak bu başlığı attım ve sadece Blog Hocam’ı göz önünde bulundurarak Blog Hocam’ın bana kazandırdıklarını yazmanın daha keyifli ve ilgi çekici olduğuna karar verdim.
Zaman Yönetimi
Blog Hocam’ı ilk yazmayama başladığımda aklıma estikçe yazarım diye düşünmüştüm ama yazılara olan ilgiyle beraber beklenti arttıkça ben de motive olmaya ve beklentileri karşılamak adına daha sık yazmaya başladım.Yazılarla beraber gelen yorumların ve mesajların da sayısı artınca ciddi bir planlama yamaya başladım.Ne işimden ne de sosyal hayatımdan ödün vermeden blogumla ilgilenebilmek için zamanı doğru yönetmeyi ve doğru kullanmayı öğrendim sanırım.
Yeni Arkadaşlar
Blog Hocam sayesinde yüz yüze olmasa da her yaştan onlarca kişiyle sohbet etme ve tanışma imkanı buldum.Bazen misafir yazarlık, bazen sosyal medya, bazen de iletişim formu buna vesile oldu.İyi niyetli olduğunu düşündüğüm herkese elimden geldiğince hızlı ve samimi cevap vermeye çalıştım ve bu sayede bir çok yeni arkadaşım oldu.
Kariyer Fırsatları
Bu ara başlık size komik gelebilir ama gerçekten 2-3 tane ciddi iş teklifi aldım Blog Hocam sayesinde.Eğer öğrenci olsaydım bu teklifleri değerlendirip kariyerimi çok farklı doğrultulara yönlendirebilirdim ama sorumluluklarım ve başında olduğum işim bana yeni maceralara atılma şansı vermediği için heyecanlanmama rağmen bu teklifleri reddetmek zorunda kaldım.
Tanınırlık
Blog Hocam sayesinde blogcular arasında az da olsa tanınan biri haline geldim.Forumlarda ve bazı bloglarda ismimin geçtiğini görüyorum.Bazıları benim temamdan bahsediyor, bazıları yazılarımdan.En sık rastladığım şey ise bir problemin altına yazılan “Serdar Kara (ya da Blog Hocam) sana yardımcı olur” mesajı.Bu sekilde referansla beni bulan ve e-posta ile soru soranların sayısı oldukça fazla.
Yeni Bilgiler
İlk yazılarımı okuduğumda da farkedeceksiniz Blog Hocam’a başlarken niyetim profesyonel blogculuk hakkına temel bilgiler vermekti.Ancak okuyucuların talepleri ve beklentileri blog yazarlığının yanında Blogger ile ilgili yazılar yazmaya itti beni.İlk zamanlarda Blogger konusunda aşırı bir bilgim yoktu ancak zamanla araştırdım ve öğrendim.Öğrendikçe de yazdım.Şimdi yapabildiklerime bakıyorum da epey yol katetmişim.
Söz Sizde
Eminim blog yazmak size de çok şey katmış ve kazandırmıştır.Bunları benimle ve diğer okuyucularla paytlaşırsanız çok sevinirim.
20 Temmuz 2012 Cuma
Ramazan'da Nasıl Beslenmeliyiz?
Ramazan'da Nasıl Beslenmeliyiz?
Uzmanlar, Ramazan ayı boyunca iftarda ve sahurda yedikleriniz konusunda daha çok dikkatli olmamızı tavsiye ediyor. Ramazan'ın başlaması ile birlikte iftar ve sahurda yenebilecek ağır yemekler beslenme alışkanlığı değişen bünyede problemlere neden olabiliyor. Uzmanlar, bu yılki Ramazan'ın yine yaz mevsimine denk gelmesi nedeniyle vatandaşlara sahurda ağır yemek yememelerini tavsiye etti.
İftar ile sahur arasında yenilen yiyeceklere dikkat edilmeli. Çay, kahve gibi vücuttaki demiri eksilten gıdaları tüketmemeli. Hamur tatlıları yerine sütlüler tercih edilmeli. İftarda mideye aşırı yüklenmek yanlış... İftar ve sahur arasında az ve sık yemek ise en doğrusu. İşte uzmanların iftar ve sahurda beslenme konusunda yaptığı tavsiyeler.
İftarda Hangi Gıdalar Yenmeli?
Orucunuzu bir adet hurma ile açın ve daha sonra bol su içilmelidir. Uzun süre aç kalan mide ve sindirim sistemi üzerinde yük oluşturacak herhangi bir besin ve sıvı içecekten mutlaka uzak durulmalıdır.
Yemeğe ne çok sıcak, ne de çok soğuk olmayan hafif bir çorbayla başlanmalıdır. Bağırsak problemi olanlar, çorbalarına kepek ilavesi yapabilecekleri gibi kepekli ekmek de tercih edebilirler.
Mutlaka bir çeşit sebze olmalıdır. Bu sebze yemeği olabileceği gibi, salata da olabilir.
Yoğurt protein ihtiyacının karşılanmasında önem taşımaktadır. Uzun süreli açlıklarda vücuttaki riboflavin düzeyi düşer ve ağız aftları oluşabilir.
Tatlı olarak sütlü tatlılar tercih edilmelidir. Şerbetli, ağır tatlılar kişilerde yüksek şekere neden olabilir. Bu da; kişinin titreme, terleme ya da koma gibi bazı rahatsızlıklar yaşamasına neden olabilir.
Sahurda Neler Tüketilmeli?
Protein içeriği fazla gıdalar, midenin boşalma süresini uzatarak acıkmayı geciktirdikleri için tercih edilmelidir. Aynı zamanda tokluk da sağlayan bu besinler, sahurda unutulmamalıdır. Yumurta, yoğurt, tahin, süt ve peynir gibi gıdalar; sahur için ideal seçimler arasındadır.
Kahvaltı şeklinde bir öğün olabilir. Ardından uyumaya devam edileceği için hem hafif, hem de tokluk sağlayacak mönüler seçilmelidir. Bu saatte börek ya da iftardan kalma yağlı yemekler tüketmek, sindirim güçlüğü ve mide rahatsızlığına neden olur.
Bol sıvı alınmalıdır. Su içilmelidir. Unutulmamalıdır ki; gün içinde iftara kadar bir daha sıvı tüketiminin sağlanabileceği bir fırsat olmayacak.
Meyve mutlaka yenmelidir. Bağışıklık sisteminin kuvvetlenmesi ve vücut direncinin artması için mevsimine uygun çok şekerli olmayan meyveler, sahurda bir porsiyon şeklinde önerilir.
Fazla tuzlu besinler tüketilmemelidir.
Susuzluğa Karşı
Sıvı tüketimini arttırmak için iftarda ilk yemek olarak çorba tercih edilebilir. Gün içinde susuz kalınacağından, iftar ile sahur arasında en az 2-2,5 litre su içilmeli, ayrıca ayran, taze sıkılmış meyve ve sebze suları, çorba, komposto gibi içeceklerle de sıvı alımı artırılmalıdır. Gazlı içecekler ise, mide rahatsızlıklarına neden olabilecekleri ve yeme kapasitesini arttırabileceği için önerilmemektedir.
Kilo Almamak İçin
Ramazan'da beslenme alışkanlığının değişmesi ve hareketin azalması nedeniyle, kilo almak kaçınılmazdır. Kiloları dengelemek için iftar ve sahur arasında bol sebze, meyve ve yağsız gıdalar tüketin. İftardan sonra yürüyüş yapın.
Su Böregi
MALZEMELER:
*6 yumurta
*1 kahve fincanı yoğurt
*Yarım çorba kaşığı tuz
*Aldığı kadar un
PEYNİRLİ İÇ İÇİN:
*1 büyük kalıp beyaz peynir (300 gr.)
*1 demet dereotu-maydanoz
*1 yumurta, 3 çorba kaşığı margarin
*3 çorba kaşığı tereyağı (yufkaların aralarını yağlamak için)
YAPILIŞI:
1- Bir tencereye 6 yumurta, 1 kahve fincanı yoğurt, yarım çorba kaşığı tuz konup karıştırılır. Aldığı kadar elenmiş un ile sertçe bir hamur yapılır. İyice yoğrulur. 10- 12 parçaya ayrılır. Üzeri örtülü olarak 15- 20 dakika dinlendirilir.
2- Her parça unlanarak 2 mm. inceliğinde açılır. Bir tanesi yağlanmış tepsiye kenarlardan sarkacak şekilde yayılır.
3- Diğer yufkalar dörde bölünerek kaynar tuzlu suda 1 dakika haşlanıp, soğuk su bulunan başka bir kaba alınır. Sonra hafifçe kurulanır.
4- Tepsiye büzgülü olarak serilip her defasında erimiş yağ gezdirilir.
5- Hamurun yarısı bitince peynirli iç konur. Diğer yufkalar da aynı şekilde serilip kenarlardan sarkan parça üzerine çevrilir. Bolca yağlanıp fırında veya ocakta çevrilerek kızartılır. İçin hazırlanması: Rendelenmiş peynir, yumurta doğranmış, maydanoz, dereotu karıştırılır.
Not: Yukarıdaki malzemeden 40 cm çapında iki tepsi börek yapabilirsiniz. Afiyet olsun.
Uykun Optimizeyse Blogun Optimize
“ Blogumuz için her zaman biraz daha iyisini yapmak ve en iyi içerikleri yazmak istiyoruz.
Durun bir dakika, aklıma öyle bir yazı fikri geldi ki şuanda evet! Bu yazı fikrine eminim
blogumu Ağrı dağındaki bir kurbağa okuyor olsaydı o bile Wuuuhuu diyecek ve Blogumu
kesinlikle tarayıcısının yer imlerine kaydedecek. Yeni içerik bölümüne girmeliyim ve
içeriğimi yazmalıyım ama durun bir dakika, saat gece 3,12. O zaman en iyisi yazımı şimdi
yazayım ve yarın yazımı Online oranımın yüksek olduğu bir zamanda yayına alayım. “
Blogcu olarak genelde başımıza böyle durumlar gelir, Hele ki öğrenciysek bu durumla
yaz aylarında o kadar çok karşı karşıya kalırız ki. Sabah aynı yazıyı incelediğimizde ise
sanki hevesimiz biraz kaçar ve yazdığımız yazının içerisinde saçmalıklar olduğunu (aslında
olmayan saçmalıklar) fark ederiz. Babam her zaman “Neyi, Nerede yapman gerektiğini
bilmiyorsun yavrum.” Derdi. Bu sözü zaman geçtikçe Blogculukla çatışmada fark ettim ve
bunun sebebini aramaya başladım.
Sorunun kaynağı düzensiz bir uyku düzenimiz olmasından kaynaklanıyor. Sabah ya da akşam bilgisayara ilk geçtiğimde neleri yaptığımı gözlemlemeye başladım ve baktım ki günümün genelini Sosyal ağlar üzerinde eğlence yada sohbet için harcıyorum, enerjim bittiğinde ise Blogum aklımada beliriveriyor ve birden bire eğlencenin bittiğinde yazmak, karalamak çizmek istiyorum.
Sorunumu keşfettiğimde geriye kalan tek şey çözümü üretmek oldu. Aslında çözüm gayet
basit. Öncelikle Optimize kelimesinin Türkçeye olan karşılığının en iyi şekilde kullanmak
yada ayarlamak olduğunu bilelim. Sorunum çok fazla bilgisayar başında kalmak ve geceleri
genelde uykusuz geçirmekten kaynaklanıyordu ve işte bunlar için hayatımda optimize ettiğim 5 şey.
#1: Yeme ve içme alışkanlığımın yanlış zamanda olması
Alakasız gibi görünse de maalesef eğer yeme ve içme saatleriniz gece geç saatlere yakınsa vücudunuz tekrardan enerji topluyor ve yazmak çizmek yerine eğlenceli bir şeyler yapmayı düşünüyor.
#2: Yorucu günler mi geçirdiniz?
Genelde yorucu yada sıkıcı bir gün geçirdiğinizde biraz eğlence hatta belki oyun arıyorsunuz öyle değil mi ? bunun için kendinize 15 dakikayı aşmayan bir Blog düşünme saati yaratın ve yazmak için bir şeyleri bu boşlukta düşünün.
#3: Çok geç saatlerde blogunuzla uğraşmak
Her blogcu öğrenci değil bazılarımız çalışıyoruz ve çoğu zaman evimize gece geç vakitte
dönüyor olabiliriz. O zaman düşünmek için ufak notlar alın boş bir zamanınızda yazınızı
yazmayı deneyin, yada yazınızı planlayarak sabah yayınlanacak bir saate ayarlayın.
#4: Rutin uyku alışkanlığımızın olmaması
Benim en başlıca düşmanım buydu, ve rutin uyku düzeni ile artık hem daha sağlıklıyım, daha dincim ve blogumda gerçekten gözle görülür şekilde bir ziyaretçi artışı var.
#5: Yatmadan önce elinize elektronik aletler almayın
Blogculuk bizim için artık bir yaşam tarzı olduğu için yatmadan önce bile bazen ne yazsam
diye düşünüyoruz ve elimize telefonumuzu alıp hemen içeriğimizi yazıp ertesi gün blogumuza aktarabiliyoruz. (kendim çok yaptım) bunun için yattığınızda elektronik aletlerle olan iletişiminizi kesin.
Yazar Hakkında: Burak Göç Sosyal Medya ve Bloglama konusunda kendini yetiştiren ve
şuanda Bilgeyazar – Sosyal Medya Blogunun gelişimini ve yönetimini sağlayan bir Blogging tutkunu.
18 Temmuz 2012 Çarşamba
Her Blogcunun İşine Yarayacak 6 İpucu
Günümüzde her katgeoride, her konuda yüzlerce blog var.Bir blogun başarılı olması için zlenmesi gereken yol ve strateji o blogun konusuna göre farklılıklar gösterebilir ancak bazı yöntemler vardır ki blogunuzun konusu ne olursa olsun her zaman işe yarar ve blogunuzun gelişmesine yardımcı olur.
Sevdiğininiz Ve Bildiğiniz Konuda Yazın
Başarının ilk şartı olarak bunu söyleyebilirim.Başarılı olmak istiyorsanız blogunuzu güncel tutmalı ve kaliteli içerik üretmelisiniz.Eğer yazdığınız konuda yeterli bilginiz yoksa ve yazarken keyif almıyorsanız bir süre snra tıkanmanız kaçınılmazdır.
Okuyucu Kitlenizi Tanıyın
Okuyucularınıza istediklerini vermek, onların blogunuza olan ilgisini korumak için okuyucu kitlenizi iyi tanıyın.Böylece ihtiyaçlarını ve beklentilerini öğrenir ve bu doğrultuda içerik üretirsiniz.
Sosyal Medyayı Etkili Kullanın
Sosyal medya sayesinde yazdığınız konuyla ilgilenen kişilere ulaşmak artık çok kolay.Sosyal medya aktif olarak hedef kitlenize ulaşın, onlarla etkileşime geçin ve blogunuzun okuyucu kitlesini genişletin.
Diğer Blogcularla İletişime Geçin
Diğer blogcular sizin rakibiniz olduğu kadar destekçiniz de olabilir.Özellikle blogunuzla aynı konuda yayın yapan diğer blog yazarlarıyla iletişime geçerek onlarla tanmışmak, arkadaşlık kurmak size çok fayda sağlayacaktır.
Misafir Yazar Olun
Blogunuzun konusuyla bir şekilde alakalı olan bloglara misafir yazar olarak hedef kitlenize kendinizi tanıtın.Backlink ve trafiğin yanında o blogcularla kuracağınız iletişim sizin en büyük kazancınız olacaktır.
SEO Yapın
Bildiğiniz gibi arama motorları blogların en önemli trafik kaynaklarıdır.Arama motorlarından gelen trafiği arttırmanın yolu ise SEO yapmaktan geçer.SEO konusunda uzmanların yazılarını okuyarak kendnizi geliştirmeye çalışın ve bazı temel teknikleri uygulayın.
Yazıyı bitirirken hatırlatmak istediğim şey keyif almak.Amacınız ister para kazanmak, ister popüler olmak, isterseniz de vakit geçirmek olsun mutlaka ama mutlaka keyif alın.
16 Temmuz 2012 Pazartesi
Ayva Tatlısı
Malzemeler:
Yapılışı:
Ayvaları ortadan ikiye bölün, kabuklarını soyun çekirdekli çıkartın ve kenara ayırın, ayvaların kararmaması için limonlu suda bekletin. İkiye böldüğünüz ayvaları geniş bir tencereye dizin. Biraz ayva kabuğunu ve çekirdeklerini içine atın. Ayvaların üzerine tüm şekeri eşit olarak dökün. Ayvaların yarısını geçinceye kadar su ilave edin. Kısık ateşte ayvalar yumuşayıncaya ve rengini alana kadar pişirin. Soğuduktan sonra üzerlerine kaymağı ilave edin ve fıstıkları serperek servis yapın.
Afiyet olsun.
Ali Nazik
Ali nazik Malzemeleri
- 4 adet bostan patlıcanı
- 2 yemek kaşığı tereyağı ve zeytinyağı
- 5 yemek kaşığı süzme yoğurt
- Toz kırmızı biber
- 2 adet soğan
- 2 diş sarmısak
- 250 gram yağsız kıyma
- Tuz
- 2'er adet domates ve sivri biber
- Kıyılmış maydanoz
Tarifi:
Patlıcanları mangal ateşinde veya ocak üzerinde veya fırında (180 derecede) közleyin. Kabuklarını soyup ince ince doğrayın. Sarımsakları dövüp yoğurtla karıştırın. Çok az tuz ilave edin.Diğer tarafta soğan ve biberi yemeklik doğrayıp 3-4 yemek kaşığı kadar zeytinyağıyla sarartın. Kıymayı ekleyip onunda rengi dönene kadar pişirin. Domatesleri küçük küçük doğrayıp ekleyin. Domatesler pişince, tuz ve karabiberi de ekleyip ocağın altını kapatın. Yoğurtla karıştırdığınız patlıcanları genişçe bir servis tabağına alın. Ortasını havuz gibi açın ve kıymalı harcı dökün. İnce doğranmış maydanozlarla süsleyip servis yapın.
Afiyet olsun...
Bloom Magazin Teması
Uzun zamandır Blogger teması paylaşmıyordum.Sebebi takip ettiğim tema sitelerinde hep benzer temaların olmasıydı.Farklı olanları da ya beğenmiyordum ya da bir yerinde eksik görüyordum.Nihayet paylaşmaya değer güzel bir temaya rastladım.İsmi Bloom.
Özellikleri
- Şık arama kutusu.
- Header’da iki kademeli açılır yatay menü.
- Slayt manşet alanı.
- Sabit manşet alanı.
- İki sütunlu kayıt alanı.
- Numaralı sayfa navigasyonu.
- Resimli otomatik devamını oku eklentisi.
Şimdi de düzenlemeniz gereken yerlerden bahsedeyim:
1. Kademe Yatay Menü: Açık renk zemin üzerine olan açılır yatay menüyü kendinize göre düzenlemek için şablonun HTML kodlarında şu bölümü bulun:
<ul class='wpn_menu' id='menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Get in Touch</a></li>
<li><a href='#'>HTML Elements!</a>
<ul class='children'>
<li><a href='#'>Headings</a></li>
<li><a href='#'>List Fun</a></li>
<li><a href='#'>Blockquotes!</a></li>
</ul>
</li>
<li><a href='#'>Page Templates</a>
<ul class='children'>
<li><a href='#'>Links & Bookmarks</a></li>
<li><a href='#'>Lost? View Sitemap</a></li>
<li><a href='#'>No Sidebars</a></li>
</ul>
</li>
</ul>
Burada dikkat etmeniz gereken şey ul class='children' ile /ul arasındaki bölümün açılır menünün açılan kısmına ait olduğudur.
2. Kademe Yatay Menü: Hemen altındaki kinci yatay menüyü düzenlemek için de şu kodları bulun:
<ul class='wpn_submenu' id='submenu'>
<li><a href='#'>Culture + Celebrity</a></li>
<li><a href='#'>Fashion + Beauty</a></li>
<li><a href='#'>Food + Health</a></li>
<li><a href='#'>Travel + Nature</a>
<ul class='children'>
<li><a href='#'>Dropdown Flyout</a>
<ul class='children'>
<li><a href='#'>Child 2nd Level</a>
<ul class='children'>
<li><a href='#'>Child 3rd Level</a>
<ul class='children'>
<li><a href='#'>Child Item #1</a></li>
<li><a href='#'>Child Item #2</a></li>
<li><a href='#'>Child Item #3</a>
</li></ul></li></ul></li>
</ul>
</li>
<li><a href='#'>Dropdown Item</a>
</li></ul>
</li>
</ul>
Burada da her ul class='children' komutu yeni bir alt link oluşturmanızı sağlar.
Slayt Manşet: Menülerin hemen altındaki slayt manşeti düzenlemek için şu kodları bulun:
<div class='imageElement'><h2>Was “Free Willy”Better Off in Captivity?</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ83zrMxx5e8fGVeGDP1esvJyP3g4YTT-jnU3zsDtDJD5FiIDJhNG4umwbkf4BGelZE1CanhfxbhOJ02Cu6B7HdAs2zeU3T3UdStwqJFa9Ubg-hviQ7xW93qaAUiCr6htS_dO1C6OJf1YI/s586/free-willy.jpg'/>
<img class='thumbnail'/></div><div class='imageElement'><h2>One for Mom,One for Mother Earth</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOPI9Iv6BxxZiI17UVTXgrlfvkQR66Now2XGM-bnatLUKZjvfBitF0yEvYEYeTVFsctMV2BEkCjXgsiPjkReLM3MN6Yf7skbSGOt2zfwgJjG8Y2t6JEvv5UO-vYX4qXX5OOpAuQAZ9AP8S/s586/earth.jpg'/>
<img class='thumbnail'/></div><div class='imageElement'><h2>Power Station Takes an Axe to Santa’s Workshop</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHOk9B-mYs2VnjUy8TWq8fKTX1_56jnaEFMy3L9_sXdGUGL-sd9wMgHuAe_LkeE8RCS-Mj_p_61UllGoGVtJLJ0iMiZAGzYwpCFK8uv3x7nlVimz5OVojRgpQkPCWA8PewNDbGfc-uHcY/s586/santas.jpg'/>
<img class='thumbnail'/></div><div class='imageElement'><h2>Ben Southall Wins Spot as Island Caretaker</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIpJIoflOLMH4pjPMu8LOGQcAG1nr3Hs56flDo8W7PSCYtTtWzje4nI0OkuzwrG-qYoQEvb-BZP6yPdinKirtxABb5pG-zipnJgedVP_Y6QCZwvrk4hBEUFcEgFQ3KMxryhcjhzytd7Kz/s586/island.jpg'/>
<img class='thumbnail'/></div><div class='imageElement'><h2>Australia Seeks $18 Million for Moreton Island</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-nrokpsg6H5JeOX5ikFg7ACURWGhs1fAW98w7kSxzjz0ij06Jt5CLi9yFEcPCK0FMy4zk39JQgJgBycfoY_eHS2sfREmEhYI94I8YozICasAU_JMBjJVJJMN9zKBGaSZkS6LXj2rZmIB/s586/australia.jpg'/>
<img class='thumbnail'/></div>
Burada gösterilecek resimleri, o resme ait başlıkları ve resme tıklayınca açılmasını istediğiniz sayfaları belirleyeceksiniz.
Sabit 3’lü Manşet: Slaytın hemen altında yan yana 3 adet manşet daha var.Bunları düzenlemek için sayfa öğelerine (yerleşim) gidip Highlight1, 2 ve 3 isimli gadgetları düzenle deyin ve gösterilecek resmi, yazıyı ve linki oradan değiştirin.
15 Temmuz 2012 Pazar
Html site kodu
Websitenizi html kodlarındandan yapmak istermisiniz? Aşağıda sizler için bi örnek hazırladım. Üzerinde oynamalar yaparak sitenizi oluşturabilirsiniz.
ÖNİZLEME
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="author" content="Meftun MEDE">
<meta name="description" content="buraya, virgüllü, anahtar, kelime, koy,">
<meta name="keywords" content="buraya açıklama yaz">
<meta name="generator" content="Web Page Maker V2">
<title>sayfanızın başlığını yazın</title>
<style type="text/css">
/*----------Style Kodları----------*/
body{text-align:center;margin:0;}
div#container{position:relative;width:816px;margin-top:0;margin-left:auto;margin-right:auto;text-align:left;}
DIV,UL,OL /* Left */{margin-top:0;margin-bottom:0;}
.ws6{font-size:8px;}
.ws7{font-size:9.3px;}
.ws8{font-size:11px;}
.ws9{font-size:12px;}
.ws10{font-size:13px;}
.ws11{font-size:15px;}
.ws12{font-size:16px;}
.ws14{font-size:19px;}
.ws16{font-size:21px;}
.ws18{font-size:24px;}
.ws20{font-size:27px;}
.ws22{font-size:29px;}
.ws24{font-size:32px;}
.ws26{font-size:35px;}
.ws28{font-size:37px;}
.ws36{font-size:48px;}
.ws48{font-size:64px;}
.ws72{font-size:96px;}
.wpmd{font-size:13px;font-family:Arial;font-style:normal;font-weight:400;}
</style>
</head>
<body>
<div id="container">
<div id="text3" style="position:absolute; overflow:hidden; left:417px; top:84px; width:274px; height:359px; z-index:0; background-color:#F7F7F7">
<div class="wpmd">
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<ul>
<li><font class="ws8" color="#808080" face="Tahoma"><U>Aradigin Meftun Mede bu degil mi?Tekrar dene</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma"><U>BU KISMADA AÇIKLAMALARINIZI YAZIN.</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma">LiNKLERiNiZi YAZILARINIZI YAZIN.ZiYARETCiYE iÇERiK TASARLAYIN.iÇERiK NE KADAR SiZiN OLURSA OLSUN O KADAR SiTE DEĞERiNiZ ARTAR.DOST SiTE EDiNEREK iNTERNETTE ADINIZI DUYURUN.GOOGLE ARAMA MOTORUNDA YER ALMAK iSTERSENiZ BiZi SiTENiZE EKLEYiN.BiR HAFTA iÇiNDE KAYIT EDiLMiS OLDUĞUNUZU GÖRECEKSiNiZ. </font></li>
</ul>
</div>
</div>
<div id="shape1" style="position:absolute; overflow:hidden; left:4px; top:661px; width:689px; height:18px; z-index:1; background-color:#A8A8A8">
</div>
<div id="shape9" style="position:absolute; overflow:hidden; left:4px; top:84px; width:83px; height:590px; z-index:2; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:11px; top:307px; width:380px; height:28px; z-index:3">
<hr size=3 width=380 color=#82B40C>
</div>
<div id="shape8" style="position:absolute; overflow:hidden; left:695px; top:86px; width:118px; height:589px; z-index:4; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="text5" style="position:absolute; overflow:hidden; left:414px; top:474px; width:275px; height:182px; z-index:5; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>YAZI BAŞLIĞI. </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">BURAYA kısa açiklama ile yazi içerigini ekleyerek devam edin.Yazinin pesine bu ebata sigacak kodda ekleme sansiniz var :) </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">hedef url varsa yazisi ile ekle</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodlari kullan yazi kullan bu sayfa kodlarini </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danisin</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="image12" style="position:absolute; overflow:hidden; left:413px; top:452px; width:277px; height:15px; z-index:6"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK521rlJ9SBIE_I4CsHgSAVg5m2HGCwVO6nrjQ4N6z3yPvW7JzdwP0HdMJWx4WW43g-rbc-Yz82IevX33SRgXHJ-CGpTe5-vsruj_nU14VLsJvOP_uFK3B1FoD8dJfkBij55ix3bkiWNK9/s1600/separador.gif" border=0 width=277 height=15>
</div>
<div id="shape11" style="position:absolute; overflow:hidden; left:3px; top:0px; width:695px; height:62px; z-index:7; background-color:#9ECE38">
</div>
<div id="text4" style="position:absolute; overflow:hidden; left:6px; top:21px; width:250px; height:38px; z-index:8">
<div class="wpmd">
<div><font class="ws14" color="#FFFFFF" face="Tahoma">MEFTUN MEDE</font>
</div>
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:423px; top:95px; width:263px; height:120px; z-index:9"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs-8GiFYXiXQr-nzvR86_7mF-Omzfm8XIbw3FlEhysOCzBWrrcR2_toJPALwoIygYNaAH5wqv36Xjg1zda8zasQG33zR8d1auJTmQOmrJk4PrvwEui-qRzPB4JGFLczE70C4JFwPzUZcE/s1600/Follow+By+Email.JPG" border=0 width=263 height=120>
</div>
<div id="text2" style="position:absolute; overflow:hidden; left:427px; top:156px; width:243px; height:52px; z-index:10">
<div class="wpmd">
<div>
</div>
</div>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:90px; top:321px; width:290px; height:23px; z-index:11">
<div class="wpmd">
<div><font class="ws7">haber sayfan mesaj panon</font>
</div>
</div>
</div>
<div id="text6" style="position:absolute; overflow:hidden; left:3px; top:88px; width:83px; height:223px; z-index:12">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text7" style="position:absolute; overflow:hidden; left:301px; top:4px; width:384px; height:53px; z-index:13">
<div class="wpmd">
<div><font class="ws7">BURASI REKLAM KODLARINI KOYACAĞIN YER.iSTERSEN BANNER YADA YAZI EKLE</font>
</div>
</div>
</div>
<div id="text8" style="position:absolute; overflow:hidden; left:701px; top:97px; width:106px; height:42px; z-index:14">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="image2" style="position:absolute; overflow:hidden; left:698px; top:141px; width:110px; height:66px; z-index:15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYRIXPGYo1I-yO55lxSGGMZoLmrLczhWiwPj9MwbM6EftkTAOe-GgFJwZhhyphenhyphenxIiWtENlHNnEtyKnIk7lbXaNQJxnR8CYFddCvtwBL3gI_J1OZP52lsir6jWwxlQ76JXcpstXPyG6EdQuX/s400/AdvantagesOfOnlineBanking-11.jpg" border=0 width=110 height=66>
</div>
<div id="text9" style="position:absolute; overflow:hidden; left:703px; top:215px; width:106px; height:449px; z-index:16">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text10" style="position:absolute; overflow:hidden; left:391px; top:662px; width:296px; height:90px; z-index:17">
<div class="wpmd">
<div><font class="ws7" color="#FFFFFF"><B><I>Copyright ekle burayada</I></B></font>
</div>
</div>
</div>
<div id="text11" style="position:absolute; overflow:hidden; left:90px; top:692px; width:602px; height:186px; z-index:18">
<div class="wpmd">
<div><font class="ws7">bu kisim sayac reklam gibi kodlarinizi ekleyecegin yer</font>
</div>
</div>
</div>
<div id="text12" style="position:absolute; overflow:hidden; left:88px; top:85px; width:323px; height:222px; z-index:19; background-color:#F4F4F4">
<div class="wpmd">
<div><font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Eski adi 'Telmessos' "Aydinliklar Sehri", simdiki adi Fethiye olan ilçemizdeki Apartimizda evinizin sicakliginda tatil yapmak istemisiniz?</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/Meftun.mede </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">https://twitter.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="html1" style="position:absolute; overflow:hidden; left:93px; top:344px; width:287px; height:109px; z-index:20">
<script type="text/javascript">
// http://meftunmede.blogspot.com ücretsiz Hizmetler
// TKontak Meftun_hh@Hotmail.de
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array() tickercontents[0]='Yazılar buraya gelecek
<a href=http://meftunmede.blogspot.com>Link atılacak sayfa link ismi</a>
!' tickercontents[1]='yazıların nasıl artırılacağını biliyorsunuz.Mesaj paragraflarını artırın
<a href=http://meftunmede.blogspot.com/>webmasters</a> Tıkla
!' tickercontents[2]='Web tasarım dizayn
<a href=http://meftunmede.blogspot.com>JavaScript </a>
- Bedava Hizmetler!' var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages var highlightspeed=2
//2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"
////Do not edit pass this line////////////////
document.write('
<style>#highlighterbg a{color:'+backdroptextcolor+'}
</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px">
</span>
<span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px">
</span>')
document.write('</div>')
var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() }
if (document.all || document.getElementById) window.onload=start_ticking
</script>
</div>
<div id="text13" style="position:absolute; overflow:hidden; left:88px; top:462px; width:308px; height:194px; z-index:21; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart . </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Apartlarimiz deniz ve plaja 50 metre mesafede olup 8 full esyali ve havuzlu aparttan olusmaktadir. </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">www.MeftunApart.com</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodları kullan yazı kullan bu sayfa kodlarını </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danışın</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
</div>
</body>
</html>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Merkez bankası döviz kurları
Sitenize Döviz Kurunu Gösteren Kodu Ekleyin :
IMKB ile eş zamanlı olarak sitenizde döviz kurlarını Dolar ve Euro olarak gösterebilirsiniz. Tek yapmanız gereken aşağıdaki kodlardan beğendiğinizi sitenize eklemek.
Aşağıdaki kodu kopyalayınız :
Slide Model Örnek gösterim :
altın fiyatları
altın fiyatları
Aşağıdaki kodu kopyalayınız :
1. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
2. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
3. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
4. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
5. Model Örnek gösterim :
Bilgilendirme: Döviz kurları Türkiye Cumhuriyet Merkez Bankası verilerinden eş zamanlı olarak alınmaktadır.
Msn'e Ekleme Kodu
){kind=link}
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqIaeUuKv_UJcDKJtoNHJKxfrv4UmA7NriQ9ouOLQ0gIyU4Xvsz0IIp9TZwsO8VIQqR_QxM-o3X7Yuz1hyvkzYeiTnWPzthQnrTcpyOdqhoFFrI7UXuxuJ0-X4OZGpxKG6LTzmHF93U9IE/s1600/msn.png" alt="add contact" border="0" height="20" width="20"/><a href="msnim:add?contact=Meftun_HH@hotmail.de"> Bizi MSN'ize Eklemek için Tıklayın</a> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene 1.Lig puan durumu
Sitenize Türkiye Futbol Spor Toto Süper Liginin Fikstür ve puan durumunu eklemek için aşağıdaki beğendiginiz kodlardan birini seçebilirsiniz.
<iframe src="http://siteneekle.fotomac.com.tr/v2/siteneekle/akilli-kutu" scrolling="no" frameborder="0" width="300" height="250"></iframe>
<iframe id="onbirim_puan_durumu2" src="http://www.onbirim.com/paylasim/puandurumu2.aspx" framespacing="0" frameborder="no" scrolling="no" width="300" height="300" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
Beyaz:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=a&baslik=1&resimler=1&a=7" frameborder="0" height="282" width="298"></iframe>
Kırmızı:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=k&baslik=1&resimler=1&a=9" frameborder="0" height="282" width="298"></iframe>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene Google Arama Motoru Ekle
Google Özel Arama Motoru
Kullanıcıların web sitenizde aradıkları içeriği daha kolay bulmalarına yardımcı olmak için Google Özel Arama ile ana sayfanıza bir arama kutusu ekleyin. Hızlı ve alakalı arama sonuçları alın. Sonuçların görünümünü sitenizin tasarımıyla eşleşecek şekilde özelleştirin.
Önizleme:
Loading...
<script src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl().draw('cse'); }, true); </script> <body style="font-family: Arial;border: 0 none;"> <div id="cse" style="width:100%;">Loading...</div> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene Online Radyo , Televizyon Ekle
Bir web sitesi sahibiyseniz ziyaretçilerinize ücretsiz canlı yayın hizmeti vermek istiyorsanız alttaki kodlardan size uygun olanını seçip sitenize eklemeniz yeterlidir. Aşağıdaki kodları alıp sitenizde uygun yere koyup kaydedin. Sitenize radyo, TV yayın hizmeti ekleyerek ziyaretçilerinizin ilgisini çekebilirsiniz...
Önizleme:
<iframe width="600" height="411" frameborder="0" src="http://goo.gl/Wb2nEF"></iframe> Önizleme:
<iframe width="135" height="45" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" src="http://www.abchukuk.com/canliyayin/canliyayin3.html"></iframe> Önizleme:
<iframe src="http://www.canli-radyo-dinle.org/sitene-ekle/index.php?sef=alem-fm" name="Canlı Radyo Dinle" scrolling="no" frameborder="no" height="330px" width="246px"></iframe> Kodun tamamını kopyalayınız, kodun içerisindeki www.sitenizinismi.com kısmına sitenizin adını yazarak kişiselleştirebilir veya o kısmı silerek boş bırakabilirsiniz.
Canlı TV Yatay Önizleme:
<iframe name='ctv' height='290' width='600' src='http://www.canlitv.gen.tr/sitene-ekle/stil1.php?uye=www.sitenizinismi.com' frameborder='0' scrolling='no'></iframe> Canlı TV Dikey Önizleme:
<iframe name='ctv' height='530' width='300' src='http://www.canlitv.gen.tr/sitene-ekle/stil2.php?uye=Benimsitem.com' frameborder='0' scrolling='no'></iframe> Kodları denemek için Online html editor'ü kullanabilirsiniz.
Müzik player kodu
Sitenize Flash MP3 Müzik player ekleyin.
Flash MP3 Müzik player web geliştiricileri ve blogcular için websiteleri üzerinde kolay bir şekilde kişiselleştirilebilir bir müzik oynatma özelliği sağlar. Bu online müzik oynatıcılar ile kolayca şarkı listelerinizi ekleyebilirsiniz. Burada bulunan müzik çalarların çoğu kişiselleştirilebilir olduğu için tasarımınıza uygun bir şekilde eklenebilir. Bu web sitelerinde yayılması planlanan bir MP3 çalar açık kaynak kodlu, özgür ve özelleştirilebilir.
Önizleme Versiyon 1:
Önizleme Versiyon 2:
Versiyon 1
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /> <param name="bgcolor" value="#189ca8" /> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386&bgcolor1=189ca8&autoplay=0" /> </object> Versiyon 2
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="100" width="200"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf"> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3&title=Sagopa Kajmer-Meftun|Music 2|Music 3|Music 4|Music 5|Music 6|Music 7|Music 8|Music 9|Music 10|Music 11|Music 12&bgcolor1=4da6a9&bgcolor2=2d8689&autoplay=1"> </object> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Kayan yazı kodu
Html renkli kayan yazı kodu ile html sayfanıza kayan yazı ekleyebilirsiniz. Sitenizdeki son eklenen makaleleri haberleri bu kayan yazıyı kullanarak daha belirgin hale getirebilirsiniz.İsterseniz div'e width parametresi ekleyerek yazının kayacağı genişliği de belirleye bilirsiniz. Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. KAYAN YAZI KODU yerine istediginizi yazabilirsiniz.
Önizleme Kayan yazı kodu:
<div style="position:absolute;top:150px;left:50%;margin-left:-400px;width:800px;height:50px;font-size:50px;color:FONT RENGi BURAYA;font-family:ARIAL;"><marquee direction="LEFT" width="100%" scrollamount="30">KAYAN YAZI KODU</marquee></div>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Start , Stop Kayan Yazı Kodu
Sitenize Start, Stop kontrollü Kayan Yazı Kodu.
Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. Stop - Start Kayan Yazı Kodu! yerine istediginizi yazabilirsiniz.
Önizleme Soldan:
Önizleme Sağdan:
<marquee behavior="scroll" direction="right" //direction=sağ için right, sol için left yazın// id="mymarquee"> <p>Stop - Start Kayan Yazı Kodu!</p> </marquee> <input type="button" value="Stop " onClick="mymarquee.stop();"> <input type="button" value="Start " onClick="mymarquee.start();"> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Duvar saati kodu
Websitende renkli, şık ve güzel görünümlü veya takvimli saat / bugün tarihli saat olsun istersen tek yapman gereken aşağıdaki saat modellerinden birini seçip hemen yanındaki kodu sitene eklemek. Saat kodunu ekle saatin olsun.
<embed src="http://saat.bbs.tr/001.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/002.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/126.swf" quality="high" wmode="transparent" width="150" height="150" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/004.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/005.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/006.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/007.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/008.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/009.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/010.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> Yağmur damlalı yazı kodu
Yağmur damlalı yazı
Banner olarak kullanabileceğiniz yağmur damlalı yazı koduyla sitenize renk katacaksınız.
Önizleme:
<embed src='http://www.crazyprofile.com/textmaker/ripple.swf' width='335' height='50' FlashVars='mess=Meftun MEDE' quality='high' bgcolor='#000000 align='middle'allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Kaydol:
Kayıtlar (Atom)