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

أسهل طريقة لمنع نسخ و سرقة مواضيع مدونتك

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

<!-- Disable Copy and Past كود منع نسخ المواضيع --ورشة مدون-->
<script language='JavaScript1.2'>

function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

<!-- Disable Copy and Past كود منع نسخ المواضيع --ورشة مدون-->


ثم تقوم بحفظ التغيرات و المعاينة وسوف تلاحظ أن زر الفأرة الأيمن لا يعمل  و بالتالي لا يمكن نسخ النصوص أو المواضيع من المدونة،
*ملاحظة مهمة : هذه التقنية لا تصلح للأشخاص الذين يضعون شرحات  الأكواد في المدونة مثلي ، ولكن ترقبوا مني وضع شرح أخر حول تمكين الزائر من نسخ الأكواد فقط دون غيرها...
وصلنا إلا نهاية الشرح ، دمتم بود وفقكم الله
إقرأ البقية

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

حفظ حقوق مواضيعك مع الحصول على باك لينك

بقلم: BR MED يوم الثلاثاء، 17 يونيو 2014 القسم : | 0 التعليقات
 السلام عليكم و رحمة الله بعض المدونين يعانون من نقل مواضيعهم التي يتعبون في كتابتها و يأتوا بعض الأشخاص سامحهم الله ويقومون بسرقة مجهودات الأخرين ، وهذه الظاهرة للآسف توجد عند العرب بكثرة و اليوم أحبابي في الله سوف أريكم طريقة تمكنكم من حفظ حقوق مواضيعكم والحصول على باك لينك و ذلك عبر إرفاق رابط المصدر الذي نسخ النص من مع المحتوى المنسوخ وذلك بطريقة سهلة تابع الشرح :
الطريقة الأولى
1- الذهاب للوحة التحكم > القالب > تحرير html
2- الضغط على الزرين ctrl+f بنفس الوقت والبحث عن هذا الوسم <head>
3- ثم لصق هذا الكود بعده مباشرة.

