الخميس، 11 سبتمبر 2014

أزرار الصفحات الإجماعية بشكل أنيق و متحرك

بقلم: BR MED يوم الخميس، 11 سبتمبر 2014 القسم : 1 التعليقات
 السلام عليكم ورحمة الله وبركاته
في هذه التدوينة أحبابي في الله إخترت طرح إضافة إجتماعية رائعة هي أزرار للصفحات والمواقع الإجتماعية و الخلاصات بحلة أنيقة و إحترافية و قد إخترت هذه الإضافة لكون الإضافات الإجتماعية هي الأكثر إنتشارا على واجهات المواقع أو المواضيع سواء كانت أزرار مشاركة أو تعرض المواقع فقط أو حتى المنشورات و المميز في هذ الإداة اليوم هو أنها خفيفة متحركة عند تمرير الماوس
طريقة تركيب الإضافة
1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
بعدها ضع الكود التالي في الإطار تم قم بالحفظ

    <div dir="rtl" style="text-align: right;" trbidi="on">
    <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
    <center>
    <div id="social">
    <!--Start Rss Icon--> <a href="http://feeds.feedburner.com/warch-mo" rel="nofollow" target="_blank" title="إشترك في خلاصة المواضيع"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-8RPypvewoiaItFeLI-lGGEjQkozDWILPai-kkeD1qn1S6mxhA15l25yANanGu1P6mmL5MEW_oCyWRa9K3XXNCQlCyz4c6oORQlgXZYi8HZGjhpJ0Jui0gBYSOUyqXauIapvNlZC-ds/s128/rss_11-20110811163952-00001.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon-->  <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="https://www.facebook.com/magriblook" rel="nofollow" target="_blank" title="تابعنا على الفيس بوك"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCh3pO1-w4P0CE8Y_7fvzGoQuMD6f4oz6IT-vHbZiyJCTbpEBixiClp0-Yg0V1RW5uU5RDVBn9LNqiMi3IFTTkovMONgxGD9hIzllAmEDAq2muBkuq19nI_pZMbo22TopKuw_oA2BwE4g/s128/facebook_11-20110809213253-00001+%25281%2529.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="https://twitter.com/motofbix" rel="nofollow" target="_blank" title="تابعنا على تويتر"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7zZ3ipfA0UEMHTt7g2s1cLvaBsxBcsV3-iDyb96XdqTDIbCZ6I5S0C8MRYw2f5wGOGwEl4GKZcYhOg1pHLGF1R2quikgx5wyC-JTSwZVt8hDll9Ras01hGRz09dme2V2Jrc8svlrc_4/s128/twitter_11-20110811174544-00001.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="https://plus.google.com/u/0/104753369012716009644" rel="nofollow" target="_blank" title="تابعنا على جوجل+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfHZgvBHB6B3yjEHvVUFEQqz4HA7eBBY2ZFHtPL3icxVa7oiazJ_Ga6IDhDpm0ma7vc8xjQ-9boJwrXu6fJoPfPWwTCfievxqAhrKCLGAXbhYjx-zBI1slv-qAs-l-J35tc9nICkia7E/s128/google_plus11-20110926163833-00001.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon-->  </div>
    <!--Start Feed Count Button--> <!--End Feed Count Button--> </center>
    </div>
لا تنسى تغير الروابط الحمراء بروابط صفحاتك
هذا كل ما في الأمر أتمنى أن تجبكم الإضافة دمتم بود في أمان الله
إقرأ البقية

الاثنين، 8 سبتمبر 2014

أزرار المواقع الإجتماعية بخاصية CSS

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

