الخميس، 12 يونيو 2014

إضافة عداد لحساب مدة تحميل الصفحة

بقلم: BR MED يوم الخميس، 12 يونيو 2014 القسم : 0 التعليقات
 كثيرا من المدونين يستعينون ببعض المواقع قياس سرعة تحميل صفحان مدونتهم،وهذه الطريقة غالبا ما تكون شاقة من حيث البحث عن المواقع التي تقوم بالمهمة، فاليوم معنا إضافة مميزة تقوم بوضعها في إي مكان ترغب فيه لتحديد سرعة مدونتك باستمرار وهكذا يمكنك متابعة احوال مدونتك، هل أضفت مؤخرا إضافة أثقلت من سرعة التحميل هل مدونتي ثقيلة ام خفيفة وما إلى تلك الامور التي يمكنك معرفتها!
المهم ستكون على إطلاع دائم بسرعة مدونتك هل تابثة ام بدأت تصبح ثقيلة أم أخف ؟!
ولإضافتها يمكنك وضع هذا الكود في أداة html جافا سكريبت,,,

<style scoped='scoped' type='text/css'>
    #load-time {
    background:#595959;
    font:bold 14px GESSTwoMediumRegular,Tahoma,sans-serif;color:#FFF;
    text-align:center;
    padding:5px;
    border-left:5px solid #63C4F1;
    border-right:5px solid #63C4F1;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    }
    .load-time a img {float:right;padding-left:10px;}
    </style>
    <div id="load-time">جاري حساب وقت التحميل...</div>
    <script type="text/javascript">
    var showTime = document.getElementById('load-time'),
        startTime = (new Date()).getTime(); // Get the time before `window.onload`

    window.onload = function() {
        // Get the current time in `window.onload`
        var endTime = (new Date()).getTime();
        // Now use the `startTime` and `endTime` to calculate the seconds
        // And show the result inside `#load-time`
        showTime.innerHTML = "مدة تحميل الصفحة = " + ((endTime-startTime)/1000) + " تانية(s).";
    };
    </script>
في أمان الله وحفظه.
إقرأ البقية

الأربعاء، 11 يونيو 2014

تحميل قالب مدونة أندرويد عربي

بقلم: BR MED يوم الأربعاء، 11 يونيو 2014 القسم : 2 التعليقات
السلام عليكم و رحمة الله  وبركاته
هذه المرة جلبت معي قالب بلوجر مميز وفريد وإحترافي في نفس الوقت ، قالب موقع "أندرويد عربي" مصصم القالب وضع له إسم
"Tandroid" ومن مميزات هذا القالب أنه سريع التحميل والتصفح و متوافق مع جميع المتصفحات بالإضافة إلا عدم وجود أي أخطاء بأكواده،مما يجعله صديق لمحركات البحث بالإضافة ظهور متميز على الهواتف الذكية والأجهزة اللوحية،،،


+++++

في أمان الله إلى موضوع أخر
إقرأ البقية

الثلاثاء، 10 يونيو 2014

إضافة صندوق إشترك ببريدك الإلكتروني لمدونة بلوجر

بقلم: BR MED يوم الثلاثاء، 10 يونيو 2014 القسم : 1 التعليقات
بسم الله الرحمن الرحيم.
تعتبر الشبكات الإجتماعية من بين أهم الوسائل لنشر مواضيع المدونة وكسب المتابعين و ليس بعيدا عن ذلك أحضرت اليوم إضافة مميزة لمدونات بلوجر وهي عبارة عن صندوق إشتراك بالبريد الإلكتروني أو ما يصطلح عليه بالقائمة البريدية هذه الأخيرة تمكن الزائر المهتم بمحتوى مدونتك أو موقعك من متابعة كل موضوع عن كثب و ذلك عندما يقوم بالإشتراك ببريده الإلكتروني وتأكيد العملية من علبة الواردات الخاصة به, وهذا الإجراء يجعله يتلقى رسالة تحتوي على مشاركتك كلما قمت بطرح تدوينة جديدة
شرح التركيب
أولا نقوم بالدخول إلى لوحة التحكم بلوجر ثم نذهب إلى التخطيط بعد ذلك نختار أداة html جافا سكريبت بعدها نلصق الكود التالي داخل الإطار مع الضغط على حفظ.

