تحميل قالب / استايل بلوجر OrganicBlog المعرب
قالب / استايل OrganicBlog المعرب لبلوجر blogger: قالب / استايل بلوجر أزرق خفيف وبرتقالي بخلفية زرقاء وعمود للإضافات على اليسار وبدون أعمدة فوتر.
تفعيل السلايدر :
أضف الكود التالي من عناصر الصفحة في أداة 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/AVvXsEjqZZAYWME6K6U8CnGZ-KcT8F8cnXmQ2JWVbM725bmK5WJZ9eoPvTjmm3XJqf_LwjsxfrmfLIwV-cp2o6wzf_8gVUsX7duGGZQTHILGwPB56yGMpFP16SUWGhJSOQGhT2XnrR69K5fHRd6l/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.bloggerexp.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/AVvXsEgJQr8lt25gubEuG_gJcFEggkZrdnxXYQViSEm2Rvw3bUoFxjP42SUoxybDUu31RB4w5FFpwnzloyjUcdFksvnFfTgOeUytbaYNfMXx4GlXA64mFNEu5yZvHs-GILoneMj5xYA8K5bqV-Ez/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.bloggerexp.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/AVvXsEiWv78-sy_jZXeG6I42tWhE6_bsmE3rLp_v8nZJtV3DWKjFg007lZyhEZXs2RL94JKbqLOdP8PockFiEYkNKZh0dGD3gUTsCFxRpQnQQjw21wv2C9qtQ0nG7Zv1sseCs0KzlmDV03raYAD3/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.bloggerexp.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/AVvXsEjQhWUA84S_2PLLggGf_Uzz60ZWum7JTYqMkaNpeacZLRbo1osDCK0EMHKcm95le2vVaWvA3cqYGvM7SZ4tthXhG-7SFFz0cvU1Rim-BtNQ0of1frCd9ca_Mf83upEgiBwTKhU9HH1wL9I8/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.bloggerexp.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/AVvXsEiFiF7L6kmHpsuU8BZDqHHTIScPF-3k4EbGOJl5ZIcxj4EDOZIlI4Gae0zjymDScq_qjsSvIO8Pi5kOxwQjwcd8u7PkUzUkTxdnrkK-XbS6w1yc20UVkn-Tpz3DBbY61ObxlpeJUrnpJgAE/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.bloggerexp.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>
الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع
لإضافة أزرار المواقع الاجتماعية :
الصق الكود لتالي في أداة Social icons :
كود:
<a href='http://twitter.com/' rel="nofollow" target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFI4FHyoQuw9MNuO_DhO6DLJfiaZn_QsbMe8RYigRToiLxeFKeXCGS6rFdAuh5dueYm3XuCGUGgtpKKhpbGCases1DdBhiKZ6RfE7LnrpIs0OZRaqlMJewwpTkGVCD3akPVA5BwRqWW_8/s1600/twitter.png" title='twitter'/></a><a href='http://facebook.com/' rel="nofollow" target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqRb5rrH0vtod-uh9_c1gm-4v2XPzjMq0wX6zCymC5b0Z5jJfoeUm1eMI7vfYwcV-K98ceEA14GsF_GI5b0UFTh81m_YVruKyfVW3V-yC6f8gtFHfowbHQd0Ms80RNEF1_INL_V3_1fo/s1600/facebook.png" title='facebook'/></a><a href='https://plus.google.com/' rel="nofollow" target='_blank'><img alt='google plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWijuom1SPdLsvP2rkwZyWQRJm-teKrulhVQd5OwnJMsuNoC7KiFPEDp6ZvRI7S2pP-bvTF334R_x5dzgcNgecw9saBYJM4awR9L1jXCpOmkt4-0SWWe1FOEBGuikAhybpAeSoJDm0L4/s1600/gplus.png" title='google plus'/></a><a href='http://www.linkedin.com/' rel="nofollow" target='_blank'><img alt='linkedin' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-MDXv-AtSe18b36FuXPBHencZglsZ5DuqbePRnoyiYft9z-fp3pyrc5hICVv_TfxH5ZxYh8RUQyF3pGpDsqewBf30RyyzHoQur_3GBHIbsVoEMV7xwjSBntAiRzm_HPZ7kN2NplC0BA/s1600/linkedin.png" title='linkedin'/></a><a href='http://feedburner.com' rel="nofollow" target='_blank'><img alt='rss feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5o0Kve6E1RGj5Yu45XCtWXlpV24NFQcxWjZ7knXHS_u8uKZuCzyNCstuVjREFsjcIdaN5S578RiY915NcIZtfyH3tL2a5TATqAyaS7dXDPBDjTkKJRga4X8fBl7n9Bn426Ccv7buqJE/s1600/rss.png" title='rss feed'/></a><a href='mailto:your@email.com' rel="nofollow" target='_blank'><img alt='email' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZkVR4MymOxDj9EisoCK80v_QaU6sDspzCrNeOmtMBGFe8BkaOdYwOWGbLAXA3-RY0DNkNkFT1tBVP5oRJKRYcqaQuB-cP4RGugSh_8u7C4p96vXWbBv9i6nIoU0pDBBg6uLAgseFIoQ/s1600/email.png" title='email'/></a>
باسوورد فك الضغط : www.bloggerexp.com
معاينة القالب - تحميل القالب
0 التعليقات:
إرسال تعليق