تحميل قالب بلوجر FreelyMag المعرب
قالب برتقالي واصفر وبني , قالب خفيف وجميل بعامود ايسر واسع وعمود صغير ايمن , مكان لوضع اعلان في اعلى القالب , قالب سريع في تصفح .
لاضفاة ازرار المواقع الاجتماعية :
مرفق مع القالب ملف اسمه "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>
غير كل ما عُلِمَ ب:
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
2 التعليقات:
شكراااا
Gorgeous
برك الله فيك
ارجو زيارة هذا المدونة لاستفادة من الاضافات الحديثة
وشارك معانة بخبرتك فى مجال التدوين
http://bilokr.blogspot.com
إرسال تعليق