English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Yazılarımız Hakkında Yorum Yazmayı Unutmayın:)!!!

2 Şubat 2014 Pazar

Blogger Forum Sayfası Ekleme

Blogunuza gelen ziyaretçileri blogunuza bağlayacak ve onların da konu açabilecekleri kendilerinden birşeyler yazabilecekleri blogger forum ekleme eklentisi ile sizleri tanıştırıp blogunuzu  daha zengin ve çeşitliliğin olduğu bir blog haline getireceğiz. Ziyaretçileriniz kendi aralarında tartışılacak konular açacak, yorumlar ve yazılar yazacak bu sayede blogunuza bağımlı bir topluluk oluşacak, kulağa hoş geliyor öyle değil mi? :) Bunu nasıl yapacağım? çok zor!!! ben kodlardan anlamıyorum,benim hiç bilgim yok diyen, okuması yazması olan herkes, bloguna forum ekleme ile ilgili yazdığımız bu yazıyı okuduğunda blogger bloguna forum eklemiş olacak, ekleyemeyen arkadaşlarada eğer isterler ise yardımcı olacağım.Anlatıma başlamadan önce blogger forum eklentisi nin nasıl göründüğüne bakmak isterseniz demo görünümden bakabilirsiniz.



Blogger aracılığıyla yapmış olduğunuz blogunuza yada sitenize forum sayfası ekleme:
1-Blogger hesabımızla giriş yapıyoruz.
2- Sayfalar butonuna tıklayıp yeni bir sayfa açıyoruz.
3-Yeni açtığımız sayfanın başlık kısmına FORUM diye yazıyoruz ve HTML modunu açıyoruz.
4- Nabble.com sitesine giriş yapıp gerekli bilgileri dolduruyoruz.
5-Kayıt işlemi başarılı bir şekilde gerçekleştiği zaman aşşağıdaki gibi bir pencereyle karşılaşacaksınız.
6- Yukarıdaki resimde (5. maddede) kırmızıyla BLOG OKULU yazan yerin hemen üstünde SONRAKİ ADIMA GEÇ butonu bulunmakta, bu butona tıklıyoruz.Butona tıkladığımızda bir kod çıkıyor, bu kodu kopyalıyoruz.
7-Kopyaladığımız kodu 3. adımda açık bıraktığımız FORUM başlıklı sayfamıza HTML modundayken yapıştırıyoruz ve ardından buradaki YAYINLA butonuna tıklıyoruz.
8-Bloggerden oluşturduğumuz bloga forum sayfası eklemiş olduk böylece.Bundan sonra gelsin yorumlar.
Gördüğünüz gibi forum sayfanız artık blogunuzun içinde çıkıyor.Forum sayfanıza Ana Sayfadan Link vermeyi unutmayın Menülerin içine Forum diye yeni bir menü ekleyin ki ziyarteçileirniz Blogunuzda bir Forum sayfası olduğunu anlasınlar yada forum sayfanızı bulabilsinler.
Sorularınızı yorumlar kısmından sorabilirsiniz.Teşekkürler...

Blog Nasıl Açılır?(Videolu Sesli Anlatım)

Sizde blog dünyasına girip birşeyler yazıp çizmek istiyorsanız, blogger üzerinden blog nasıl açabilirim? bloggerden blog açmak istiyorum, ne yapmam lazım? diyorsanız doğru adrestesiniz dünyaca ünlü ilk blog sağlıyıcısı Blogger'i Google'ın satın alması ile önlenemez bir yükselişe geçti ve bayağı bir üyesi olduğu biliniyor.Türkçe desteği , ücretsiz Domain barındırma imkanı bloggeri cazip kılan seçeneklerin başında geliyor.
(Eğer blog açacaksanız Bloggerden açmanızı  şiddetle öneririm görebileceğiniz en iyi blog servislerinin en başlarında yer alır).Blog açmaya karar verdiyseniz ki bu yazıyı okuyarsanız karar vermişsiniz demektir; sizin için çektiğimiz ve düzenlediğimiz, sesli olarak anlatım yaptığımız, bloggerde blog nasıl açılır adlı videomuzu izlediğinizde sizde kendinize özgü bir blog açabilir ve paylaşmak istediklerinizi blogunuza yazıp, blog yazarlığına ilk adımı atabilirsiniz.Bu konu ile ilgili sorunuz olursa ister konu altında bulunan yorumlardan istersenizde iletişim kısmından bize sorabilirsiniz.
BLOG NASIL AÇILIR?VİDEOLU ANLATIM:

