1. ادخل الى لوحة تحكم المدونة .. ثم الى التصميم ثم الى إضافة آداة " HTML Java Script "
2. انسخ الكود الذي يوجد في الأسفل إلى الأداة .
<div id="myslides">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<!-- 1st Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Two Column Denim Template"> <img width="160" alt="Two Column Denim Template" src="http://www.d-alyasmen.com/vb/download/282-1142974851.jpg" height="110" /> </a>
</div>
<!-- end code of 1st -->
<!-- 2nd Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Simple Blog Writing Template"> <img width="160" alt="Simple Blog Writing Template" src="http://www.parisnajd.com/backgd/data/media/10/mountains_10_b.jpg" height="110" /> </a>
</div>
<!-- end code of 2nd -->
<!-- 3th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Lenomag Blogger Template"> <img width="160" alt="Lenomag Blogger Template" src="http://web.3bir.com/a/19202_11168923645.jpg" height="110" /> </a>
</div>
<!-- end code of 3th -->
<!-- 4th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Money Blogger Template"> <img width="160" alt="Money Blogger Template" src="http://www.celsias.com/media/uploads/admin/african_rainforest2.jpg" height="110" /> </a>
</div>
<!-- end code of 4th -->
<!--5th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Digital Statement Blogger Template"> <img width="160" alt="Digital Statement Blogger Template" src="http://store2.up-00.com/Feb10/3nq83005.jpg" height="110" /> </a>
</div>
<!-- end code of 5th -->
<!--6th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://files.fatakat.com/2009/6/1244419157.jpg" height="110" /> </a>
</div>
<!-- end code of 6th -->
<!--7th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7UbjAJtLpN-TiHxDBCtgOB8sU4nvF5E_Mq8SVdV48vW1qszWPun_kNVaKKuR47bNkNdgbiuMX3Ck_plBXWI2Im3pL4db-bUcOiZ6x378UwCwB1bZ9wQ21bSo8Tv_hABMbYd7IkWaVt8/s1600/african-elephant-forest.jpg" height="110" /> </a>
</div>
<!-- end code of 7th -->
<!--8th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://www.sllma.com/vb/imgcache/17431.imgcache.jpg" height="110" /> </a>
</div>
<!-- end code of 8th -->
<!--9th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://t2.gstatic.com/images?q=tbn:ANd9GcQyEg8m8cuOnV0gmSWHYeqKNxB-Gl31ZygDbStgZXuh8sAjbro_3A" height="110" /> </a>
</div>
<!-- end code of 9th -->
<!--10th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Borassus_aethiopum_0009.jpg/800px-Borassus_aethiopum_0009.jpg" height="110" /> </a>
</div>
<!-- end code of10th -->
<!--11th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3QStmK6BBOdz_CvcU5IdwIBylnT3wFauMn7a7ap5FgqucKeNzaQ" height="110" /> </a>
</div>
<!-- end code of11th -->
<!--12th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com/search/label/%D8%A7%D9%84%D8%A3%D8%AB%D8%A7%D8%AB%20%D9%88%D8%A7%D9%84%D8%AF%D9%8A%D9%83%D9%88%D8%B1?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTjbofoKyFsZJhhC04QOHv6ryWEZuLiAATuzX6M7fb7e5OQUPmjMw" height="110" /> </a>
</div>
<!-- end code of 12th -->
<!--12th Template -->
<div class="panel">
<a href="http://qohaito.blogspot.com/search/label/%D8%A7%D9%84%D8%A3%D8%AB%D8%A7%D8%AB%20%D9%88%D8%A7%D9%84%D8%AF%D9%8A%D9%83%D9%88%D8%B1?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4QGaI1wFkFKBVWpKAThNd57mOWU2vL9qtudhF-purjctiMcEFSOCr09FbQyH6M4giTJ3hYs0OOGqMRyTJZdxXWxGZ5wBtK1L7R4ag0bsgT20cm3akR2hFsB8dG8XcsCP8JW3ZnINfVBE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1.bmp="110" /> </a>
</div>
<!-- end code of 12th -->
</div></div></div>
إذا أعجبتكم الاضافة رأيكم يهمني كثيرا فلا تنسو ان تعلقو. 
1 التعليقات:
الصورة ثابتة ولا تتحرك
إرسال تعليق