Html kodlarınız için kaynak siteniz-blogcu-ücretsiz blog-bloglar için hazır template şablon

Blogcuya yeni başlayanlar için kılavuz, nasıl açılır, ayarlanır, kodlar nasıl eklenir.....

Mon, 02 Feb 2009 02:56:00 +0200

Blogcuya yeni başlayanlar için;
Nasıl kayıt olunur
İlk yapılması gereen ayarlar
Nasıl şablon kodu eklenir, değiştirilir
Nasıl yazı, fotoğraf, video eklenir
Kategoriler nasıl düzenlenir
www.webdejitans.com jitans tarafından hazırlanmıştır.
Ayrıca jitansın diğer blogları;
http://htmlkodlar.blogcu.com
http://www.benimblog.com/htmlkod
http://htmlkod-arsivi.tr.gg/
http://blogcusablonkodu.blogcu.com/
Lütfen alıntı yaparak paylaştığınızda bu yazıyıda aynen ekleyiniz
Emeğe saygı adına

İŞTE LİNKLER
Slayt şeklinde resimleri izlemek için alttaki linke tıklayınız ve resimler netleşip yüklenene kadar bekleyiniz.
İstediğiniz gibi yönlendirerek izleyiniz.
http://picasaweb.google.com.tr/webdejitans/BlogcuyaYeniBaslayanlarIInKilavuz#slideshow

Direkt resimleri görmek için galerim
http://picasaweb.google.com.tr/webdejitans/BlogcuyaYeniBaslayanlarIInKilavuz#.. ( devamı )

YEPYENİ BİR ŞABLON DAHA-ÇİFT SÜTUNLU ===>YAPRAK DÖKÜMÜ ŞABLONU

Sat, 12 Apr 2008 04:11:00 +0300

Aşağıdaki kodu bloğunuzun şema(arayüz,tema) düzenleme kısmına girin ve içini tamamen silip bu şablonun kodunu ekleyin,bazı özellikler blogcu dışındaki bazı blog sistemlerinde çalışmayabilir.Size düşen içinde 2-3 yeri kendinize göre değiştirmek.Çalışmaya devam ediyorum.Başka şablonlarda eklenecek.

Bu şablonlar bu bloğum dışında birde bana ait olan blog ve sitelerimdede yayınlanmaktadır.
http://htmlkodlar.blogcu.com/hazir+sablonlar/
http://www.benimblog.com/htmlkod
http://jitans.blogcu.com
http://www.webdejitans.com
http://htmlkod-arsivi.tr.gg

http://blogcusablonkodu.blogcu.com

DEMO GÖRMEK İÇİN TIKLAYIN

ŞABLON KODUNU İNDİRMEK İÇİN

.. ( devamı )

(YENİ) HAZIR BLOGCU SABLONU ==>Yeşilin Cazibesi ŞABLONU<== İLE YİNE DEVAM EDİYORUM TASARIMLARIMA

Tue, 08 Apr 2008 01:53:00 +0300

Aşağıdaki kodu bloğunuzun şema(arayüz,tema) düzenleme kısmına girin ve içini tamamen silip bu şablonun kodunu ekleyin,bazı özellikler blogcu dışındaki bazı blog sistemlerinde çalışmayabilir.Mesela son yazılar sadece blogcuda çalışıyor.Kategoriler blogcuda ve internet.com.tr de çalışıyor.Son eklenen yazılar tüm bloglarda çalışıyor.Size düşen içinde 2-3 yeri kendinize göre değiştirmek.Bazı linkleri kendime göre yönlendirme yaptım size örnek olsun diye,değiştirmeyi unutmayın.Forum,radyo gibi.Şablon içinde google search arama motoru hazır.Çalışmaya devam ediyorum.Başka şablonlarda eklenecek.

Bu şablonlar bu bloğum dışında birde bana ait olan blog ve sitelerimdede yayınlanmaktadır.
http://htmlkodlar.blogcu.com/hazir+sablonlar/
http://www.benimblog.com/htmlkod
http://jitans.blogcu.com
http://www.webdejitans.com
http://htmlkod-arsivi.tr.gg
http://blogcusablonkodu.blogcu.com

DEMO İÇİN TIKLAYIN

KODU GÖRMEK YADA İNDİRMEK İÇİN TIKLAYIN

.. ( devamı )

YEPYENİ HAZIR BLOGCU SABLONU ==>ELEKTRO KIRMIZI ŞABLONU<== İLE YİNE DEVAM EDİYORUM TASARIMLARIMA

Tue, 01 Apr 2008 14:33:00 +0300