29 Ekim 2013 Salı

Anti Naturalist Yiyecekler

Kız çocuklarından mutfağa girmeden büyüyenlerin en çok dertli olduğu konudur yemek yapma işi, mutfakta büyüyüpte günün temposundan vakit bulamayıp yemek yapma işinden dertli olanlar kategorisine girenlerin sayısı da az değil.Günümüzde kadınların da yoğun olarak çalışması  ve iş hayatına atılaması ile birlikte evin reisinin eve geldiği zaman, şatafatlı sofraların kurulup dolmaların doldurulduğu, zeytin yağlı sarmaların sarıldığı vakitler geride kaldı (Benim karı hala yapıyor diyen istisnalar çıkabilir arada, ben genel olarak konudan bahsediyorum ona göre).

Hazır yiyeceklerin bolluğu, fast foodların çokluğuna büyük şehirlerin yoğun temposu, zamanın sürekli kısıtlı ve yetersiz olması da eklenince sağlıksız beslenmeye ve obeziteye doğru ülke olarak yelken açmış ilerliyoruz.İnsanların hazır gıda ve yiyeceklere yönelmesi ile birlikte gözü doymayan yatırımcılarda bu sektöre müthiş yatırımlar yapıyor.Büyük mağazalara uğradığınızda en üst katlar yemekler için ayrılmış, süslenmiş püslenmiş, hazır gıdalarla tıka basa doldurulmuş buraya bir daldığınızda artık çıkamıyorsunuz, arada bir serpiştirilmiş bazlama-mazlama tarzı mekanlarda gördüğünüzde aklınıza yöresel tatlar geliyor olabilir fakat adam bazlamayı yapıp üzerine hakiki tereyağı sürmeyip içinde makina yağı hariç içinde binbirtürlü element olana çakma yağdan sürünce ve içindeki peyniri binbirtürlü üçkağıtla peynir haline getirilip bazlamanın içine  peynir diye kattığını gördükten sonra artık kafamda ben bunlarıda yöresel tatlar kategorisinden çıkardım ve bunlarıda hazır gıda kategorisine aldım.Hazır gıda sektörünün tavan yaptığı yerde yoğun yemek kokularının birbirine karıştığı anda midenizin kazındığını hissederek binbir türlü yemek oyunu ile yapılmış hazır gıdaların içinde bulup dalıyorsunuz bir mekana yemeği yedikten sonra garsonun gelipte efendim birde tatlı alırmısınız dediğinde milletin birbirine bakıp birkişinin alalım dedikten sonra diğerlerininde sırayla bende alabilirmiyim nidaları ile patır patır dökülmesinin ardından zaten full olan deponun ziplenerek birazdaha yer açılması olayıda hakiketen şaşırtıcı, millet olarak doyumsuzuz, hadis var kardeşim midenin 3/1'i boş kalacak diye, niye uymuyorsun? Tatlıyıda yiyip deponun 3/1 lik toleransının tıkabasa dolması ile birlikte binbirtülü yemek oyunları ile süslenip-püslenip göze hoş gelen yendiği anda lezzetli gelip, sonradan rahatsız eden yemek çeşitleri ile mideyi şişirip üzerinede kol gibi hesabı ödeyip elhamdülillah deyip yola koyuluyoruz.
Tamam amenna teknoloji ilerledikçe hayat kolaylaşıyor, buna diyecek birşeyimiz yok, ilerleyen teknoloji sayesinde gıdaların raf ömrü de artıyor ama insan ömrü kısalıyor be kardeşim
O yüzden lütfen yediklerimize dikkat edilim, sağlığımıza dikkat edelim.

2 Temmuz 2013 Salı

Araba Yarışı, araba yarışları (www.yarisiaraba.org)



