بسم الله الرحمن الرحيم
السلام عليكم اخواني اخواتي متابعي $مدونة انتا الكسبان$ ,, اليوم حبيت اقدم لكم اضافه حصريه وجديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم (الحل ) هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم وايضا اختيار نوع الخط وحجمه وايضا لون النص في التدوينه بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم ,,, لن اطيل عليكم ... نبدأ على بركة الله
السلام عليكم اخواني اخواتي متابعي $مدونة انتا الكسبان$ ,, اليوم حبيت اقدم لكم اضافه حصريه وجديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم (الحل ) هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم وايضا اختيار نوع الخط وحجمه وايضا لون النص في التدوينه بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم ,,, لن اطيل عليكم ... نبدأ على بركة الله
كيفية اضافة هذه الاداه الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML -> تابع
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</body>
والصق الكود التالي قبله تمامآ
<script src='http://softglad.at.ua/widgets/theme-style-cookie.js' type='text/javascript'/>
<script type='text/javascript'>
/**
* Theme Style Switcher by jalal undefinedalbaadani)
* URL: http://alb33dani.blogspot.com
*/
//<![CDATA[
var expiredStyle = 7000,
dbs = document.body.style;
// background switcher
function bgSwitchundefinedv) {
dbs.background = v;
createCookieundefined'bgstyle', v, expiredStyle);
}
// font switcher
function fontSwitchundefinedv) {
dbs.fontFamily = v;
createCookieundefined'fontstyle', v, expiredStyle);
}
// font sizer
function changeFontSizeundefinedv) {
dbs.fontSize = v + 'px';
createCookieundefined'fontsize', v, expiredStyle);
}
// color switcher
function fontColorundefinedv) {
dbs.color = v;
createCookieundefined'fontcolor', v, expiredStyle);
}
if undefinedreadCookieundefined'bgstyle')) {
dbs.background = readCookieundefined'bgstyle');
}
if undefinedreadCookieundefined'fontstyle')) {
dbs.fontFamily = readCookieundefined'fontstyle');
}
if undefinedreadCookieundefined'fontsize')) {
dbs.fontSize = readCookieundefined'fontsize') + 'px';
document.getElementByIdundefined'fontSizer').value = readCookieundefined'fontsize');
}
if undefinedreadCookieundefined'fontcolor')) {
dbs.color = readCookieundefined'fontcolor');
document.getElementByIdundefined'fontColorer').value = readCookieundefined'fontcolor');
}
function resetStyleundefined) {
eraseCookieundefined'bgstyle');
eraseCookieundefined'fontstyle');
eraseCookieundefined'fontsize');
eraseCookieundefined'fontcolor');
window.location.reloadundefined1);
}
//]]>
</script>
قم بحفظ القالب
انتقل إلى لوح تحكم مدونتك، HTML/Javascript إختر "تخطيط" ثم إضافة أداة ثم اختر
والآن الصق داخل المستطيل الكود التالي
والآن الصق داخل المستطيل الكود التالي
<style> الان قم بحفظ الاداه وعليك بالعافيه الاضافه اتمنى تكون اعجبتكم الاضافه واذا واجهتكم مشكله في التركيب ضعوا تعليق وسيتم الرد عليكم ان شاء الله |
تعليقات: 0
إرسال تعليق