Merhaba arkadaşlar bu slideri daha önce paylaşmıştım yanlız kodları bozukdu şimdi kodları tekrar buldum ve düzenledim yoğun bir istek olunca yenilemek istedim kodları araştırıp bulmak  baya bi zamanımı aldı  javascript kodları png ler falan  şimdi hepsi hazır durumdadır. Daha önce bu slider için istekde bulunan arkadaşlar şimdi rahatlıkla kullanabilirler :) slider tıkır tıkır çalışır durumda



Kodları eklemek için öncelikle css kodlarını ekliyices temamınız şablonunda bu ]]></b:skin> buluyoruz ve altına ekliyoruz üstüne eklediğinizde çalışmaz kodları aynı şekilde belirttiğimiz gibi altına ekliyoruz.


Demo

<style type='text/css'>

          .camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.camera_wrap tr,.camera_wrap th,.camera_wrap td
          .camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thumbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
          .camera_wrap{display:none;float:left;position:relative;z-index:0;width:96%;padding:4px;background:#f3f3f3;border:1px solid #fff;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;margin:10px 0 0 2px}
          .camera_wrap img{max-width:none!important}
          .camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-index:1}
          .camera_src{display:none}
          .cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1}
          .cameraContents{position: relative;height: 100%;-webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);}
          .cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
          .cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%}
          .camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0}
          .camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}
          .camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}
          .camera_target_content .camera_link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZJQm2eKBOgwJKhyphenhyphenQp0WLQ-vep5rxx4kNvblPJc-C_5xfKskF2ASnLd-_DoMCTgl8TaNcFos7PmGnLTjC0dXi_3wW0BiHWNw29yc9fYbFlf6NuXWmPazfnAM-Mpswdx6i4-pA6IK_6Go/s1600/blank.gif);display:block;height:100%;text-decoration:none}
          .camera_loader{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1x-kH4weWcyBkzvB5TwwHXdbO2oapT-562ygmUqbw48J4TtrshSSlWx19x8A9Q8RPrRvLEVqR5SD6Bnc9610pyiZ05hKNiplPWG2IfseGUNBR-oqh3pvq7pNbqxyqeL9WU8hyVG7BIA/s1600/camera-loader.gif) no-repeat center;background:rgba(255,255,255,0.9) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1x-kH4weWcyBkzvB5TwwHXdbO2oapT-562ygmUqbw48J4TtrshSSlWx19x8A9Q8RPrRvLEVqR5SD6Bnc9610pyiZ05hKNiplPWG2IfseGUNBR-oqh3pvq7pNbqxyqeL9WU8hyVG7BIA/s1600/camera-loader.gif) no-repeat center;border:1px solid #fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}
          .camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}
          .camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto}
          .camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%}
          .camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}
          .camera_caption{bottom: 0;display: block;position: absolute;width: 100%;}
          .camera_caption > div{max-width:450px;font-size:16px;line-height:23px;margin-bottom:50px;background: #333;background: rgba(51, 51, 51, 0.65);-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
          .camera_caption a{color:#fff;font:bold 18px Arial;margin:0 0px 10px 0;padding:5px 10px;display:block;background:#eb4938;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
          .camera_caption a:hover{color:#ccc}
          .camera_caption .comt{font:11px Tahoma;margin:5px 0 0;color:#ccc;padding:0 10px}
          .camera_caption p{font:12px Arial;margin:5px 0 0;padding:0 10px 10px}
          .camerarelative{overflow:hidden;position:relative}
          .imgFake{cursor:pointer}
          .camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_prevThumbs div{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat -160px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_nextThumbs div{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat -190px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_command_wrap .hideNav{display:none}
          .camera_command_wrap{left:0;position:relative;right:0;z-index:4}
          .camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:center;}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li > span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0}
          .camera_pag_ul li img{display:none;position:absolute}
          .camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute}
          .camera_prev,.camera_next,.camera_commands{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2}
          .camera_prev{left:0}
          .camera_prev > span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat 0 0;display:block;height:40px;width:40px}
          .camera_next{right:0}
          .camera_next > span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat -40px 0;display:block;height:40px;width:40px}
          .camera_commands{right:41px}
          .camera_commands > .camera_play{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat -80px 0;height:40px;width:40px}
          .camera_commands > .camera_stop{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2zdMaU5-W9vgVtU4rng7jXd3U5MERBOQU5UGRfv0SJjwEU1tDaNFPCSaCSg71qGKCMlSbV1vELqOz1NoPTxaT35ROhEmYokM6_fd5J0-7V7y3rKEkE_7oY7FV6FWEt5EbRI0ASzHlj4/s1600/camera_skins.png) no-repeat -120px 0;display:block;height:40px;width:40px}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:13px 5px 0;position:relative;text-indent:-9999px;width:16px;}
          .camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;position:relative;width:100%}
          .camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_thumbs_cont > div{float:left;width:100%}
          .camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;text-align:center}
          .camera_thumbs_cont ul li{display:inline;padding:0 4px}
          .camera_thumbs_cont ul li > img{border:1px solid;cursor:pointer;margin-top:5px;vertical-align:bottom}
          .camera_clear{display:block;clear:both}
          .showIt{display:none}
          .camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}
          .pattern_1 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhKbUSPK73EMJ57JeanBcC-H7QsLniWij066QKs_z-TYSDzQ9wDxhgD0477jrHohp7j2sg_yusyk2m-PXOyI0GXGEbqcN_aUjAs5dTbfqEl_e3lH6oOAdLhyphenhyphenEZ5nYVpf-P0y7GCkUsRM/s1600/overlay1.png) repeat}
          .pattern_2 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvJfEhjha6lKcNJJ5sCIG0hkN2IGMsK9FamjkeogzznHfKAV0SiChzpCS1qNJJXn6_lV4yglPWAuy7Uoqd8_K-CdrzDwF1ETWaLfXT4gY06Hz05Ccr1PpjF9C388e0RH0xXZszCK7BuA/s1600/overlay2.png) repeat}
          .pattern_3 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimsENShbPu5l9f6u0qs9gJTn_AwC0ASa-LJX1hmA1YbCoqAGDyXe5WsBwd2RWvxl7aoGwKNa_nr3QR3Z1PzZXCiQwqJnjuOyDZC8A5v6b0OJIk30YEXSFJV7UYscMFjVYdbjas2g8J1zc/s1600/overlay3.png) repeat}
          .pattern_4 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3v280aN6RmUwJLupRYZzx9ER1pJiDnj8Bk1rcyRV4qfUY_GjkvBkmqo_HjYmypMAgdYrj4a48L2DLevZcR01kg55VJ_Jr9Q77WKqcnjupsSuPhIBbwwAnBro0xZpHzbkynQ43mgyD5k/s1600/overlay4.png) repeat}
          .pattern_5 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAq1_fo6MXUk5T1P0VwWOobrW8FSokAkTNFFHyGGAZ5EAmd9tSqYAqbJY90NwEY8XPfE_gTJ9cklQrIGTVAH0NB-mp6GMYMjJ4Nv1TomzQ4EQUacawmRYTDzJy_cDxNB-qCix8t2M90oI/s1600/overlay5.png) repeat}
          .pattern_6 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EDLS7Ige6RBv_sAA2C6B5jzX8IWq8UXSE593KEbx-JdIQyCoSJN2viIsyDjtPEQPd6-m1qI5ScOf302lUTFfFeSEidpTvTgMqDDWvgp9liSh1P0hdQS8yPbIeCsDotqA3OlnCTrBNmU/s1600/overlay6.png) repeat}
          .pattern_7 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZia1q746weld2gMJtqzkB3-qQcVz83Gcbh41Kz02DY0_XhpiPcyjjAdtblx0v7pK-3Ry0VJ-paWDCCGSJaTQwJon1Tij-Rzr_R0yozm6sI1PSozFt7doVWWWNnSRzXMrcaBeqYzcBNDk/s1600/overlay7.png) repeat}
          .pattern_8 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RetD7cuekczSrggMse983BZkh_rP7WPxdS9YDlxWMb-1GpqP1V8pA0fIoshGiJtK0Gt_xVbgX9ZjZkisBLTiI7JTpB35D96x3GbJ4UJxJK_-CoKlfbiCQ_k10Lbvour7vs_diI0h-pQ/s1600/overlay8.png) repeat}
          .pattern_9 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0p4FkiusfF7aYiNE6dsOHBmgclreB_DpFEx-BuUWht2xDMs7YRvCI0hBwMFUrmnPE9Nvd_nhP6_yzloojxMRIVSqGrrM73RKQTPucqgrbzDkPem-Pen6g6BL1eLZYVSPjrFDsdN3IakU/s1600/overlay9.png) repeat}
          .pattern_10 .camera_overlayer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWj26PYUF11Bo9Rc0RYcLwy7M8xhoeZX2_66W7YFaynSZVTGL5e-JnVP4O2VX8xaya4LKJEmAMiU-_Y7-E30dE7Gn41BkepZ56cyNKzUnApCa2RH2-x0tbX1XWpB0Zo3liEVWyyky2iCc/s1600/overlay10.png) repeat}
          .camera_caption{color:#fff}
          .camera_caption > div{background:(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5UrgWoHmdQZ60UBqV2ZqOy8yr_dfejxJPPj8ZBZ4O5YS1iXBhjajZ3R0IGIWSFQjnkfcn7YpsvvcksBlEcFTisLvKaySadvN3Y4fFnWTsJXAtKuhFASK3GlkAiiKwv2xto0IEKN9F2do/s1600/transparant.png)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#eb4938}
          .camera_pag_ul li img{border:3px solid #fff;-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5)}
          .camera_pag_ul .thumb_arrow{border-top-color:#fff}
          .camera_prevThumbs,.camera_nextThumbs,.camera_prev,.camera_next,.camera_commands,.camera_thumbs_cont{background:#fff;background:rgba(216,216,216,0.85)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#fff;box-shadow:0 1px 3px #c3c3c3; -moz-box-shadow:0 1px 3px #c3c3c3; -webkit-box-shadow:0 1px 3px #c3c3c3}
          .camera_thumbs_cont ul li > img{border-color:1px solid #000}
          /*ORANGE SKIN*/
          .camera_orange_skin .camera_prevThumbs div {
            background-position: -160px -920px;
          }
          .camera_orange_skin .camera_nextThumbs div {
            background-position: -190px -920px;
          }
          .camera_orange_skin .camera_prev > span {
            background-position: 0 -920px;
          }
          .camera_orange_skin .camera_next > span {
            background-position: -40px -920px;
          }
          .camera_orange_skin .camera_commands > .camera_play {
            background-position: -80px -920px;
          }
          .camera_orange_skin .camera_commands > .camera_stop {
            background-position: -120px -920px    ;
          }
          @media screen and (max-width:980px) {
            .post{margin:5px 9px 5px 5px;width:28%;padding:10px;height:auto;}
            .post h1,.post h2{font:14px Oswald;}
            .post-body{font:11px tahoma;height:auto}
          }
          @media screen and (max-width:800px) {
            .post{margin:5px 0 5px 5px;width:45.8%;padding:5px;}
          }
          @media screen and (max-width:620px) {
            .post{width:46%}
          }
          @media screen and (max-width:460px){
            .post{margin:14px 12px 0;width:auto;padding:10px}
            .cutter{max-height:120px}
            .camera_caption p{display:none}
          }
          @media screen and (max-width:310px){
            .post{width:86%;margin:10px;padding:8px}
          }
        </style>

Sonraki işlem ise tekrar tema şablonunuzda bu sefer </head> kodunu buluyoruz ve javascrip kodlarını hemen üstüne ekliyoruz.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/11325639179/camera-slider.js' type='text/javascript'/>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>

En son işlem ise HTML kodlarını ekliyiceğiz yanlız bu kodu siz sliderin nerde gözükmesini istiyorsanız oraya ekliyiniz main-wrapper kodu olabilir yada blog kayıtlarının hemen üstüne tolgagonul.net yazan yere kendi site adresinizi yazıyorsunuz.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
              <div id='randompost'/>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function () {
                  CameraSlider({
                    blogURL:'http://www.tolgagonul.net/',
                    idcontaint:"#randompost",
                    NumCharacter: 160,
                  });
                });
                //]]>
              </script>
            </b:if>

Merhaba değerli Bilgi Bahçem okurları. Bu yazımızda sizlere WordPress Soru-Cevap Eklentisin’den  bahsedicem. Öncelikle çoğu wordpress kullanıcısı wordpress sitesine soru cevap kızmı yapmak için haliyle farklı bir script indirir, subdomain açar ve kullanır. Bunlarla uğraşmaya hiç gerek yok. WordPress her geçen gün geliştiği için haliyle eklentiler de çoğalmaya başladı. WordPress Soru-Cevap Eklentisi olarak aşağıda vermiş olduğum eklentileri kullanabilirsiniz.

Bu yöntemi kendi kartvizit siteme arkaplan müziği koyarken buldum. Müziği.mp3 şeklinde koyduğumda güzel bir şekilde çalıyordu fakat şarkıyı bir hosta yüklemem gerekiyordu. Bazı sorunlar çıktı, o sorunları bir kenara bırakın, idmansiteye girdiğiniz anda müziği indirmeye çalışıyordu.

Konumuza gelelim  Sitenizin arkaplanına bir müzik koyacaksınız, youtube’dan istediğiniz müziği bulup embed kodunu alıyorsunuz. Ama kodu Use old embed code seçeneğini işaretleyip almanız gerekiyor. Daha sonra aşağıda şu şekilde bir kod görüntüleniyor.

Arkadaşlar eğer fazla uğraşmak istemiyorsanız, hani site arkaplanına felan koymayacağım diyorsanız, aşağıdaki kodu kullanın.

Site arkaplanına koymak için aşağıdan devam.

Burada tek yapmanız gereken yer autoplay=1 yazan yer ile yazdığım kısımları kendi kodunuzda yerine yerleştirmek. Eğer istediğiniz bir videoyu koda koymak istiyorsanız, http://www.youtube.com/watch?v=uv8nGq-XMQM örnek linkindeki kırmızı kısmı alıp koddaki kırmızı yere yapıştırın.

Ve şunu önemle vurgulamak istiyorum. Bunu siteye arkaplan yapmak için kullanacağız, o yüzden yukarıdaki kodu,

kodundan sonra eklemelisiniz ve height ve width değerlerini 0 yapmamalısınız.Mutlaka width veya height değerlerinden birinin 1 olması gerekir. Yoksa video başlamaz.