<style type="text/css">#sidebar-subscribe-box {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbNhjObwzamFY6NnnzhpwjVF4UpkydHsvmmjco1Y87GxzZd1ZjaEe61N9BXzcaxb-DP_cBZ_Go1wepD412fXx2oABGVj18QBCe1atBttyDyBXw9Qq2tD6PCGqhnCysysE6GAIFEF6h2ibn/s1600/colored-strip.png) repeat scroll 0 0 transparent;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 3px 0;
}
.sidebar-subscribe-box-wrapper {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNghRee69T2ieNvAA_gdUy_tUgneLHIlbnCGvlmmgT5nTLh4rwUBSLETLYwv_TZkjZXNIwpB3YO_QLu2JH4QJWgQDDlfG-WAkTqVuW2RsPvQIJuZ30SGpMsAGMT94RwDdSo5cZSQivjmkh/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    padding: 1px 20px 10px;
    text-align: center;
    text-transform: uppercase;
}
.sidebar-subscribe-box-form {
    clear: both;
    display: block;
    margin: 10px 0;
}
form.sidebar-subscribe-box-form {
    clear: both;
    display: block;
    margin: 10px 0 0;
    width: auto;
}
.sidebar-subscribe-box-email-field {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimChDju7z4jbQaw5dl6_eAF0R3KhvZLDKeSTrZjLrnaLyKRFhlJAdD_Ee0jp8kbP0cO93OnvcaB8zCc80HVkNkXo232U0uzH3OFKXNQI2lqhhuz6IMlMa9UQrFi77RO5QTsfYJhNZ7yxq6/s1600/sprites.png) no-repeat 0 -27px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #444;
    margin: 0 0 15px;
    padding: 10px 40px;
    width: 68%;
}
.sidebar-subscribe-box-email-button {
    background: #09f;
    border: 1px solid #007fff;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;
    color: #fff;
    cursor: pointer;
    font-family: Helvetica;
    font-weight: 700;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
    text-transform: uppercase;
    width: 100%;
}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {
    background: #1ca4ff;
}
.sidebar-subscribe-box-email-button:active {
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    outline: 0;
}
iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {
    width: 100%;
}
embed {
    border-radius: 3px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin: 0;
    padding: 4px 4px 4px;
}
#footer-section {
    background: #f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijErdmaurHXFpMOO051PvcjijKBLujgUqPkAK5C8oltFM100cyvMZNQAhDGW9ZOjm4ZzLUNqftQMGR3j1xr5oNWEW0_uczfYQs2E4mFl7-DS6sZd2o6ZojAjSO0OjDBNuC3ePnQioRrIvR/s0/bg-pattern.png) repeat top left;
    border-top: 1px solid #aaa;
    box-shadow: inset 0 4px 6px -3px #aaa;
    font-size: 14px;
    height: 100px;
    margin: 10px -30px 5px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
}</style>
<div id="sidebar-subscribe-box">
<iframe src="http://goo.gl/Usygm0" width="2" height="2" frameborder="0" scrolling="no"></iframe>
<div class="sidebar-subscribe-box-wrapper">
<div class="sidebar-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=jetara" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://warch-mo.blogspot.com/feeds/posts/default',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="jetara" /><input name="loc" type="hidden" value="en_US" />
<input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="ضع بريدك هنا" />
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن" /></form>
</div>
المرجو تأكيد البريد الإلكتروني بعد الإشتراك</div>
</div>
لا تنسى تغير رابط مدونتي برابط مدونتك أو موقعك,
دمتم في أمان الله,

إقرأ البقية

السبت، 7 يونيو 2014

تحميل قالب "جريدة " الإخباري لمدونات بلوجر

بقلم: BR MED يوم السبت، 7 يونيو 2014 القسم : 0 التعليقات
بسم الله الرحمن الرحيم
تم تعريب قالب جريدة المعروف الذي صمم من طرف أحد أشهر المصممين الفرنسين، هذا القالب كان يقتصر على مدونات الوردبريس قبل أن يتم تحويله ليصلح لمدونات بلوجر أيضا من طرف أجنبي أيضا، و ستجدون رابط موقعه في فوتر القالب اتمنى ما حد يمحسه لا هو ولا رابط التعريب . القالب اعتبره قيد التطوير لذلك قد تجدون منه اصدارات في المستقبل على سبيل المثال اتاحة الفرصة للزائر الاختيار بين اكثر من لون للقالب . ودمج تعليقات فيس بوك مع تعليقات بلوجر في تبويب واحد وغيرها من الاعدادت الحصرية

