تركيب سلايد شو رائع بشكل الاكورديون لبلوجر 2015

اولا اذهب الى القالب البلوجر ثم اختار المكان الذى تود ان تضع الاسلايد شو به 

والصق كود  html التالى :-
--------------------------------------------------------------------------------------------------------------------------

<div class='acc'>
<ul>

<li>
<a href='http://qassemblog.blogspot.com/'>الموضوع الاول</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3cVrvA8Ig1oBPw7Uau_KhR7HURTOpOQK2NyrHVTxwIVYC6o4Wahpy2jO_8YXyf-GCCrW9ezylyFJfTW7mmuLIqDaqeG40KPgZ6-EexegCMdmmcbDvuvLmsucN60537xCgiP_BdAIZwk/s1600/Full-Hd-Wallpapers-1080p-2.jpg'/>
</li><li>

<a href='http://qassemblog.blogspot.com/'>الموضوع الثانى</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPF16tnlO1duWooHLngwAM3pnfB_K92GvB_2X63uBgzh9Zo8EAvP5aqUwpW5FmRIcKliO0z_SSNyR9qlPxLh10a411J-SK_-gxMwgWMiq7Qldw82P2rPsmlC35aGB4yibvV_45c8sBnL8/s1600/Free%252BHD%252BWallpapers%252B8.jpg'/>
</li><li>
<a href='http://qassemblog.blogspot.com/'> الموضوع الثالث</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2c3vJ4xTS0POVfShNIs1KEK9dfISUwFxgxEMtf2e5ZhRUr71Gcd_vfl_1sOcG6HNWqw5ZeZA4WcNYJMGmQ4vZHa1tj4FvvM97jwd4bYS9sb5FNTYGgAp9o_PlOpyGrGzacyWCRG-eT5g/s1600/pc-1080p-wallpaper-hd4.jpg'/>
</li>
<li>
<a href='http://qassemblog.blogspot.com/'>الموضوع الرابع</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQN3urffow82w9sZDBA1U7tLWThDRQmRqDCnGPRsxgL44CsZmUDCjCI5dwzNUmH3CEAdW0K0dqpMXpAVDAryQiomIEkVliCrYYvWFlgmnN6EeXyUrYo6i7jttPf9tnqM9XahBK1JHl2c/s1600/Hd-Wallpapers-1080p-8.jpg'/>
</li>

<li>
<a href='http://qassemblog.blogspot.com/'>الموضوع الخامس</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSFNHNbgMhBWlhxt4LJGmCiCM0hVA9l2i382-Y3N5xfWorOhzPjpzk4nENtCA9iL64zGTteQTMtWwW5KlezqVhwZr4jDEjIRt2r7cz3fh3hxjYdWYVXhRzAHK86At_dylm3F3J5v-zmk/s1600/sonic_riders_1080p_game-HD.jpg'/>
</li>
<li>

<a href='http://qassemblog.blogspot.com/'>الموضوع السادس</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMU18im_54HFMPgNC1ENFfEW2ATt5YAtzlholWJ7OYUm4HSj-T-ZlDp_FHmi8R2V6TP0nkZ7NY8c9qLAa4ffwI3vymXGW_fI74RKQwWRHCinky9d_qt1N3vWZQmOwE_DNC_0KEGbm4TUU/s1600/pc-1080p-wallpaper-hd6.jpg'/>
</li>

<li>
<a href='http://qassemblog.blogspot.com/'>الموضوع السابع</a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF6Ryg5FJTUzZAXu-qBkYfcYPVwBzN4Pb4KwMsQBSwg23Sjcin4p0x56tZUHJupMIo44PFTnkNqjhgW__2VKYiaWrX1lwSFAI-TJdGDe6A_L10QtQ0q-gJpk8GAdCZLBrtga_jKDFOi6w/s1600/paris-architecture-wallpaper-1080p-HD.jpg'/>
</li>
</ul>

</div>
--------------------------------------------------------------------------------------------------------------------------

الان ابحث عن   ]]></b:skin>
 والصق الكود التالى قبلها-فوقها- مباشرة 

--------------------------------------------------------------------------------------------------------------------------
/*every thing by abdelhaakeem from qassemblog so plz keep rights on :)*/


.acc img{width:700px; height:200px;}
.acc {width:1100px; height:200px; margin:1px auto; border:1px solid black; overflow:hidden}
.acc ul{  list-style:none; }
.acc ul li {float: left; width:150px; position:relative; transition :2s;}
.acc ul li a{ display:block; display:block; text-decoration:none; color:white; background:rgba(0,0,0,.5); position:absolute; bottom:0; padding:15px ; width:1100px; }
.acc ul:hover li{width:60px;}
.acc ul li:hover{width:600px;}

-------------------------------------------------------------------------------------------------------------------------

استبدل اسم الموضوع الاول بالكلمات التى تحب وكذلك رابط الصورة وكرر نفس الطريقة مع كل المواضيع السبع :)

ومبروك عليك الاضافة :)

-------------------------------------------------------------------------------------------------------------------------

لمعاينة الاضافة :

------------------------------------------------------------------------------------------------------------------------

الملفات لدينا محمىة بباسورد ، لتحميل الباسورد:

I'm reading: تركيب سلايد شو رائع بشكل الاكورديون لبلوجر 2015

بقلم nader nabil

أنا من المغرب، احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا

قسم : blogger