قوالب بلوجر قالب الاسود الاحترافي
السلام عليكم ورحمة الله وبركاته
نقدم لكم قالب متميز جدا بخاصيات عالية وتم اضافة له العديد من الميزات كما ان القالب مدفوع الاجر ولكن اليوم هو مجانا قالب احترافي أنيق وخفيف صديق محركات البحث خاصيات جديدة لايشبه أبدا القوالب المنتشرة في المواقع العربية ندعكم مع المعاينة سوف تعبر!
مميزات القالب
مقالات ذات الصلة
خاصية أقرا المزيد
سحابة التسميات
شريط الانتقال
ايقونات الاشتراكات والمواقع الاجتماعية
تأثيرات على المشاركات الشائعة
خاصية الرد بالتعليقات
ازرار الانتقال اقدم واحدث فوق التعليقات على الشكل الحديث
ثلاث اعمدة في تزييل القالب
التعديلات الواجب تنفيذها
اولا التعديل على الشريط المنزلق
أذهب الى لوحة التحكم القالب تحرير html ثم ابحث عن الرمز
<div id='lavalamp'/>
للتعديل على شريط أخر المقالات أذهب الى القالب ثم إضغط على تحرير html ثم أنزل في أخر القالب سوف تجد الكود هناك قم بتغيير الرابط www.madad2.com برابط مدونتك
ثانيا لتعديل على ايقونات مواقع التواصل الأجتماعي
ايضا داخل القالب ابحث عن الرمز
<div class='socialicons'>
وعدل على المشار إليها باللون الأحمر من الرموز
---------------------------------------------------------------------------------
<div class='socialicons'> <div class='socialheading'> تابعنا على مواقع التواصل الأجتماعي! </div> <ul> <li> <a href='https://www.facebook.com/563356490365166'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8AjdK7e388uXaOapFkqjXZG7Uy6LYFTxF6qS4ESqGLKwAHQ4XINKfUbhksEFRzS6SJ-0aY5_yotr3Zo82mN4ch6xrKVggBlrFETV6q-skTy4vyAhWWHkHSAsQnacAxGFxfH-Xqi3KytX/s1600/facebook_64.png' title='Facebook'/> </a> </li> <li> <a href='https://twitter.com/mohammed1811990'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqYZ3JGxYA4dQ0mBKH1_75-zKu_htWArHkjDdoUFfxl5ok7ryZCZ-355dbpMHujy471y40cg-u7xaiVCuoCmHXk4Igbwg1foRJOBAZP7xkey2vFQUAGcO68MOWAU8r-wARZk6lLRjp242/s1600/twitter_64.png' title='Twitter'/> </a> </li> <li> <a href='https://plus.google.com/111748598580235575485/'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRncV3z3hyUGFCfjx4aZf2dGPduXDdhc3nauXztpKgkWZd4QKJ4UwQbC8UT1kmGBDWTR0JdOU7-quQ0PSeYX29opnaW73483MQiH0qVn-T_qcYDHuULAzwJ5jVtJjU468nVC_UKvPh-80P/s1600/google-plus_64.png' title='Google +'/> </a> </li> <li> <a href='http://feeds.feedburner.com/blogspot/madad'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWCqGxgYxe0T4AJqc2ZVYJYSfDmCyU9-apK0IVfIZj8n9txtK3ZZvBhT7mH4Xww20tIU2Ys2BUqaSoTnrHn310t_HOtOwvGp9MoPs2eoOhcocBg0d6LzuqeYW1FjZc7vQkIIcVZ07pR7um/s1600/rss_64.png' title='Rss'/> </a> </li> <li> <a href='http://pinterest.com/yaqoobhisbani/'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0p9BEcxzsIuSaechPDW0sc7SXE5fj8_qyJRofwOaxfjce9ejuC04romBogQdcYfZ1kYLCsjrj2PFzhci5oJqGyi_WgxAOaPrsvA1twdck4x4jta8ednRZSrlWdJXGMbuWLeh6Kzdamu0/s1600/pinterest_64.png' title='Pinterest'/> </a> </li> </ul> </div> </div>
---------------------------------------------------------------------------------
الان نأتي الى تعديل الشريط السفلي بالمدونة
أبحث في القالب عن الرمز
<ul id='footer-navigation'>
لإضافة السلايدر شو هو سلاير بسيط جدا اذا كنت تريد اضافته انسخ الكود التالي ثم عدل عليه
طبعا الاضافة عن طريق الذهاب الى تخطيط ثم اضافة اداة جافا سكربت
الكود
---------------------------------------------------------------------------------
<style type='text/css'>.btnt-slider { margin: 30px auto; max-width: 850px; padding: 0 20px; }.rslides { list-style: none outside none; margin: 0 auto; max-height: 400px; max-width: 800px; overflow: hidden; padding: 0; position: relative; width: 100%; }.rslides li { -webkit-backface-visibility: hidden; position: absolute; border: 5px solid #555; display: none; left: 0; top: 0; margin: 0; padding: 0; list-style: none; }.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; margin: 0; max-width: 100%; }ul.rslides .rslides_nav { height: 30px; position: absolute; text-indent: -99999px; top: 45%; width: 30px; z-index: 9999; display: none; }ul.rslides:hover .rslides_nav { display: block; }.prev { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll 0 0 transparent; float: left; left: 15px; }.next { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/arrows_zps95b22e18.png") repeat scroll right 0 transparent; float: right; right: 15px; }</style><script type='text/javascript'>/*<![CDATA[*/ $(function() { $(".rslides").responsiveSlides({ auto: true, speed: 500, timeout: 3000, nav: true, pause: true, prevText: "Previous", nextText: "Next", navContainer: "ul.rslides", }); });/*]]>*/</script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src='https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-responsive-slider.js' type='text/javascript'></script><div class="btnt-slider"><ul class="rslides"><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7p1TlcstAVpF_FRLIZ4bS4jgkXxn9ZubCtUsfb2MuhOJqOTct18rJ24fhY-YBVsFALIyARhILJjmNIzCLg1HRchYtGvsnICzD7b_G_DbDjNl5IgYcEeQGjDnj5ql4midyoSvWl1Su-LA/s1600/large+(4).jpg" /></a></li><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS9lroL0ZIFGNkDA52VBp_RP67AYnpTkxWd2PVf-zyuttff3AYroqoScxEYDhPOamC4qb7gomPSXrVFfFoaKFkzD6E7N-2kCYS29FnxL4Lgb8X11CaOr3UX6FfyiICIIm1juSqZ78V9d4/s1600/large+(2).jpg" /></a></li><li><a href="#"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQWTOk0mpJm01hpUkfMSCCGnlYLX8CbfUvrfAxstUvRgzWTcEgrlp-mncPQl88TUpsZ8wEeRrE5mPTWG0d7ijmwbgIZjYTHAXbecjqUiHjOYp_hkX2Z30-oTrEotl2s2QiuZck2MMUik/s1600/large+(1).jpg" /></a></li></ul></div>
---------------------------------------------------------------------------------
كما ترون القالب اكثر من رائع وخالي من الأخطاء وشكله مميز ودو الوان هادئة
ومتناسقه
تحميل / معاينة القالب
في النهايه ارجوا لكم الستفاده الائمه من الموضوع
ليست هناك تعليقات:
إرسال تعليق