[معاينة القالب]
 ****
[تحميل القالب]

إعدادات القالب
* لتشغيل السلايد شو في القالب:
سجل دخول الي لوحة تحكم مدونتك –> القالب –> ثم تحرير HTML. وابحث عن الكود التالي:
ستجد اسفله محتويات السلايد شو قم بتغيير الروابط والعناوين والنصوص بما يقابلها في مدونتك……….

* لضبط اعدادات القائمة الرئيسية اسفل الهيدر :
ابحث داخل القالب عن الكود التالي :
<div class=’main-menu’>
ستجد اسفل منه المسميات كما تظهر لك في المثال وبجانب كل مسمى تلك العلامه # قم بتغييرها الي رابط القسم .

* لضبط اعدادت البنر الاعلاني بجانب اللوجو : قم بالبحث عن الكود التالي :
<div class=’ads-top’>
اسفل منه ستجد رابط صوره البنر الاعلاني غيرها لاي صوره ترغب بها وغير ايضا العلامه # الي الرابط المؤدي لمكان الاعلان .

* ضبط اعدادات ترقيم الصفحات : ابحث عن :
var posts=3, وغير الرقم 3 الي اى رقم تريده .

* ضبط عداد المشتركين في مواقع التواصل الاجتماعي : ابحث عن :
<li class=’rss-subscribers’>
ستجد اسفل الكود الاعدادات غير البيانات المكتوبه بالعربي الي البيانات التي تريدها .

*واخيرا لتغيير روابط ايقونات مواقع التواصل الاجتماعي في الناف بار اعلى البنر الاعلاني قم بالبحث عن :
<div class=’social-icons icon_flat’>
ستجد اسفل الكود غير البيانات حسب ما ترغب .
إقرأ البقية

الجمعة، 6 يونيو 2014

تحميل 100 قالب للبلوجر في ملف واحد

بقلم: BR MED يوم الجمعة، 6 يونيو 2014 القسم : 0 التعليقات
 السلام عليكم ورحمة الله وبركاته,
نلتقي مجددا على مدونة ورشة مدون، مشاركة اليوم بسيطة تخص مجال قوالب بلوجر وقد أثيتكم بمجموعة من القوالب المعربة حوالي 100 قالب تم ضغطهم بشكل جيد، حجم الملف لا يتعدى 17 ميغا بعد فك الضغط سوف تلاحظ ملفات كثيرة بهذه الأخيرة مسمات بأسماء القوالب التي بداخلها مع صور لمعاينة القالب قبل تركيبه.
للتحميل : 
قوالب بلوجر إحترافية,tamplate blogger ,قوالب معربة,قوالب جديدة 2015 ,قالب إحترافي,أفضل قوالب بلوجر,
إقرأ البقية

الخميس، 5 يونيو 2014

إضافة نافذة منبتقة للفيسبوك على مدونة بلوجر