Aşağıdaki kodu bloğunuzun şema(arayüz,tema) düzenleme kısmına girin ve içini tamamen silip bu şablonu ekleyin,bazı özellikler blogcu dışındaki bazı blog sistemlerinde çalışmayabilir.Mesela son yazılar sadece blogcuda çalışıyor.Kategoriler blogcuda ve internet.com.tr de çalışıyor.Son eklenen yazılar tüm bloglarda çalışıyor.Java s c r i p t kodları blogcuda engellendi ,gerçi ben bu temayı blogcuda denedim sorunsuz çalışıyor.Size düşen içinde deneme yazan yerleri kendinize göre değiştirmek.Bazı linkleri kendime göre yönlendirme yaptım size örnek olsun diye,değiştirmeyi unutmayın.Site haritası gibi.Şablon içinde google search arama motorundan tutun sinema vizyondakilere,son haberlerden,tiyatrodakilere kadar birçok şey hazır.Çalışmaya devam ediyorum.Başka şablonlarda eklenecek.

Bu şablonlar bu bloğum dışında birde bana ait olan blog ve sitelerimdede yayınlanmaktadır.
http://htmlkodlar.blogcu.com/hazir+sablonlar/
http://www.benimblog.com/htmlkod
http://jitans.blogcu.com
http://www.webdejitans.com
http://htmlkod-arsivi.tr.gg

http://blogcusablonkodu.blogcu.com/

DEMO İÇİN TIKLAYIN

FLASH BANNER KODU ÜRETME JENERATÖRÜ

Mon, 26 Nov 2007 09:45:00 +0200

Flash Banner Jeneratoru

Dilediğiniz yazıyı yazın ve kodunu alın sayfanıza ekleyin

.. ( devamı )

TIKLANDIĞINDA URL YE YÖNELEN RESİMLERİNİZE GÜZEL BİR EFEKT KODU,MOUSE İLE ÜSTÜNE GELİNDİĞİNDE RESİM DEĞİŞSİN TIKLANDIĞINDA URL YE YÖNELSİN

Thu, 15 Nov 2007 19:18:00 +0200

