السلام عليكم , اعزائي اليوم اقدم لكم قالب بلوجر انيق وجميل جدا رغم بساطة تصميمه إلا انه يحتوي لمسة احترافية والسر يكمن في بساطته , بالفعل القالب سريع جدا في التحميل وستشاهد هدا بنفسك ان قمت باستعماله زد على دالك احتوائه على جل الاضافات التي يمكن ان يحتاجها اي مدون ازرار مواقع التواصل الاجتماعي وايضا قائمة رئيسية تابتة اتناء تمرير الصفحات , تلخيص المواضيع سلايدرشو احترافي وخفيف , وسهل التركيب فقط من خلال اداة html .
هدا كل ما في الامر اتمنى ان ينال القالب اعجابك لا تنسى مشاركة الموضوع ولايك ثم الاشتراك في القائمة ليصلك جديد المدونة ,
كما يمكنك اضافة اعلانات ادسنس في الهيدر بجانب الشعار من خلال التخطيط , ايضا امكانية تغيير الشعار من التخطيط والعديد من المميزات ,
طريقة التعديل على القالب ,
- لتغيير الشعار ادخل الى لوحة تحكم البلوجر ثم تخطيط رأس الصفحة ثم قم بتحميل الشعار من جهازك ,
- للتغيير على ازرار مواقع التواصل الموجودة في القائمة العلوية ابحث عن
<div class='social_wrapper'> ثم غير الى ما يناسبك
- لتغير روابط القائمة العلوية ابحث عن <div class='menu-main-menu-container'>
ثم غير اسم القسم بما يناسبك و غير الرمز # الى رابط القسم
- اما فيما يخص السلايدر تقوم بالدخول الى تخطيط المدونة ثم تقوم باضافة اداة فوق رسائل المدونة
ثم ضع فيها هدا الكود
<style>
/* Css Slider Posts */
#featured-wrap {position: relative;height: 175px;margin: 0 auto;border-radius: 4px;}
#featured {border: 0;outline: none;position: relative;width: 890px;height: 150px;overflow: hidden;top: 10px;margin: 0 auto;}
.datex {display: none;}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li {width: 150px;display: inline-block;float: left;height: 150px;background: #fff;}
.thumb-featured {width: 130px;height: 100px;margin: 0px auto;border: 1px solid #fff;}
.thumb-featured img {display: block;width: 134px;height: 94px;border: 1px solid #ddd;padding: 2px;cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQILKf3bPoRhYYNbAVV1iwUiqX1Pr1-NrXvxMobka1m4FoIU3zjXvrVc8CQfmPnuyzqRnibwQxWN-MRf-tI-9F6yljg93-zrl82UGPa0jVXHvbQ2z8tOUy08-3y4boQHYX2g-4PgQV8o/s1600/Untitled-2.png),pointer;-moz-transition: all .3s ease 0s;}
.title-featured {text-align: center;position: relative;margin: 0 4px;font: 10px Electrolize,ge_dinar_oneregular;}
.title-featured a {color: #555;}
.title-featured h4{overflow:hidden}
.arrow {position: absolute;display: block;width: 32px;height: 32px;top: 10px;text-indent: -9999px;}
.arrow.back {left: 220px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMzctCNl6gKERzzPc-yzhDRprgmPZJRsCOf4ms6Zp1lGWABBnfUwoPu3IcbGn_tzZjwKSLbqwRJ5xnTmnzNEdzs8CqWnOFpl5rZpyi2dFlOzViRaAGnRLy6FHo9Oo5PilGm7tDBSIe1Xr/s1600/444.png)no-repeat;}
.arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9XeyBiKAZcm8WzEwLKaE1zMKrEBhbUCMRTvnibIwHXTRurY4V2jb6bbvReyGl_-EIaac-h1kqfkQ4L5xc_ABzgtSKDfhmCMV7sKMymcos6pGzM3dVfG_23whh1yhAks3h7R1wWw4k-CH/s1600/righthm.png)no-repeat;}
span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular}
</style>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>جاري التحميل ...</span>
</div>
</div>
<script src='https://googledrive.com/host/0B5IcYw0jrdhcSTUxd3NNUHRiS0k'/></script>
هدا كل ما في الامر اتمنى ان ينال القالب اعجابك لا تنسى مشاركة الموضوع ولايك ثم الاشتراك في القائمة ليصلك جديد المدونة ,
ليست هناك تعليقات
إرسال تعليق