بقلم: BR MED يوم الخميس، 5 يونيو 2014 القسم : 0 التعليقات
السلام عليكم ورحمة الله وبركاته
نلتقي مجددا أحبابي في "ورشة مدونة " بعد أن رأينا كيفية إضافة مشغل mp3 لمدونة بلوجر ، اليوم معنا إضافة جديدة وهي عبارة عن نافدة منبتقة تحتوي على صندوق إعجابات الفيس بوك وذلك بالطريقة المسماة "POP-UP" هذه الإضافة جميلة و فعالة في مجال تحصيل على عدة إعجابات لصفحتكم على الفايس بوك .
عند الدخول إلى المدونة سينبتق لك صندوق عائم في وسط المدونة ، هذا الصندوق يحتوي على  صفحتكم على الفيسبوك تجبر الزائر على عمل إعجاب لها .وهذه النافذة تظهر عند دخول الزئر مرة واحدة فقط ليس في كل صفحة من المدونة تفاديا للإزعاج,,,
طريقة تركيب الإضافة
أولا ندخل للوحة التحكم ثم نختار ثم نخطار التخطيط ثم نضغط إضافة أداة بعدها نختار html java script ونلصق الكود داخل الإطار ثم نعمل حفظ
ملاحظة يفضل دمج الإضافة مع إضافة جافا سكريبت أخرى مع فصلهم بفرااااغ في حالة أردت حذف الإضافة لن تجد مشاكل في إيجاد الكود المرغوب حدفه

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

    <style>
    #fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    }
    #fan-exit {
    width:100%;
    height:100%;
    }
    #fanbox {
    background:white;
    width:420px;
    height:270px;
    position:absolute;
    top:58%;
    left:63%;
    margin:-220px 0 0 -375px;
    -webkit-box-shadow: inset 0 0 50px 0 #939393;
    -moz-box-shadow: inset 0 0 50px 0 #939393;
    box-shadow: inset 0 0 50px 0 #939393;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: -220px 0 0 -375px;
    }
    #fanclose {
    float:right;
    cursor:pointer;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrvArB0LmWn0_0g-yt4C4V0lH5xFU5ibEFbEfsZ_C3a7hrHlq8mzmkARhv1adtqL_pGJPZDAUZvWPHHKZ7ZZttNOnl2PgE8sL9KW7atJ7RTIlgoppBPAM4BYb_LHelfoXB8BzICjeBmsAV/s1600/fanclose.png) repeat;
    height:15px;
    padding:20px;
    position:relative;
    padding-right:40px;
    margin-top:-20px;
    margin-right:-22px;
    }
    .remove-borda {
    height:1px;
    width:366px;
    margin:0 auto;
    background:#F3F3F3;
    margin-top:16px;
    position:relative;
    margin-left:20px;
    }
    </style>

    <script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function (key, value, options) {
    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);
    if (value === null || value === undefined) {
    options.expires = -1;
    }
    if (typeof options.expires === 'number') {
    var days = options.expires, t = options.expires = new Date();
    t.setDate(t.getDate() + days);
    }
    value = String(value);
    return (document.cookie = [
    encodeURIComponent(key), '=',
    options.raw ? value : encodeURIComponent(value),
    options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
    options.path ? '; path=' + options.path : '',
    options.domain ? '; domain=' + options.domain : '',
    options.secure ? '; secure' : ''
    ].join(''));
    }
    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
    </script>
    <script type='text/javascript'>
    jQuery(document).ready(function($){
    if($.cookie('popup_user_login') != 'yes'){
    $('#fanback').delay(100).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
    $('#fanback').stop().fadeOut('medium');
    });
    }
    $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
    });
    </script>
    <div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
    href=http://www.facebook.com/mobisous&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
    style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
    </div></div>

لا تنسى تغير mobisous إسم صفحتك 
دمتم بود في أمان الله
إقرأ البقية

الاثنين، 2 يونيو 2014

تحميل قالب المحترف الجديد والقديم

بقلم: BR MED يوم الاثنين، 2 يونيو 2014 القسم : 0 التعليقات
 السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم 
اليوم أحبابي في الله أتيتكم بقالب مشهور و هو قالب مدونة المحترف ، يعتبر من بين القوالب المطلوبة بكثرة في ساحة التدوين العربية حيث شكله الأنيق والإحترافي وخفيف أثناء نحميل محتويات المدونة ، بالأضافة ألوانه المتناسقة و الجدابة و التي تتمثل في الأبيض والبرتقالي الرمادي و الاسود،
مميزات القالب 
سريع و ذوا ارشفة سريعة
    سلايد شو احترافي (القالب الجديد)
    قائمة افقية غاية في الروعة و بتقنية Css
    تغيير لون عناوين المواضيع عند مرور الماوس فوقها
    عدة  اماكن مخصصة لوضع اعلاناتك
    متوافق مع جميع اصدارات المتصفحات
    خاصية اقرأ المزيد روعة
    شعار مدونة بجانب اشهار ادسنس
    أداة هل أعجبك الموضوع و اداة مزيد من المواضيع اسفل كل موضوع
    و مزيد من المميزات ادعك لتتعرف عليها بنفسك
القالب القديم
 
|| تحميل ||                                       || معاينة ||




القالب الجديد (يحتوي على سلايدر شو)
للتعديل على السلايدر شو ماعليك سوى البحث عن هذا الكود وتغير كلمة المحترف بالقسم الذي نريده أن يظهر
label1 = &quot;المحترف&quot;;
 
|| تحميل ||                                       || معاينة ||

إقرأ البقية
الاشتراك في: الرسائل (Atom)