اضافاة مهمة للمدونين

ادوات لبلوجر

السلام عليكم ورحمة الله وبركاته 

من مدونة كن محترف

* طريقة اضافة نص بداخل اطار تحديد الكل

فى اوقات كتير بنكون عاوزين نضيف كود كبير وهناك عدة طرق لفعل ذلك ولكن كنوع من التسهيل على القراء يمكن أن يتم إضافة الأكواد داخل إطار يسمح بتحديدها كلها ليسهل النسخ Text area With Select All والطريقة سهله وبسيطة فقط نتبع التالي

نذهب الى تحرير القالب نبحث عن  </head> ثم نضيف الكود التالي

<script type="text/javascript"> function selectAll() { document.form1.demo.focus(); document.form1.demo.select(); } </script>
  
ثم عند كتابة موضوع نحول لوحة الكتابة من تأليف الى وضع HTML

<form name="form1" > <textarea readonly cols="25" rows="10" name="demo"> مثالاً مدونة كن محترف

                     

مثال على محدد النصوص

أكتب هنا الكود او الكلمات التي تريد



إضافة نافدة منبتقة عليها صندوق الفايسبوك ، هذه الإضافة جميلة و فعالة في مجال تحصيل على عدة إعجابات لصفحتكم على الفايس بوك .
عند الدخول إلى المدونة سينبتق لك صندوق عائم في وسط المدونة ، هذا الصندوق يحتوي على  صفحتكم على الفيبوك تجبر الزائر على عمل إعجاب لها
لإضافة
    1. توجه إل لوحة التحكم >>>>  قالب >>>> تحرير HTML
    2.. إبحث عن

</HEAD>                                                            
3. ضع الكود التالي قبله مباشرة

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

 4. إضغط حفظ  تم توجه إلى تخطيط ، إضافة أداة >>> HTML/Javascript

ثم قم باضفاة الكود التالى 

<style type='text/css'>
#makingdifferentpopup{
position: fixed;
top:100px;
z-index:9999;
display:none;
padding:0px;
right:600px;
border:10px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup span{
font-size:20px !important;
font-weight:bold !important;
}
#makingdifferentpopup h1{
background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVjsOAWB_ZZAAdzkPNpXNhyphenhyphen8hDvQygD21AQSTkn3SrvLe03u0kFUtTShNoyE6j4YdHKBWfMg-uFjKFspwHv9PhsRIafMOqa4uDgG_qUZadqpZAklCC6kSjocYOYeJgixNEtxfSkxoRmRF/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
text-align:left;
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:18px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.grabthis{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.grabthis a{
color: #000;
text-decoration:none;
}
.grabthis a:hover{
text-decoration:underline;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function makingdifferent_ppopup()  {var sec = 10
var timer = setInterval(function() {
   $("#mdfooter span").text(sec--);
   if (sec == 0) {
      $("#makingdifferentpopup").fadeOut("slow");
      clearInterval(timer);
   }
},1000);
  var mdwh = jQuery(window).height();
  var mdpph = jQuery("#makingdifferentpopup").height();
  var mdfromTop = jQuery(window).scrollTop()+50;
 jQuery("#makingdifferentpopup").css({"top":mdfromTop});}
jQuery(window).fadeIn(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
 //alert(jQuery.cookie('sreqshown'));
 //var mdww = jQuery(window).width();
 //var mdppw = jQuery("#makingdifferentpopup").width();
 //var mdleftm = (mdww-mdppw)/2;
   var mdleftm = 500;
 //var mdwh = jQuery(window).height();
 //var mdpph = jQuery("#makingdifferentpopup").height();
 //var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
 jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:  mdleftm}, 0).show();
     jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="makingdifferentpopup">
<h1>إنظم إلينا على الفايس بوك</h1>
<div class="htmlarea">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/beprofessionall&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe>
<div class="grabthis">
By <a href="http://www.hukmat.blogspot.com/" target="_blank">Hukmat</a> / <a href="http://www.hukmat.blogspot.com" target="_blank">+Get This!</a>
</div>
</div>
<div id="mdfooter">Please wait..<span>10</span> Seconds<a href="#" id="mdclose" onclick="return false;">إلغاء</a>
</div>
</div>
<!-- End popup -->

غير ما باللون الاحمر الى باقى رابط صفحة الفيسبوك خاصتك

...................

                           مدونة : كن محترف                            

          اضافة اداة تغير لون تحديد النصوص         

              ازرار مواقع التواصل الاجتماعي          

           اضافة تابع قناة اليوتيوب فى المدونة          

                                                 بالتوفيق بأذن الله