araba yarışı
Araba yarışı oyunları oynamayı sevenler için bu dalda faaliyetlerini sürdüren araba yarışları sitemizde birbirinden kaliteli araba oyunları bir arada toplanmıştır. www.yarisiaraba.org sitemizde yer alan bazı araba oyunları kategorileri aşağıdaki gibidir :



  •  araba yarışı,
  •  araba park etme oyunları,
  •  kamyon oyunları,
  •  motor oyunları,
  •  araba yarışları,
  •  3d araba yarışları. 
araba yarışı




araba yarışı


Bu kategorilerde, yüzlerce araba yarışları, takipçilerimize takdim edilmiştir.Oyunlara başlamak adına tek yapmanız gereken araba yarışı sitemizi ziyaret etmek. Tüm araba yarışı sevdalılarına ve hastalarına keyifli sürüşler ve iyi eğlenceler diliyoruz.

13 Haziran 2013 Perşembe

Bloguna Oyunlar Widgeti Ekle

Bloumuzda sol taraftaki oyunlar widgetini blogunuza ekleyip ziyaretçilerinizin eğlenmesini ve hoş vakit geçirmesini sağlayacak oyunlar widgetini sizlerle paylaşalım dedik.Yapmanız gereken işlem çok basit;Kumanda Panelinden>Yerleşim>Gadget Ekle yolunu takip edip,Html/Javascript gadgeti içerisine yapıştırıyoruz.Bu işlemi yaptıktan sonra artık blogumuzda oyunlar olacak ve bu oyunlar sürekli güncellenecek.Blogunuzu biraz daha renklendirecek güzel bir eklenti.
<center><b>OYUNLAR</b></center>
<div id="24work">
<img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /><script language="JavaScript">
imgr = new Array();

imgr[0] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

imgr[1] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

imgr[2] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

imgr[3] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

imgr[4] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


showRandomImg = true;

tablewidth = 4;
cellspacing = 5;
borderColor = "transparent";
bgTD = "#ffff";

imgwidth = 157;
imgheight = 120;

fntsize = 0;
acolor = "white";
aBold = true;
icon = " ";

text = "no";

showPostDate = false;

summaryPost = 0;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 16;

home_page = "http://www.oyun04.com/";

</script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-1.js"></script>
</div>
kod içerisinde
imgwidth = 157;
imgheight = 120;
değerlerini değiştirerek resimleri boyutlandırabilirsiniz.

14 Nisan 2013 Pazar

Blogger İzleyiciler Eklentisi

Blogger izleyiciler eklentisini birçok blogcu biliyordur.Ama gelen mailler ve yorumlardan özellikle Melahat Nuroğlu isimli takipçimizin de isteği üzerine blogger izleyiciler eklentisini anlatmaya karar verdik.Blogger izleyiciler eklentisi ileblogunuza katılan yani resimdede gördüğünüz üzere Bu Siteye Katılın yazan butona tıklayıp siteye katılan kişiye,yani izleyiciniz olan blogcuya yazdığınız yazılar aşağıdaki resimde gördüğünüz  gibi okuma listesi adı altında kısa kısa gidecektir.Buda bir yazı yayınladığınız zaman ziyaretçi sayınızı ve sizin yazılarınızın tıklanma oranını arttıracaktır.Yani nekadar izleyiciniz varsa sizin için okadar iyi dilelim ve blogger izleyiciler eklentisini blogunuza nasıl ekliyebileceğinizi anlatalım;

Sizi izleyen bir blogcunun siz yazı yayınladığınızda blogundaki görünüm;
İzleyiciler gadgetini blogunuza eklemek için:Şekilde de gördüğünüz kumanda panelinde Yerleşim>Gadget Ekle yolunu takip ediyoruz.
Şekildeki resimdeki yolları izleyip izleyiciler linkinin olduğu kısma gelip blogger izleyiciler gadgetini eklemek için bu linke tıklıyoruz.
Son olarak açılan pencerede kaydet butonuna bastığımızda

 blogger izleyiciler gadgeti blogumuza eklenmiş olacak.
Yazar:araba oyunları

13 Nisan 2013 Cumartesi

Blogger Html Düzenleme Ekranı Değişimi