<script type='text/javascript'>if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('d-PytMlMWr4j7madbi-bnq');Tynt.i={"ap":"المصدر: ورشة مدون"}; (function(){var s=document.createElement('script');s.async="a sync";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>



الطريقة الثانية
1- الذهاب للوحة التحكم > التخطيط > إختيار آداة java script html
2- ثم لصق هذا الكود داخل الإطار ثم نضغط حفظ

 <script type='text/javascript'>
    function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/> المصدر : <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Content Copyrighted to Hobby to Money";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.right="-99999px";a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink
    </script>

في كلتا الحالتين قم بنسخ أي موضوع في تدوينتك و ألصقه في مكان أخر لترى ماذا سيحدث
المهم وصلنا إلى نهاية شرحنا اليوم دمتم بود في أمان الله
إقرأ البقية

الأحد، 15 يونيو 2014

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

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

شرح كيفية إضافة السلايدر شو
 1- من  لوحة التحكم -> قالب -> تحرير HTML
 2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
 3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>

 *والصق الكود التالي قبله مباشرة
    .featuredpost.box_skitter.box_skitter_home.maxxiz-theme{padding:4px; background-color:#FDFDFD; box-shadow:0 1px 5px #BDBDBD; -moz-box-shadow:0 1px 5px #BDBDBD; -webkit-box-shadow:0 1px 5px #BDBDBD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:350px; position:relative; z-index:88; margin-bottom:15px}
    .box_skitter_home.maxxiz-theme .prev_button,
    .box_skitter_home.maxxiz-theme .next_button,
    .box_skitter_home.maxxiz-theme .info_slide_dots{background-color:#F3F3F3; background:-moz-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-o-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-ms-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:linear-gradient(top,#FFF 0%,#F3F3F3 100%); transition:background-color linear .3s; -moz-transition:background-color linear .3s; -webkit-transition:background-color linear .3s; -o-transition:background-color linear .3s; outline:0}
    #autorslidertop{padding:4px; border:1px solid #DDD; background-color:white; box-shadow:0 1px 5px rgba(0,0,0,.15); -moz-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
    .box_skitter ul{display:none}
    .box_skitter .container_skitter{overflow:hidden; position:relative; width:100% !important; height:100% !important; max-width:100%}
    .box_skitter .image{overflow:hidden; max-width:100%; max-height:100%; height:350px}
    .box_skitter .image &gt; a{display:block; height:350px}
    .box_skitter .image img{display:none; width:100%; height:100%; max-height:100%}
    .box_skitter .box_clone{position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:20}
    .box_skitter img{max-width:none}
    .box_skitter .box_clone img{position:absolute; top:0; height:350px; left:0; z-index:19; max-width:710px; width:710px}
    .box_skitter .prev_button{position:absolute; top:50%; left:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px}
    .box_skitter .next_button{position:absolute; top:50%; right:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px}
    .box_skitter .info_slide{position:absolute; top:15px; left:15px; z-index:100; background:#000; color:#FFF; font:padding:5px 0 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.75}
    .box_skitter .info_slide .image_number{background:#333; float:left; padding:2px 10px; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
    .box_skitter .info_slide .image_number_select{background:#c00; float:left; padding:2px 10px; margin:0 5px 0 0}
    .box_skitter .container_thumbs{position:relative; overflow:hidden; height:50px}
    .box_skitter .info_slide_thumb{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; height:45px; top:auto; bottom:-5px; left:-5px; padding:5px; opacity:1.0}
    .box_skitter .info_slide_thumb .image_number{overflow:hidden; width:70px; height:40px; position:relative}
    .box_skitter .info_slide_thumb .image_number img{position:absolute; top:-50px; left:-50px}
    .box_skitter .box_scroll_thumbs{padding:0 10px}
    .box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolute; bottom:60px; left:50px; background:#ccc; background:-moz-linear-gradient(-90deg,#555,#fff); background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff)); width:200px; height:10px; overflow:hidden; text-indent:-9999em; z-index:101; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; cursor:pointer; border:1px solid #333}
    .box_skitter .info_slide_dots{position:absolute; bottom:-40px; z-index:151; padding:5px 0 5px 5px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px}
    .box_skitter .info_slide_dots .image_number{background:#333; float:left; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:18px; height:18px; text-indent:-9999em; outline:0; overflow:hidden}
    .box_skitter .info_slide_dots .image_number_select{background:#c00; float:left; margin:0 5px 0 0}
    .box_skitter .label_skitter{z-index:80; position:absolute; bottom:0; left:0; display:none}
    .loading{position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px; color:#FFF; text-indent:-9999em; overflow:hidden; background:#FFF no-repeat left top; width:32px; height:32px}
    .label_skitter{z-index:150; position:absolute; bottom:0; left:0; color:#FFF; display:none; opacity:0.9}
    .label_skitter p{padding:5px; margin:0}
    .info_slide *{}
    .box_skitter .progressbar{background:#000; position:absolute; bottom:5px; left:10px; height:5px; width:940px; z-index:99; border-radius:20px}
    .preview_slide{display:none; position:absolute; z-index:999; bottom:40px; left:-40px; width:100px; height:50px; border:3px solid #FFF; background:rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,0.7) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 10px; box-shadow:rgba(0,0,0,0.7) 0 0 10px; overflow:hidden}
    .preview_slide ul{width:100px; height:50px; padding:0; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0}
    .preview_slide ul li{width:100px; height:55px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block}
    .preview_slide ul li img{position:absolute; top:0; left:0; height:55px; width:100px}
    #overlay_skitter{position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000}
    .box_skitter_home{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45-bqJbq-f9M8_3zp0W2tQ5-8Sb-4l2dbh9xUCvaVym4H2_utLU1gYlq_ff7LOLxAmN5DpWkB2qjP3uA6JfOH6nZf_yxzcZe3g6TKa53GP0przwazw1Y12ANQUjNG9l8v7WqCSWgUCDU/s1600/anim_loading_sm_082208.gif); background-position:center center; background-repeat:no-repeat}
    .box_skitter_home.maxxiz-theme .prev_button,
    .box_skitter_home.maxxiz-theme .next_button,
    .box_skitter_home.maxxiz-theme .info_slide_dots{border:1px solid #FFF; box-shadow:0 1px 3px #BDBDBD; -moz-box-shadow:0 1px 3px #BDBDBD; -webkit-box-shadow:0 1px 3px #BDBDBD; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
    .box_skitter_home.maxxiz-theme .info_slide{}
    .box_skitter_home.maxxiz-theme .info_slide_dots{    bottom:-14px;     height:30px;     padding:0px 4px;     z-index:99}
    .box_skitter_home.maxxiz-theme .info_slide_dots span{transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0zG7-ajyNrm_l30p-kAFmw_2qRlcyvSdcg7xaNJeMDLwr_xIYeXYhHESIsJaUCvuFbAaRI46frd346OzJ0gavL3Y-p-kSwzGo6GjgR9DXnL-AKwna47vk5PuQ1GahKQ8MGnCPOnJ6PU/s1600/light-overlay.png); background-repeat:repeat-x; background-position:left -13px; background-color:#d1d1d1; color:#777; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border-bottom:1px solid #FFF; display:block; width:10px; height:10px; text-indent:-9999px; float:left; margin:10px 6px 0 6px}
    .box_skitter_home.maxxiz-theme .info_slide_dots span:hover{background-color:#777}
    .box_skitter_home.maxxiz-theme .info_slide_dots span.image_number_select{background-color:#1ABFC6; border:none; width:14px; height:14px; margin:8px 3px 0 3px; box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1)}
    .box_skitter_home.maxxiz-theme .prev_button,
    .box_skitter_home.maxxiz-theme .next_button{display:block; width:75px; height:22px; line-height:30px; text-decoration:none; font-size:10px; text-transform:uppercase; transition:none; -webkit-transition:none; -o-transition:none; -moz-transition:none; text-indent:0; bottom:-11px; top:auto; color:#777; z-index:98; cursor:pointer}
    .box_skitter_home.maxxiz-theme .prev_button:hover,
    .box_skitter_home.maxxiz-theme .next_button:hover,
    .box_skitter_home.maxxiz-theme .prev_button:active,
    .box_skitter_home.maxxiz-theme .next_button:active{opacity:1 !important}
    .box_skitter_home.maxxiz-theme .next_button{right:25.5%; padding-right:5px; text-align:right; line-height:22px; opacity:1 !important}
    .box_skitter_home.maxxiz-theme .next_button span{padding-right:20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKrr-4iBbJbgndq2tzMdzh_1gqOZfWRuIdLLU9GpcvMwqlxV3JgcrStHdufbz-iLcHBk-BL4yQmmaGR080KuAtVSMofySjKLH-0UCfAp5VbJ3ZOX77bAy3FNQocWtbS4CyhT_egPwNio/s1600/nav-next.png) no-repeat left top; background-position:right center; padding-bottom:1px; display:block}
    .box_skitter_home.maxxiz-theme .prev_button{left:25.5%; padding-left:5px; text-align:left; line-height:22px; opacity:1 !important}
    .box_skitter_home.maxxiz-theme .prev_button span{padding-left:20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Gl_Fz2-UeSJw99lV2zgZJX5nUCEQzl2UW7SuOwv4FA70zgGWXh9MJOa6LU8wzm6aiNRW6BiO859QIsVKpMGFlqtxvCAfXKM3eojPHpeaTGcNvcSTl0nYtGTX3kc7DgVX5AlyVugJA0Q/s1600/nav-prev.png) no-repeat left top; background-position:left center; padding-bottom:1px; display:block}
    .box_skitter_home.maxxiz-theme .label_skitter{width:90%; padding:0; left:50%; margin-left:-45%; bottom:10%; text-align:right; height:auto; color:white}
    .box_skitter_home.maxxiz-theme .label_skitter .inner{padding:5px 8px 5px; background:#1ABFC6; border-right:5px solid white; border-left:5px solid white}
    .box_skitter_home.maxxiz-theme .label_skitter p{padding:0; margin-top:5px; margin-bottom:5px; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.3)}
    .box_skitter_home.maxxiz-theme .label_skitter strong{margin-top:0; line-height:20px !important; font-size:15px; text-shadow:0 1px 0 rgba(0,0,0,.3); color:white}
    .box_skitter_home.maxxiz-theme .label_skitter a{color:#fff; text-decoration:none; font-family:arial,tahoma; font-size:17px; text-shadow:1px 1px #00D2D9}
    .box_skitter_home.maxxiz-theme .label_skitter a:hover{color:#00D2D9}
    .box_skitter_home.maxxiz-theme .info_slide_thumb{background-color:#FFF}
    .box_skitter.maxxiz-theme .info_slide_thumb .image_number{margin:5px}
    .box_skitter .container_skitter .date,
    .box_skitter .container_skitter .cm{font-size:8px}
    .box_skitter .container_skitter .date span{margin-right:3px}
    #autoslidenya .widget-content,
    #manualslidenya1 .featuredarea{margin:0; padding:2px}
    #manualslidenya1 .featuredarea{margin:0 0 15px}

* ثم قم بالبحث عن الكود التالي
</head>

* والصق الكود التالي قبله مباشره
<script type="text/javascript" src="http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>


*أخيرا قم بالبحث عن أحد هذه الأكواد
 <div id='main-wrapper'>
          او
<div id='content'>
          او
<div id="content"></div>
          او
<div class='column-center-inner'>

*ألصق الكود التالي بعده
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='clear'/>
<div id='featpost'/>
<script type='text/javascript'>
jQuery(&quot;#featpost&quot;).AutofeaturedPost({
blogURL: &quot;http://warch-mo.blogspot.com/&quot;,
MaxPost:10,
tagName: &quot;قوالب بلوجر&quot;
});
</script>
<div class='clear'/>
</b:if>
لاتنسى تغير رابط مدونتي
وتغير كلمة "قوالب بلوجر" بإسم القسم الذي تريد أن يظهر
وبالاخير قم بحفظ القالب وتمتع بمشاهدة السلايدرشو وهو يعرض اخر مواضيع مدونتك بطريقه تلقائيه وبدون بذل اي جهد او تعب من قبلك...
دمتم بود في أمان الله
إقرأ البقية

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

صندوق الأكواد المطور للبلوجر

بقلم: BR MED يوم الجمعة، 13 يونيو 2014 القسم : 0 التعليقات
لاشك أن الكثير من المدونين يسعون إلى تزين وتنسيق مواضيع مدوناتهم ومن بين التقنيات المستعملة لزيادة من رونق  المدونة هي وضع الأكواد داخل إطارات مختلفة الاشكال و الألوان و ذلك قصد تبيان الكتابة العادية من الأكواد وفي هذه التدوينة إكتفيت بهذا الصندوق المميز والسهل الإستخدام ، كي لا أطيل عليكم ننتقل إلى الشرح.
أولا ندخل للوحة التحكم ثم القالب بعدها نضغط تحرير html ونبحث عن هذا الوسم ]]></b:skin>
بعدها نلصق فوقه هذا الكود مباشرة :

.post blockquote{margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(http://imageup.fr/uploads/1381029139.png) no-repeat top center; font: bold 1em GESSTwoMediumRegular, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border: 5px dotted #127793;}
.post blockquote { max-height:200px; overflow: scroll }
أما طريقة إستخدامه فهي سهلة بعدكتابة التدوينة قم بالتضليل على النص أو الكود المراد وضعه في الصندوق ثم إضغط على هذا الزر كما في الصورة :
هذا الزر يوجد في شريط أدوات التحرير.
بعد ذلك قم بالحفظ ستلاحظ الكود داخل الصندوق،ملاحظة فقط هذا الكود يشمل خاصية blockquote بشكل كلي يعني لو كنت مثلا وضعت بعض النصوص في مواضيع قديمة في خاصية blockquote فستضهر هي ايضا في صندوق الاكواد والمقصود ان هذه الطريقة تصلح كثيرا للناس التي تضع اكواد في المواضيع مثلي ...
هذا كل شيئ بالتوفيق للجميع ودمتم في رعاية الله وحفظه.
إقرأ البقية

الخميس، 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)