Aşağıdaki örenk uygulamadır,mouse ile üstüne geliniz ve tıklayınız
a.img_roll:link, .img_roll{ width:620px; height:153px; display:block; background-image:url(http://www.webdejitans.org/image/radyobuton2.PNG); } a.img_roll:hover{ width:670px; height:117px; display:block; background-image:url(http://img124.imageshack.us/img124/3825/jit4je3.jpg); }
Aşağıdaki bu işlem için gerekli olan koddur,tabii image linklerini ve url yi editlemeyi unutmayınız.
<style type='text/css'> a.img_roll:link, .img_roll{ width:620px; height:153px; display:block; background-image:url(http://www.webdejitans.org/image/radyobuton2.PNG); } a.img_roll:hover{ width:670px; height:117px; display:block; background-image:url(http://img124.imageshack.us/img124/3825/jit4je3.jpg); } </style> <a class="img_roll" href="http://www.webdejitans.com"></a> .. ( devamı )

RESIMLERINIZI BU KODLARLA FILTRELEYIN DEĞİŞTİRİN EFEKTLI GIBI OLSUN-SÜPER BİR RESİM KODLAMA ARŞİVİ

Thu, 15 Nov 2007 18:21:00 +0200

Önemli uyarı:Bu bloğumdaki çalışmalarım alıntı değil kendi çalışmalarımdır.Lütfen kaynak göstermeden alıntı yapmayınız.Kopyala yapıştır ile kendi sitelerine ekleyip kendi çalışmaları olduğunu yazan arkadaşlara rastlıyorum üzülüyorum.Emeğe saygı biraz lütfen.Her hakkı saklıdır.

Aşağıdaki banner örnekleri benim bu sayfanın başındaki radyomun reklam banneridir.Bu banner resime aşağıdaki kodları uyguladım böyle sonuçlar aldım.

<a href="http://www.webdejitans.com/JitansFM/radyo.htm"> <img src="http://www.webdejitans.org/image/radyobuton2.PNG" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)"></a>

<a href="http://www.webdejitans.com/JitansFM/radyo.htm"><img src="http://www.webdejitans.org/image/radyobuton2.PNG" style="Filter: Blur(Add = 0, Direction = 225, Strength = 10)"></a>

LINK YAZISI USTUNE MOUSE ILE GELİNDİĞİNDE HARFLERİN ARASI AÇILSIN-STYLE KODU

Thu, 15 Nov 2007 18:05:00 +0200

Örnek uygulama için alttaki linkin üstüne fare ile gelin

DENEME LİNKİ

Alttaki kodu body tagından önce ekleyiniz.

<style>  </style> .. ( devamı )

SÜPER BİR LİNK EFEKT KODU-LINK YAZISI ÜSTÜNE MOUSE İLE GELİNDİĞİNDE SAYFANIN ALT ORTASINDA TIKLAMADAN ÖNCE DİLEDİĞİNİZ BİR 2. AÇIKLAMA ÇIKSIN

Thu, 15 Nov 2007 17:51:00 +0200

Örnek uygulama için alttaki linkin üstüne geliniz

a span{display:none;} a:hover span {display: block; position:absolute; top:350px; left: 350px; width: 300px; height: 300px; padding: 0px; margin: 10px; z-index:6; color:TEXT COLOR HERE ; background-color:transparent; font-size:50px; font-family:Arial, text-align:center;} FORUM SİTESİNE GİRİŞ Bu forum seviyeli paylaşımların yapıldığı 7 den 77 ye bir aile forum sitesidir

Kodu linkin nerede olmasını istiyorsanız şablonda oraya ekleyiniz.

<style>a span{display:none;} a:hover span {display: block; position:absolute; top:350px; left: 350px; width: 300px; height: 300px; padding: 0px; margin: 10px; z-index:6; color:TEXT COLOR HERE ; background-color:transparent; font-size:50px; font-family:Arial, text-align:center;} </style> <a href="http://URL_OF_SITE_HERE">DISPLAYED LINK TEXT HERE <span>APPEARING TEXT HERE </span></a> .. ( devamı )

LINK ÜSTÜNE GELİNDİĞİNDE LINK YAZISI IŞILDAYAN YAZI OLSUN-STYLE KODU

Thu, 15 Nov 2007 17:43:00 +0200

Fare imleci ile link üstüne gelindiğinde link yazısını ışıldayan koda çeviren style kodu

Örnek için alttaki tıklanabilir linke mouse ile üstüne gelin

BURAYA MOUSE İLE GELİNİZ

Alttaki kodu head tagının kapanışından sonra ekleyiniz.

<style>  </style> .. ( devamı )

MOUSE İLE LİNK ÜSTÜNE GELİNDİĞİNDE LİNK YAZISINI TERS ÇEVİREN STYLE KODU

Thu, 15 Nov 2007 17:30:00 +0200

Çok değişik bir kod

head tagın bitiminin hemen altına ekleyebilirsiniz bu kodu.Sayfanızdaki tüm linkler,üstüne fare imleci ile gidildiğinde ters dönsün

işte örnek alttaki yazıya tıklamadan mouse ile üstüne gelin
--> a:hover{filter:fliph(color:B22222, strength=3); height:0px;width:inherit}
BURAYA TIKLAYIN

Bu da gerekli kodu

<style>  --> a:hover{filter:fliph(color:B22222, strength=3); height:0px;width:inherit} </style> .. ( devamı )

SÜPER BİR JENERATÖR,IŞILTILI YAZI YADA RESİM ÇİZİN ANİMASYONLU KODUNU ALIN

Thu, 15 Nov 2007 17:12:00 +0200

Aşağıdaki linke tıklayın ve istediğinizi yazın çizin,arkaplan rengi kalem kalınlığı ışıltılı düz yazı ve yazı rengi seçimlerinizi yapmayı unutmayın.Animate düğmesine bastığınızda animasyonu oynatmış olursunuz.Banner yapımında bile kullanılabilir,Get html koduna tıklandığında ise kodunu alırsınız.

İŞTE GEREKLİ LİNK
.. ( devamı )

BLOGLARINIZA ,SİTELERİNİZE ŞEFFAF TABLOLAR EKLEYEREK ARKAPLAN RESİMLERİNİZİDE GÖRÜNÜR YAPIN

Thu, 15 Nov 2007 05:30:00 +0200

Şeffaf tablo kodunu sayfanızda istediğiniz yere ekleyerek ölçüleriylede oynayabilirsiniz.

 <div align="center"> <center> <TABLE id=AutoNumber1 style="FILTER: Alpha(Opacity=70); border-collapse:collapse" borderColor=#111111 height=327 cellSpacing=0 cellPadding=30 width="67%" bgColor=#C0C0C0 borderColorLight=#FFFFFF border=0> <TR> <TD align=middle width="100%" height=267 valign="top"> <DIV style="WIDTH: 497; HEIGHT: 155" align=center> <P align=center><STRONG><FONT face=Tahoma size=2> </FONT></STRONG><P align=center> <strong><font face="Tahoma" size="2">Hazır kodlar ve en güvenilir kodlar sadece htmlkodlar.blogcu.com yada www.benimblog.com/htmlkod aqui</font></strong><P align=center> </DIV> <P> </P> </TABLE> </center> </div>  .. ( devamı )

ARKAPLAN VE YAZI RENGİNİ TEK TUŞLA DEĞİŞTİREN KOD

Thu, 15 Nov 2007 05:16:00 +0200

Bu kodu sayfanıza ekleyin gelen ziyaretçiler arkaplan ve yazı rengini seçsinler.

önemli uyarı

blogcu da maalesef çalışmaz

kod içindeki yıldızlı yerle s c r i p t ,f u n c t i o n yada j a v a s c r i p t yazmayı unutmayınız

****** sayısı kadar harfe denk gelenleri bitişik olarak yazacaksınız

 <p style="MARGIN-BOTTOM: -16px" align="center"> </p> <p align="center"> <****** language=JavaScript>  </******> </p> <div align="center"> <form name="colc"> <table border="1" id="table1"> <tr> <td colSpan="2"><b><center>Lütfen bir renk seçin</center></b> </td> </tr> <tr> <td><b>ARKAPLAN:</b></td> <td><select size="1" name="cc"> <option value="black" selected>Black</option> <option value="blue">Blue</option> <option value="green">Green</option> <option value="skyblue">Light Blue</option> <option value="orange">Orange</option> <option value="purple">Purple</option> <option value="red">Red</option> <option value="silver">Silver</option> <option value="Yellow">Yellow</option> <option value="white">White</option> </select></td> </tr> <tr> <.. ( devamı )

SAYFANIZA KOMPLE RENKLİ GÜZEL BİR ÇERÇEVE KODU EKLEYİN STYLE DEN

Thu, 15 Nov 2007 05:04:00 +0200

Aşağıdaki kodu headden sonra eklerseniz şablonunuzdan bu sayfadaki gibi renkli bir çerçesi olsun sayfanızın.Farklı renkler için renk kodunu değştirebilirsiniz.

<STYLE>BODY { BORDER-RIGHT: #cc0000 15px ridge; BORDER-TOP: #cc0000 15px ridge; BORDER-LEFT: #cc0000 15px ridge; BORDER-BOTTOM: #cc0000 15px ridge } </STYLE> BODY { BORDER-RIGHT: #cc0000 15px ridge; BORDER-TOP: #cc0000 15px ridge; BORDER-LEFT: #cc0000 15px ridge; BORDER-BOTTOM: #cc0000 15px ridge } .. ( devamı )

SÜPER BİR ANİMASYON EKLEYİN SAYFANIZA,İÇİÇE GEÇEN KELEBEKLİ ÇİÇEKLER KODU

Thu, 15 Nov 2007 04:55:00 +0200

Örnek uygulamayı aşağıda görebilirsiniz

Güzel bir online oyun kodu ekleyin sitelerinize-Ping Pong Oyunu

Thu, 15 Nov 2007 04:21:00 +0200

Pong

Kodu kopyalayıp sitenize yapıştırın
<br><object width="425" height="350"><param name="movie" value="http://content.pimp-my-profile.com/flash/games/pong.swf"></param></param><embed src="http://content.pimp-my-profile.com/flash/games/pong.swf" type="application/x-shockwave-flash" width="425" height="350"></embed></object><br>
.. ( devamı )

Sitenize online Ping pong oyunu eklemek için gerekli kod

Thu, 15 Nov 2007 04:20:00 +0200

Pong

Code. Copy & Paste into your page!
<br><object width="425" height="350"><param name="movie" value="http://content.pimp-my-profile.com/flash/games/pong.swf"></param></param><embed src="http://content.pimp-my-profile.com/flash/games/pong.swf" type="application/x-shockwave-flash" width="425" height="350"></embed></object><br
.. ( devamı )

SİTENİZE IŞILTILI GİF KODLARI 2

Thu, 15 Nov 2007 03:20:00 +0200

<a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_butterfly11.gif" border="0"> <br>Ayıraç kodları</a>
            <a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_butterfly14.gif" border="0"> <br>Ayıraç kodları</a>

                        <a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_flower6.gif" border="0"> <br>Ayıraç kodları</a>

   <a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_flower8.gif" border="0"> <br>Ayıraç kodları</a>

SÜPER IŞILTILI GİFLER VE KODLARI

Thu, 15 Nov 2007 03:16:00 +0200

<a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_animal3.gif" border="0"> <br>Hareketli Gifler</a>

<a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_animal17.gif" border="0"> <br>Ayıraç kodları</a>


    <a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_animal18.gif" border="0"> <br>Ayıraç kodları</a>



   <a href="http://www.benimblog.com/htmlkod/Glitters+gifler/" target="_top"> <img src="http://www.benimblog.com/uploads/htmlkod_animal4.gif" border="0">.. ( devamı )