1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
بعدها ضع الكود التالي في الإطار تم قم بالحفظ
    <style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;} p#hb_socialicons img:hover {    -moz-transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -o-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    transform: rotate(-360deg);} /* Spinning Social Icons Widget By HelperBlogger */</style>     <center><p id="hb_socialicons">    <a href="http://www.facebook.com/magriblook/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZ0i1JAQE-hMHQyskMhiFofmH74s88toHgRUyjHmRQjqX-CU-S4VqtDnTEkn842qfbl-pfcjK7BqvjwKRrASC7VLksu8PeKVlfjCRmupQkJBKm4X7gmPlhJ6x8nqsdbNtRh3KWj105P4/s1600/helperblogger.com-facebook.png" /></a>    <a href="http://www.twitter.com/mohtofbix/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThd4439RoDrGjFQvGq5Q6n-C5n0RITr7SNVi0FexZM96gQVYqQAx_38fh4sKyJ_KRTbvqH51ZUNlNWxB-AsvG-PNFYFmTmKDD57iyYtOruLLVGGziKbwOzZTKiK4Kts3u5TGQbP3xijo/s1600/helperblogger.com-twitter.png" /></a>    <a href="https://plus.google.com/u/0/104753369012716009644"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZH2gmoS91Gwuusid-o1yGkyI3n5YjQvlrWJI9ftMiUjUvVp9ugtYpqMALY1HDWwCjLfRW5Q0BCzT6hRwHc93PD7xXD2K_AwF1jrM5ekx3FHLuESdXxRFggrfkRwyKEdt1p7n7ckvswY/s1600/helperblogger.com-google_plus.png" /></a>    <a href="http://www.feeds.feedburner.com/warch-mo/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OlKA6R42vfW4Am-rvST7grOBQvJOQC7_EMaCUXKsnDNnrb9lZQ8NOPcoD8rd5uhR8JdMq__EYXthZKocdDBZ5ueGgNDxvDVCgxrGUIfDKNYW48zuVJd7q4FFG_X05J1Wd-Hjl3r5ZNY/s1600/helperblogger.com-rss.png" /></a>    <a href="http://www.youtube.com/medosat99/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmtOh_wlcWHv_AuKDoX5F1nedeO7RH7EtigAwIdSgClIeqyvHNjLoegUVzs03oo1EYnBD_cmzxIE16fMYHoITVx4A9OqS5y1TiZmHcNWMPTKZbgs6jNZJkqIisZL-YSjqLWypIoIRanFM/s1600/helperblogger.com-youtube.png" /></a></p></center>
لا تنسى تغير الروابط الحمراء بالروابط الخاصة بك
هذا كل ما في تدوينة اليوم أشكركم على تعليقاتكم المشجعة و أتمنى أن تنال مداونتي إعجابكم
دمتم بود في أمان الله
إقرأ البقية

حصريا حل مشكلة توقف سلايدر شو المحترف على ورشة مدون

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

اذهب الى للوحة تحكم مدونتك تم الى القالب تم تضغط على تحرير القالب بعد ذالك تبحث عن:
http://dl.dropbox.com/u/12924430/contentslider.js
وستبدله بهذا الرابط:
https://dl.dropboxusercontent.com/s/2t0ulnjvt2kl4hy/slider%20warch-mo.blogspot.com.js
و سوف يعاود الإشتغال بإذن الله
إقرأ البقية

السبت، 6 سبتمبر 2014

تحميل قالب"Tracker Magazine" المعرب و المطور

بقلم: BR MED يوم السبت، 6 سبتمبر 2014 القسم : 0 التعليقات
 
السلام عليكم 
أحبابي في الله في هذه المشاركة قررت أن أطرح لكم هذا القالب المعرب و المطور إسم القالب "TRACKER MAGAZINE"
في الحقيقة هو قالب بلوجر إحترافي % 100 قالب باللون الأزرق الفاتح يحتوي على عمود واحد على اليسار و من مميزات هذا القالب أنه خفيف وسريع التصفح بالإضافة إلى توافقه مع الأجهزة الذكية ,

||معاينة||                       ||تحميل||

يجب عليك التعديل على أكواد الميتاتاج
أما بالنسبة للقائمة الأفقية في أعلى الصفحة فيمكنك التعديل عليها من خلال البحث عن الكود التالي و تغير "#" برابط الصفحة المناسب
<i class='entypo-home'/>
</div>
<div class='nav-text'>
الرئيسية</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-user-add'/>
</div>
<div class='nav-text'>
عني</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-publish'/>
</div>
<div class='nav-text'>
الفهرس</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-layout'/>
</div>
<div class='nav-text'>
تبادل إعلاني</div>
</a>
</li>
<li>
  <a href='#'>
  <div class='nav-icon'>
<i class='entypo-signal'/>
</div>
<div class='nav-text'>
اشترك</div>
</a>
</li>
<li style='background-color: #ff3333;'>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-users'/>
</div>
<div class='nav-text'>
راسلنا</div>
</a>
</li>
</ul>
</nav>
قبل أن أنسى يحتوي القالب على قائمة تظهر أثناء التصفح من الهواتف الذكية و الألواح ذات أبعاد الشاشة الصغيرة ويمكنك تعديلها عبر البحث عن هذا الكود
 <li><a href='#'>تقنية</a></li>
            <li><a href='#'>اخبار</a></li>
            <li><a href='#'>إضافات</a></li>
            <li><a href='#'>أجهزة ذكية</a></li>
          <li><a href='#'>معلومات</a></li>
في أمان الله إلى تدوينة أخرى إنشاء الله 

إقرأ البقية

الأربعاء، 3 سبتمبر 2014

إظهار النسبة المئوية بجانب شريط التمرير للمدونة