Blogger html düzenleme ekranı blogcuların, bloglarını tasarlamada ve eklentiler eklemede sık sık kullandıkları blogger da vazgeçilmez bir kısım, bloggerin yapmış olduğu ufak bir değişiklik sonrası bir çok kullanıcı tedirginlik içierisinde mail atıp, bazı kodları bulamadığını yazması üzerine, bende kısa bir video ekleyip sadece b:skin kodunun bulunmasını gösteren kısa bir video hazırladım.Umarım faydalı olur.Şimdi değişen blogger html düzenleme paneli ile ilgili hazırladığım videoyu izliyelim.
Değişen blogger html düzenleme paneli ilgili sorularınız yada önerileriniz olursa alttaki yorumlar kısmına yazabilirsiniz.




ayrıca blogger html düzenleme panelinde üst tarafta Şablonu Biçinlendir kutucuğunu işaretlediğimizde eski widget şablonlarını genişlet kutucuğunu işaretleme işlemini yapmış gibi oluyoruz, yani tüm kodları görebiliyoruz.

12 Nisan 2013 Cuma

Blogger da Resimlerin Etrafındaki Çerçeveleri Kaldırma

3d araba oyunlarıBlogger resimleriniz etrafında bulunan çerçeveler kimine göre çok kullanışlı ve görüntü güzelliği olarak değerlendirilsede, bana facebook adresim yoluyla ulaşan Burcu Ufuk Akday ismli takipçim gibi bu çerçevelerden kurtulmak isteyenler de oluyor.Blogger da Resimlerin Etrafındaki Çerçeveleri Kaldırmak isteyenlerden iseniz doğru adrestesiniz, ekliyeceğiniz ufak bir kod sayesinde Blogunuzda bulunan resimlerin etrafındaki çerçeveleri kaldırmış olacaksınız.
Blogger da Resimlerin Etrafındaki Çerçeveleri Kaldırmak için:

16 Mart 2013 Cumartesi

Araba Yarışı


çılgın kartingYenilenen araba yarışı sitemizde en güzel oyunları oynamaya davetlisiniz. Sitemiz yenilendikten sonra Unity3d oyunlarıda oynatmaya başlamıştır. En güzel unity3d örneği olarak çılgın karting oyununu örnek verbiliriz. Ayrıca en kaliteli oyunları bulundurmayı prensip etmiş sitemizde araba uprgrade (modifiye) etme oyunu olan en güzel oyunlardan birisi olan ölümüne sür oyununu örnek verebiliriz. Site bünyesinde araba oyunları, araba yarışı, bisiklet oyunları, modifiye oyunları, tren oyunları, park etme oyunları ve tren oyunları bulunmaktadır. En güzel oyunları oynamanız için doğru adres araba yarışı sitesidir.

3 Mart 2013 Pazar

Blogger Yazı Altına Sosyal Paylaşım Butonları Ekleme

Blogger de yayınladığınız yazıların hemen altına ekliyeceğiniz sosyal paylaşım butonları ve beğenme butonları sayesinde blogger blogunuzu sosyal paylaşım siteleri ile iç içe geçirip müthiş bir köprü atacak,Bu bölümde blogger yazı altı, yatay sosyla paylaşım butonlarını blogunuza nasıl ekliyebileceğinizi anlatacağız.Unutmayalım arkadaşlar blog yazmak zor değil,blog hazırlamak da zor değil,blogumuza ziyaretçi çekmek yazdıklarımızın okunurluluğunu arttırmak, asıl bu işin zor kısmı.Herkes birşeyler yazıyor çiziyor,ama kim okuyor? kime ne faydası var? bunların, diye kimse sormuyor kendine.Ortalık blog çöplüğüne dönüşmüş adeta.Bundan dolayı blog okulu blogların gerçekten işine yarayacak, sadece blogunuzda var olsun diye eklentiler paylaşmıyor.Blogger yazı altı eklentisini eklediğinizde bir kişi yazınızı okuduğunda ve yazı sonuna geldiğinde, eğer yazınızı beğenmişse sosyal paylaşım sitesinde paylaşacak ve burdan size ziyaretçi kazandıracak faydalı bir eklentiyi blogunuza nasıl ekliyebileceğinizi anlatalım:


Eklenti içeriisnde bulunan butonlar:
  1. Facebook beğen butonu
  2. Twitter Paylaş butonu
  3. Google+ Butonu
  4. Blogger Paylaş Butonu
  5. Linkedin Butonu
  6. Pinterest Butonu
  7. E-Posta Abonelik Butonu 
DEMO GÖRÜNÜM
1)Blogger hesabımızla giriş yapıyoruz.
2)Her ihtimale karşı blogger şablonlonumuzu yedeğini alıyoruz.
3)Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.
4)Widget Şablonlarını Genişlet Kutucuğunu işaretliyoruz.
5)Ctrl+F yardımı ile kodlar içerisinde </head> kodunu aratıp buluyoruz.
6)Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına yapıştırıyoruz.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
7)Yine Html kodlarımız içerisinde <data:post.body/> kodunu aratıp buluyoruz.
8)Aşağıdaki kodu kopyalayıp bulduğumuz <data:post.body/> kodunun hemen altına yapıştırıyoruz.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_blogger_hcount' displayText='Blogger'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>

9)Bir ön izleme yapalım,şablonda sıkıntı yoksa ,şablonumuzu kaydedip çıkıyoruz.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınız görünecektir.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan sildiğinizde o paylaşım butonu kaldırılmış olur.Örnek olarak linkedin payşaım butonunu istemiyorsunuz.
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
satırını kaldırdığınızda linkedin paylaşım butonunu da kaldırmış olursunuz.
Not:Blogger yazı altı sosyal paylaşım butonlarını yazı üstünde de göstermek istiyorsanız yada sadece yazı üstünde çıksın istiyorsanız,yapmanız gereken;
8.adımda verdiğimiz kodu <data:post.body/> kodunun hemen üst tarafına yapıştırıyoruz.
Blogger sosyal paylaşım butonlarınız kullanıma hazır hayırlı olsun:) 

30 Ekim 2012 Salı

Blogger Disqus Yorum Formu Ekleme

Bloggerin yorum formu çok sade bir şekilde tasarlanmış, gerçektende görüntü olarak da kötü ve kullanışsız olduğunu bir çok blogger arkadaş biliyor ve bunu kabul ediyor,bu yüzden yorum kutusu değiştirme ile ilgili bir çok eklenti ve kodlar geliştirilmiş durumda, blogger yorum kutularını birkaç eklenti ile güzelleştiren arkadaşlar var, biz size bu eklentileri değilde, dünyanın önde gelen sitelerinin ve türkiyede devleşmiş sitelerin kullandığı yorum formu olan disqus yorum formunu blogunuza nasıl ekliyebileceğinizi anlatacağız.

28 Ekim 2012 Pazar

Blogger Animasyonlu Slayt Alanı (Nivo Slider)

