تحميل قالب بلوجر OrangeLine المعرب
قالب ازرق وبرتقالي وابيض , قالب اللوانه رائعه جدا وتعطي موقعك شكلا احترافيا مما يجعل زوارك يثقو في مدونتك اكثر , قالب بعامود ايسر واسع وعامود صغير ايمن .
لاضفاة ازرار المواقع الاجتماعية :
مرفق مع القالب ملف اسمه "Social Icons" قم بفتحه وانسخ ما في داخله والصقه
في Social Icons الموجود في (تصميم/عناصر الصفحة) وقم بتعديل روابط المواقع الي روابطك ! .
لاضافة السلايدر (شريط عرض الصور) :
مرفق مع القالب ملف اسمه "Featured Posts" قم بفتحه وانسخ ما في داخله والصقه في Featured Posts الموجود في (تصميم/عناصر الصفحة) وقم بتعديل التالي :
<!-- Featured Content Slider Started --> <div class='fp-slider clearfix'> <div class='fp-slides-container clearfix'> <div class='fp-slides'> <!-- Slide 1 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WEY5hiG98djYLBvvD9IXz1KdvHAVWI9L4X8dEiW9yLIO-4LebaDghOR9o24m23tflY75ge0O9Cv-8o-1b83nxNi2D_QGj5N3F3FfFJuemBcrCFymFMeQZHT2pJ5O3GMMrZC6r3Rfqop3/s1600/1.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الأول</a> </h3> <p> أكتب هنا وصف الموضوع الأول : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 1 Code End --> <!-- Slide 2 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaOST5MPvjqL3gSL3J_-NQkfrNiYxKPNawVnvXew7ckvStAqua4QH5Xh5K8t66fmeo5PwaeNt6tVLHUAHcAbqZnU2PuPICWXxPdYi6nc-y-iKRx0LsrqX4qz4_pu-SYia89h_p_CzSN2SJ/s1600/2.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الثاني</a> </h3> <p> أكتب هنا وصف الموضوع الثاني : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 2 Code End --> <!-- Slide 3 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUxqYWwaw40miMXmFtzwDnq0RwFymb5pre3Qiu10kZnfTn0Ht6n42WvgSSyibffLvI7WNLT9EphvqPze3FBe9KJInO8P0ImEqbUW50pEpvwRfv3VN_k80xnUOkT3kQhXw0IGmQFs3vzvL/s1600/3.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الثالث</a> </h3> <p> أكتب هنا وصف الموضوع الثالث : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 3 Code End --> <!-- Slide 4 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVg4GpaNhQEiDgok4cdyl210lt72E9hQnYIbNiHZScf_HPhdDuydrWJfpx1dyb8LSXK9ToVeDLTM7H4WfoNBOcxzIIOx_QitZRuKeGGqsch-LDCfWqGnbgU2WBlTMIaaiNkia9H2xr43tK/s1600/4.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الرابع</a> </h3> <p> أكتب هنا وصف الموضوع الرابع : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 4 Code End --> <!-- Slide 5 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpo8bv-qvz7kOf_9P3fQ_6J5hkxd_3600ESLkAl4gJr_dalfrLfBfuTCLuhPPythazwK8tBuFkCsgAWRsryw8ZMQezo0PQoGsjqIdAvDMkJZ0H0PfOEld-3YqqFQJjAMHeSMV178fvLwK7/s1600/5.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الخامس</a> </h3> <p> أكتب هنا وصف الموضوع الخامس، : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 5 Code End --> </div> <div class='fp-nav'> <span class='fp-pager'/> </span></div> </div> </div> <div style='clear:both;'/> <!-- Featured Content Slider End --></div></pre>
غير كل ما عُلِمَ ب:
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
3 التعليقات:
الله يجزاك بالخير شرح ووافي وكافي
ولا هنت
السليد لا يعمل المرجو الشرح اكتر و شكرا يعم
مشكووووور
إرسال تعليق