بقلم: BR MED يوم الأربعاء، 3 سبتمبر 2014 القسم : 0 التعليقات
السلام عليكم ورحمة الله وبركاته
أولا أحب أن أعتذر عن الإنقطاع جراء بعض مشاكل مع شركة الإتصال ,,, المهم كأول لقاء مع متابعي ورشة مدون الأوفياء أتيتكم بمشاركة بسيطة جدا وهي جعل النسبة المئوية تظهر بأحد جوانب المدونة عند التمرير إما للأعلى أو الأسفل هذه الإضافة هي فقط لتزين واجهة مدونتك تبين نسبة تصفحك للصفحة في أسفل الصفحة تظهر 100% أما في الأعلى فالعكس أي تبدأ من واحد في المئة ثم ترتفع, أما طريقة تركيبها فهي سهلة فقط إتبع المراحل التالية:
أولا ندهب للوحة التحكم > القالب >تحرير html
 ثم نبحث عن هذا الوسم : </head>
ثم نضع الكود التالي فوقه مباشرة :
     <style>
    #scroll {
      display:none;
      position:fixed;
      top:0;
      right:20px;
      z-index:500;
      padding:3px 8px;
      background-color:#2187e7;
      color:#fff;
      border-radius:3px;
    }
    #scroll:after {
      content: " ";
      position: absolute;
      top:50%;
      right:-8px;
      height:0;
      width:0;
      margin-top:-4px;
      border:4px solid transparent;
      border-left-color:#2187e7;
    }
    </style>

نذهب لنفس الوسم الذي بحثنا عنه و لكن هذه المرة نضع هذا الكود أسفله مباشرة

<div id='scroll'></div>
ثم نبحث عن هذا الوسم </body>
ونضع فوقه الكود التالي مباشرة
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>
و أخيرا نقوم بحفظ القالب و مبرروك عليك
إقرأ البقية

الأحد، 10 أغسطس 2014

حفظ حقوق تعريب وتصميم القوالب بالجافا سكريبت

بقلم: BR MED يوم الأحد، 10 أغسطس 2014 القسم : | 11 التعليقات
السلام عليكم و رحمة الله و بركاته,
حقوق القوالب هو موضوع تدوينتنا اليوم أحبابي في الله , إن كنت من مصممين القوالب أو تقوم بتعريبها و عانيت من مشكلة سرقة القوالب و حذف الحقوق أو تغيرها ونسبها لشخص أخر درسنا اليوم سيضع حد لمعانتك , خصوصا كما نعلم جميعا فقد أصبح حذف الحقوق أو تحريفها شيء عادي عند أغلبية الأشخاص لأسف,,, و تعمل هذه الطريقة على حماية قالب مدونتك بمجرد إزالة رابط مدونتك من القالب أو أسفل حقوق القالب على تحويل أي مستخدم يدخل المدونة التي تم إزالة حقوق القالب منها, و للحفاظ على حقوق قالبك سواء كان من تصميمك أو من تعريب ما عليك سوى إتباع الخطوات التالية :
 أولا ندهب للوحة التحكم > القالب >تحرير html
 ثم نبحث عن هذا الوسم : </head>
بعدها نأتي لهذا الكود و نقوم بتغير رابط مدونتي بموقع المصمم أو المعرب,
و نغير كلمة warcha بإسمك,
window.onload = function(){
    var copy=document.getElementById("credit");    
    if(copy==null){
        window.location.href="http://www.warch-mo.blogspot.com/";
    };
    copy.setAttribute("href","http://www.warch-mo.blogspot.com/");
    copy.innerHTML="warcha"
};

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

المهم بعد تشفيره نقوم بوضعه بين الوسوم التالية كما هو مبين
<script type='text/javascript'>
//<![CDATA[
ضع الكود هنا
//]]>
</script>
ليصبح شكله هكذا :
<script type='text/javascript'>
//<![CDATA[
window.onload = function(){
    var copy=document.getElementById("credit");    
    if(copy==null){
        window.location.href="http://www.warch-mo.blogspot.com/";
    };
    copy.setAttribute("href","http://www.warch-mo.blogspot.com/");
    copy.innerHTML="warcha"
};
//]]>
</script>
بعد حصولنا على هذا الشكل نقوم بنسخ الكود كاملا و نضعه فوق الوسم الذي بحثنا عليه في أول الشرح
ثم نأتي لمكان وضع الحقوق في القالب و نضيف هذا الكود في مكانه المناسب
<a href="http://www.warch-mo.blogspot.com/" id="credit" >warcha</a>
هذا كل ما في موضوع اليوم أتمنى من صميم قلبي أن أكون أفدت الكثيرين ممن يعانون من هذه المشكلة.
إقرأ البقية

الجمعة، 8 أغسطس 2014

تعرف على 8 أسباب قد تؤدي بمدونتك إلى الحذف

