قالب بلوجر Simple View المعرب

قالب / استايل Simple View المعرب لبلوجر blogger: قالب / استايل بلوجر ورمادي بعمود للإضافات على اليسار وبدون أعمدة فوتر.

تعديل السلايدر :

من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم واوجد الكود التالي :

كود:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
       <div id='feature'>
         <div class='sliderwrapper' id='slider1'>

             <div class='contentdiv'>
             <div class='thumb'>
             <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9wXE2N4cLMWATsW3QnDAqonA-LfmVDbE2aPVIM8hW-Te8c5KnVJu1N7wagVYwD1ZljXBNjnuWkhO7X4SV4UB-jLYzmuprypHcArbdWyd-sNyf3F7w4eXTA6EXVzTZDnduOZtV7LZ6leM/s1600/different-but-simple-abstract-31000.jpg'/>
                 </div>                
                 <div class='desc'>
             <h3><a href='#'>عنوان الموضوع الأول</a></h3>
             <p> أكتب هنا وصف ملخص للموضوع الأول، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com | أكتب هنا وصف ملخص للموضوع الأول، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com</p>
        </div>
             </div>


             <div class='contentdiv'>
             <div class='thumb'>
             <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuBTJrkQm4hunQQOKxeGMCdO6oluygixLSB_AqqHz9S2VOW1fWjG-Gv86zD0fVRM4iYadVP11GNtPA4XBWm-EnXVyAe1jso57f89bZA4fi-ZUypHIoXbZXxVB23DU9NmyfXT1re6uvTJE/s320/oversized_stroke_10.gif'/>
             </div>
         <div class='desc'>
             <h3><a href='#'>عنوان الموضوع الثاني</a></h3>
             <p> أكتب هنا وصف ملخص للموضوع الثاني، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com | أكتب هنا وصف ملخص للموضوع الثاني، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com</p>
         </div>
         </div>
            

             <div class='contentdiv'>
             <div class='thumb'>
            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEuM3ZOz9ymedbjcLx8BOgzsJPhEGnY8ENJ0INHttkUFr_eru4AYbqpXUIw8y_TTS_zTGGdjrveL9KrFyBRcLrK1HNglPRGn7QI2OTP2DPpqR3stJZsmVx0orFBVm9p8W7ucLUf0HsDkU/s1600/13877-bigthumbnail.jpg'/>
             </div>
                 <div class='desc'>
             <h3><a href='#'>عنوان الموضوع الثالث</a></h3>
             <p> أكتب هنا وصف ملخص للموضوع الثالث، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com | أكتب هنا وصف ملخص للموضوع الثالث، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com</p>
         </div>
         </div>
             

             <div class='contentdiv'>
             <div class='thumb'>
            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5UACGg2n6vFOt1SZe7u2qiSoWI2dg0_iHn9wcTZYLre61qByXU-nOm-zkAu6tkhNwu2dXqQlQLVAsfyOqC-9oI4jFLv2zwjTm4zqgdTngKQBN7d94p3cuIitmcdViJTZG4buRR5jtOQ/s1600/how-to-make-a-a-simple-abstract-picture-in-Bryce-5.5.jpg'/>
             </div>
         <div class='desc'>
             <h3><a href='#'>عنوان الموضوع الرابع</a></h3>
             <p> أكتب هنا وصف ملخص للموضوع الرابع، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com | أكتب هنا وصف ملخص للموضوع الرابع، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com</p>
        </div>
             </div>
            

             <div class='contentdiv'>
             <div class='thumb'>
             <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIY-8Yk0HMQEngx5vrL26aDuoX9rq3PgNMV8UPQis3ssRnwbJE_UnTtGi6Xty_ZdKcF5bd053j6rkgzx8rSbSJ9SgqTITNbWscQNlM09gGuG3_i_PvUJchyphenhyphenIJykGXIfNwrVwrXjk1r0Fs/s320/Simple-Abstract-Art-Ideas-Images.jpg'/>
             </div>
         <div class='desc'>
             <h3><a href='#'>عنوان الموضوع الخامس</a></h3>
             <p> أكتب هنا وصف ملخص للموضوع الخامس، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com | أكتب هنا وصف ملخص للموضوع الخامس، أو جزء منه هذا القالب من تعريب عثمان بن الطالب صاحب معهد خبراء بلوجر : http://www.bloggerexp.com</p>
        </div>
         </div>
                 
        </div>
          <div class='pagination' id='paginate-slider1'/>
     </div>
   </b:if>
</b:if>

غير كل ما عُلِمَ ب:

الأزرق إلى رابط الموضوع

الأحمر إلى رابط الصورة

الأخضر إلى عنوان الموضوع

البنفسجي إلى وصف أو ملخص للموضوع

لإضافة روابط إلى القائمة الأفقية :

من التخطيط (عناصر الصفحة) قم بتحرير أداة Top Menu واملء ما يناسبك.

للتوضيح :

by : simoelmaavhi

باسوورد فك الضغط : www.bloggerexp.com

معاينة القالب - تحميل القال

هل أعجبك الموضوع ؟

Share

Tweet