Bloglardaki slayt alanlarının, yada türk bloggerler arasında blogger manşet alanı olarak adlandırılan geçişleri farklı animasyonlarla süslenmiş blogger nivo slider olarak bilinen müthiş bir blogger slayt alanı yada blogger manşet alanı eklentisi ile karşınızdayız.Blogger nivo slider slayt alanını blogunuza ekleme işlemi oldukça basit.Üstellik emsallerine göre yani bu kadar kaliteli olan slayt alanlarına göre ilk etapta açılış hızı da oldukça iyi.
Yani blogunuzun açılış hızını pek te etkilemeyen ve blogger slayt alanları içerisinde benimde en çok beğendiğim blogger slayt alanı eklentisi olan blogger nivo slider i blogunuza eklemek için:
DEMO GÖRÜNÜM
1-Blogger hesabımızla giriş yapıyoruz.Her ihtimale karşı blogger şablonumuzu yedeğini alıyoruz.
2-Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
3-Html kodları içerisinde Ctrl+F yardımı ile </head> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.
<!-- blogger nivo slider www.oyun04.com araba oyunlari code start-->
<style type="text/css">
/* <![CDATA[ */
    #blogokuluSlideContainer           {position: relative;display: block;}
    #blogokuluNivoSlider               {position:relative;width:600px  !important;height:300px  !important;min-height:225px  !important;background: url("http://4.bp.blogspot.com/-TBMTXcO0VxM/T7dSfCUe9dI/AAAAAAAABgY/dmbkzgOPQI0/s1600/w2bLoader.gif") no-repeat 50% 50%; margin: 20px auto 35px;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);box-shadow: 0px 1px 5px rgba(0,0,0,0.4);}
    #blogokuluNivoSlider img           {position:absolute;top:0;left:0;display:none}
    .nivoSlider                  {position:relative;width:100%;height:auto;}
    .nivoSlider img              {position:absolute;top:0;left:0}
    .nivo-main-image             {display:block!important;position:relative!important;width:100%!important}
    .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
    .nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
    .nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
    .nivo-box img                {display:block}
    .nivo-caption                {padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .nivo-caption p              {padding:5px;margin:0}
    .nivo-caption a              {display:inline!important}
    .nivo-html-caption           {display:none}
    .nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url("http://3.bp.blogspot.com/-bJzN66mSNNc/T7dSdjkzf3I/AAAAAAAABgI/PlGK0Q8OYeU/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
    .nivo-prevNav                {left:10px}
    .nivo-nextNav                {background-position:-30px 0!important;right:10px}
    .nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
    .nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;background:url("http://4.bp.blogspot.com/-DEGRTSA4m6A/T7dSenBUBpI/AAAAAAAABgM/EB-Q2htVToI/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
    .nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
    $('#blogokuluNivoSlider').nivoSlider({
        effect           : 'random',
        slices           : 15,
        boxCols          : 8,
        boxRows          : 4,
        animSpeed        : 500,
        pauseTime        : 3000,
        startSlide       : 0,
        directionNav     : true,
        directionNavHide : true,
        controlNav       : true,
        keyboardNav      : false,
        pauseOnHover     : true,
        captionOpacity   : 0.8
    });
});
/* ]]> */
</script>
<!-- blogger nivo slider www.oyun04.com araba oyunlari code end-->
bu kod içerinde: renkli olarakta belirttiğimiz. 
width:600px blogger slayt alanı genişlik değeri

height:300px blogger slayt alanı genişlik değeri
        animSpeed    : 500, slayt geçiş hızı
        pauseTime    : 3000, bir resmin slaytta bekleme süresi
        startSlide      : 0, hangi slayttan başlayacağını seçiyoruz.
daha sonra şablonumuzu kaydedip çıkıyoruz.
4-Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip aşağıdaki kodu kopyalayıp açılan gadget içerisine yapıştırıyoruz.

<div id="blogokuluSlideContainer">
    <div id="blogokuluNivoSlider">
<a href="URL ADRESİ-1"><img src="RESİM URL ADRESİ-1" title="RESİM AÇIKLAMA SATIRI-1" alt=""/></a>
<a href="URL ADRESİ-2"><img src="RESİM URL ADRESİ-2" title="RESİM AÇIKLAMA SATIRI-2" alt=""/></a>
<a href="URL ADRESİ-3"><img src="RESİM URL ADRESİ-3" title="RESİM AÇIKLAMA SATIRI-3" alt=""/></a>
<a href="URL ADRESİ-4"><img src="RESİM URL ADRESİ-4" title="RESİM AÇIKLAMA SATIRI-3" alt=""/></a>      
    </div>
</div>
kod içerisinde:
URL ADRESİ-1:Yerine blogger salyt alanındaki resme tıklayınca yönlendirmek istediğimizadresin URL sini yazıyoruz.
RESİM URL ADRESİ-1:Slayt alanında görüntülemek istediğimiz resmin URL adresini yazıyoruz. 
RESİM AÇIKLAMA SATIRI-1:Blogger Slayt alanı altında görünen açıklama satırı.Bu kısma reklediğiniz resimle ilgil kısa bir açıklama yazabilirsiniz.
Yaptığınız değişiklikler neticesinde görünüm aşağıdaki gibi olacaktır.
<a href="www.blogokulu.org"><img src="http://imageshack.us/a/img89/8497/arabaoyunlari.png" title="Blogger Eklentileri,blogger widget ve blogger hakkında güzel şeyler bulabileceğiniz bir blog.Blog Okulu" alt=""/></a>
Gerekli eklemeleri ve düzenlemeleri yaptıktan sonra eklediğiniz gadgeti blog kayıtlarının üzerine sürükleyip bırakın.Blogger slayt alanı,blogger manşet alanı kullanıma hazır.