بقلم: BR MED يوم الجمعة، 8 أغسطس 2014 القسم : | 1 التعليقات
السلام عليكم ورحمة الله وبركاته
أهلا بكم متابعي و زوار مدونة ورشة مدون الأوفياء في هذه التدوينة الخاصة والحصرية سوف أتطرق لمشكلة حذف مدونات البلوجر من طرف جوجل , بعد أن أصبحت منصات البلوجر تعرف إنتشارا ملحوظا و زيادة كبيرة في عدد المدونين المستخدمين لها خاصة في العالم العربي بصفة خاصة و هذا بطبيعة الحال راجع إلى سهولة و أمان هذه المنصة  بالإضافة إلى مجانيتها طبعا,,,
أما ظاهرة حذف مدونات البلوجر من طرف جوجل فهي ليست حديثة في العالم العربي و لكن إزدادت وثيرة الحذف و كي تحمي مدونتك و جهودك من الذهاب هباء,,, أقترح عليك مراجعة هذه الأسباب:
 1- مواقع تعطي برامج مدفوعة مجانا: (السريال /الكراك /الكايجن)
إن كانت مدونتك تمنح المستخدمين هذا النوع من البرامج أو الألعاب وتمكن و توفر لهم مفاتيح التفعيل بطرق غير قانونية فلا تفرح كثيرا فعندما يقوم موظف جوجل بتصفح مدونتك كعمل دوري أو أن يلقى شكايات من أصحاب المواقع الرسمية للبرامج عن الضرر الذي تلحقه مدونتك بهم سرعان ما سيتخد جوجل إجراءات فورية أما الحظر من نتائج البحث أو الحذف النهائي وهذا إن كانت مدونتك مشهورة,
2 - مدونات الهكر و القرصنة:
في الحقيقة هناك مواقع تعلم طرق الحماية و سد الثغرات و لكن بطرق علمية و إحترافية و العكس هناك بعض المدونات التي تقوم بتعليم طرق الإختراق و تطرح برامج قرصنة و تعلم طرق إختراق الحواسيب و إنشاء الصفحات المزورة فمثل هذه المواقع تقوم جوجل بحذفها إن كانت على منصتها أو حظرها من نتائج البحث إن كانت غير ذلك ,
3 - النسخ و اللصق دون ذكر المصدر:
 هذه بالخصوص نجدها في المدونات العربية , فعندما تقوم بنسخ محتوى مدونات و مواقع أخرى وتقوم بوضعه في مدونتك دون إذن مسبق أو على الأقل ذكر المصدر الذي أخد منه المحتوى , فعندما تكتشف جوجل التكرر أو تستقبل إبلاغات عن محتوى المدونة من طرف ناشرين أخرين, فبالتالي كن على يقين من أن مدونتك سيتم حذفها.
4 - محتوى يبث العنف و الإساءة :
في حالة قمت بنشر محتوى يحرض على العنف سواء ضد الفرد أو جماعة سواء عرقي أو ديني أو جنسي سواء كان هذا المحتوى نص أو فيديو أو صور هذا كله قد يعرض مدونتك للحذف
5- نشر محتوى البالغين :
حتى في حالة نشر محتوى للبالغين مثل فديوهات أو صور جنسية سيعرض مدونتك للحذف حتى لو كان هذا المحتوى تعليمي , بما أنك تستخدم منصة البلوجر فجوجل منحتك خيار في الإعدادات بأن تصنف مدونتك هل تحتوي  على محتوى للبالغين أو لا.لأن في حالة إخترت نعم بلوجر تقوم بتحذير الزوار قبل دخولهم للمدونة,    
6 - نشر معلومات شخصية خاصة :
عند ما تقوم بنشر معلومات شخصية لأحد الأفراد مثل : أرقام الهاتف , عنوان السكن , رقم بطاقة التعريف , صوره أو كلمات المرور فهذا يعتبر إنتهاك للخصوصية,
7 - برامج ضارة وخبيثة :
هناك بعض المدونات بمجرد الدخول لها يتم تحميل برامج لا تحتاجها قد تكون قصد الإختراق أو أو التجسس حتى هذا يشكل خطر على مدونتك,
8 - قوالب غير قانونية أو بها أخطاء:
للأسف هناك من يضع قالب في مدونته غير قانوني مثلا هو قالب مدفوع أصلا تم سرقته و حذفت حقوقه أو زورت و هذا من إختصاص المنتديات طبعا, أنت لا تعرف أنه غير قانوني و لكن إن كانت مدونتك مشهورة و رأه المالك الأصلي عندك هنا تبدأ المشكلة, أو في حالة كانت فيه أخطاء سكريبتات وغير ذلك تصعب على المدونة أن تحمل.وأخيرا أتمنى أن أكون قد توفقت في شرح أهم الأسباب التي تجعل مدونتك تحذف في أي وقت
إقرأ البقية
الاشتراك في: الرسائل (Atom)