تحميل قالب بلوجر ProStyle المعرب
قالب برتقالي وازرق ورمادي , قالب جميل جدا واحترافي للغاية , الوانه منسقه ومرتبه , فيه عامودين عامود ايسر وعامود ايمن , قالب مناسب للمدونات بكل المجلات , وايضا مدونات شروحات الفوركس .
لاضفاة ازرار المواقع الاجتماعية :
مرفق مع القالب ملف اسمه "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>
غير كل ما عُلِمَ ب:
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
6 التعليقات:
طيب انا ركبت السلايدر وعاوز اشيلو كله اعمل ايه؟
قم بمسح النص الذي كتبته في مكان وضع السلايدر وضع مكانه <>
لكي يقبل ان تحفظه وهو ليس فارغ .
السلام عليكم و رحمة الله و بركاته
أنا عندي سؤال هو المستطيل اللي في أول الصفحة اللي بيعرض جوالي من اربع ل 6 مواضيع او غذا كانت مدونة إخبارية يعرض أخبار مميزة
هل يوجد طريقة أستطيع أن بها عندما اكتب موضوع معين يظهر بها مباشرة
بدل ما اضع الموضوع كموضوع رئيسي في المدونة ثم انسخ الرابط و ادخل علي صفحة تعديل القالب في الHTML و ابحث عن المكان المخصص له بالإضافة لرفع صورة معينة
يعني إذا كان فيه طريقة مختصرة او اداة تركب استطيع عند الضغط عليها ان اضعه في الأخبار ( المواضيع المميزة ) اللي في المستطيل اللي في اعلي الصفحة
المستطيل حالياً في الصورة به صورة عين إمرأة
و جزاكم الله خيراً
مشكوووووور ــــــــــــــ على خدمة
تسلم قالب رائعه بجد وتعريب مناسب
تقبل مرورى
عالم مشكله الساخر
http://moshkla1.blogspot.com/
مرحبا ، شكرا على هو بالفعل قالب مميز و لكني أريد أن أعرف كيف أقوم بتوسيع مساحة القالب
تحياتي
إرسال تعليق