قالب بلوجر معرب (1)

تحميل قالب / استايل بلوجر 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

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