الثلاثاء، 30 يونيو 2015

لعبة Riptide GP2 الرائعة لأجهزة أندرويد

لعبة Riptide GP2 الرائعة لأجهزة أندرويد


لعبة الدراجات المائية Riptide GP بإصدارها الثاني لعبة خيالية ذات جودة عالية جدا ،وتمتاز بالتشويق والإثارة والتحدي كما تمتاز أيضا بأنها لعبه ذات جرافيك خيالي واكثر واقعيه تعطيك المتعه في لعب وتسليه اكثر ،وتعمل على معالجات احادي النواة بشكل ممتاز جدا ورائع وسوف تعطيك شكل افضل وجرافيك اكثر واقعيه وجودة أعلى من الأجهزة التي تعمل بمعالج ثنائي النواة .
مع إمكانية اللعب على الإنترنت ودعمها لجهاز ألعاب إنفيديا بالتأكيد، وستحتاج للحصول عليها إلى دفع 2.99 دولار أمريكي عن طريق متجر غوغل بلاي.
   
التحميل:
حجم اللعبة : 46.37 ميجابايت
للتحميل مباشرة : Google Play
فيديو للعبة :

~~~

إقرأ المزيد

طريقة تفعيل خدمة بكيفك بالصور | ما هى خدمة بكيفك ltt واى ماكس

طريقة تفعيل خدمة بكيفك بالصور | ما هى خدمة بكيفك ltt واى ماكس

طريقة تفعيل خدمة بكيفك

خدمة بكيفك هى باقة اقتصادية جدا وتعتبر ارخص بكثير
من الاشتراك الشهري حيث ان رصيدك فى الواى ماكس بنقص حسب 
الاستهلاك , ادا استهلكت 1 ميقا بايت فى اليوم سيسحب من رصيد
المالى فى الواى ماكس مقابل استعمال 1 ميقا من الانترنت عكس الاشتراك
الشهري والدى فيه مبالغة كبيرة من حيث السعر 
ادا كيف تغيير الى باقة بكيفك ؟
العملية بسيطة 
ركزو معى 
انتم الان مشتركيين فى الباقة الشهرية والتى تعطيك 15 قيقا 
لكل شهر وكل منكم لديه يوم معين تنتهى فيه هده الباقة لتحصل على باقة 
جديدة 
يعني انت فرضا اشتركت يوم 1 فى الشهر ستنتهى الباقة يوم 30
فى هده الحالة قم بطلب تغيير الباقة الى بكيفك وبمجرد الدخول
الى الشهر الجديد لن تحصل على 15 قيقا بل ستدخل الى خدمة بكيفك
اوتوماتيكيا
والان ناتى الى الشرح بالصور
اولا ادخل الى هدا الرابط 
بعد الدخول  قم بادخال بيانات الواى ماكس الخاص بك 
والتى ستجدها فى عقد  الواى ماكس
كما موضح بالصورة فى الاسفل
   بعد الدخول ابحث عن رابط تغيير نمط الخدمة
وستجده فى الاسفل تقريبا اضغط عليه 
وبعد ذلك ستجد فى الاسفل ايضا نص يقول 
تغيير الباقات ونمط إستخدام ليبياماكس
اضغط عليه 
واتبع الخطوات كما فى الصورة 
  
الان بعد ضغط تاكيد سيتم تقدم الطلب وبمجرد انتهاء اشتراكك 
الشهرى فى الباقة الحالية سيتم الدخول فى خدمة بكيفك تلقائيا
ومن لديه اى استفسار او تعليق لا يتردد فى تركه فى الاسفل 
ملاحضة !
هده الطريقة تناسب جميع انواع الواى ماكس سواء كان الهرم او الواى فاى 
او البرج او الصابونة كما يسمى فى بعض الاحيان 

إقرأ المزيد


طريقة تغيير الرقم السري للواي فاي my fi واي ماكس راوتر بالصور ليبيا

تغيير الرقم السري للواي فاي بالصور

طريقة تغيير الرقم السرى الخاص باشارة الواى فاي 
او اشارة الوايرلس الخاص بانترنت الواى ماكس فى ليبيا
او فى دولة اخرى
طبعا الواى ماكس هنا تعتبر نفس الاعدادات سواء كان نوع
جهاز الواى ماكس لديك البرج او الهرم او الماي فاي
او ما يسمى الصابونة 
احيانا نحتاج  الى تغيير الرقم السرى  لكي نمنع الاخرين
من استخدام شبكة الوايرلس الخاصة بنا 
وعملية تغيير الباسورد عملية سهلة وبسيطة
اولا ندخل على هدا الرابط من 
هنا

بعد ذلك نقوم بتتبع الخطوات كما موجود فى الصورة
فى الاسفل
والمرتبة من رقم 1 الى رقم 4 

اتمنى ان يكون الشرح سهلا ووافيا
إقرأ المزيد

الأحد، 28 يونيو 2015

إضافة أدات ذات محتوى ثابت ومخفي

إظهار وإخفاء الأشياء في بلوجر ليس شيء صعب، كل ما نحتاجه إليه هو القليل من الفهم في Css وخلق المفهوم الذي نريده، وإلى جانب هذه الأداة فبالتأكيد يمكن توفير مساحة في مدونتك، على الرغم من أنها تعمل بخاصية فليست بجودة عمل جيكويري إلا أنها من الواضح لا تأثر على تحميل الموقع، يمكن وضع بالإضافة أي شيء يناسبك فكما سترون بالمعاينة تمت إضافة فيديو
شرح طريقة التركيب
1. توجه إلى التخطيط ثم أضف أداة Html/Javascript
2. ضع بها الكود
3. غير "مكان المحتوى" بما تريد إضافته
<style>
#Holla-ar1web {
  margin: -800px;
  position: absolute;
}
.leowidget {
   background:#EF5353;
   top:-5px;
   color:#fff;
   float:right;
   height:17px;
   margin-right:125px;
   font-family: cursive;
   overflow:hidden;
   padding:6px 10px;
   position:fixed;
   width:120px;
   z-index:9;
   transition:all 1s ease-in-out
}

.leowidget:hover {
    background: #5C5A5A;
  color: #000;
  height: 220px;
  margin-right: 20px;
  opacity: 1;
  width: 340px;
}

.leowidget-body{
   margin-top:10px;
   transition:all 1s ease-in-out
}

.leowidget h1 {
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
.leowidget h1:hover{
#F7F7F7}
</style>
<div id='Holla-ar1web'>
<div class='leowidget'>
<h1>مفاجئة</h1>
<div class='leowidget-body'>
<center>
مكان المحتوى
</center>
</div>
</div>
</div>
إقرأ المزيد

الجمعة، 19 يونيو 2015

تغيير شكل التعليقات V1


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

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


شرح  طريقة التركيب
* الكود هو فقط لإظهار أيقونة الإبتسامة إذا كنت تتوفر عليه فلا داعي لإضافته ضعه فوق </head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
1 . توجه لقالب >> تحرير 
2.  ابحث عن ]]></b:skin> ضع الكود التالي فوقه أو ضعه بين <style>   </style> فوق </head>
 
/* CSS Comments Style1 Ar1web.com */
#comments{background:#fff;clear:both;margin:20px 10px;line-height:1em;padding:20px;border:1px solid #e9e9e9;}
#comments h3{line-height:20px;margin-bottom:20px;margin-top:-20px;  margin-left: 485px;;font-family:cursive,droid arabic kufi;font-size:14px;position:absolute;background:#fff;color:#999;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #e9e9e9;border-top:none;}
#emo-box {clear: both;margin: 0 30px;}
#comments h3:before {  font-family: fontawesome;content: "\f086";font-size: 18px;position: relative;left: 0;top: 0;font-weight: normal;}
#comments .click-comment{background:#fff;color:#fff;float:left;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-left:-20px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 0;border:1px solid #e9e9e9;border-top:none;border-left:none;}
.fa-arrow-circle-down:before {content: "\f0ab";color: #999999;margin-left: 35px;font-size: 18px;}
.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
#comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#f9f9f9;padding:4px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaMY09JxQ5cmG9aqJJ7dLWuKEncsGU-q7qd1UCkj9byrOi77FPutw5rW1PwJyhLom97tfsrfNv54AZNeOQixRftduDzPgESG3u4yf-h0aEyafVL1kBW1CaLJepmKg8yYtvtfNtQHeR8D3/s1600/avatwisted.png) no-repeat;overflow:hidden;}
.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaMY09JxQ5cmG9aqJJ7dLWuKEncsGU-q7qd1UCkj9byrOi77FPutw5rW1PwJyhLom97tfsrfNv54AZNeOQixRftduDzPgESG3u4yf-h0aEyafVL1kBW1CaLJepmKg8yYtvtfNtQHeR8D3/s1600/avatwisted.png) no-repeat;overflow:hidden;}
.comment_name a{font-family:cursive,elecrtolize;font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}
.comment_child .comment_name a{color:#666;}
.comment_child .comment_name a:hover {color:#f53b3b;}
.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;right:50px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:'Open Sans',sans-serif;text-decoration:none;border-radius:3px;}
.comment_admin .comment_date{right:10px;font-weight:700;font-size:11px;}
.comment_name{font-size:16px;background:#fff;font-family:'Open Sans',sans-serif;font-weight:700;padding:0 20px 0 65px;position:absolute;right:50px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out;}
.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#f53b3b;}
.comment_service{position:absolute;top:31px;left:0;}
.item-control {display:block;}
.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;
color:#666!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out;}
.comment_date a:hover{color:#f53b3b!important;}
.comment-delete{position:absolute;display:inline-block;top:-2px;left:50px;
color:#666!important;text-align:center;font-family:'Open Sans';font-size:11px;padding:2px 6px;opacity:0.9;transition:all .3s ease-out;}
.comment-delete:hover{color:#f53b3b!important;}
.comment_body{margin:20px 0;padding:0;position:relative;}
.comment_body p{line-height:1.6em;color:#666;font-size:13px;font-family:cursive,'Droid Arabic Naskh';word-wrap:break-word;background:#fafafa;padding:30px 20px;position:relative;margin-top:25px;box-shadow:0 0 0 1px #e9e9e9;transition:all .3s ease-out;text-align: right;}
.comment_body p:before, .comment_body p:after {bottom:100%;right:5%;border:solid transparent;
content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fafafa;
border-width:8px;margin-right:-8px;}
.comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#ddd;border-width:9px;margin-right:-9px;transition:all .3s ease-out;}
.comment_child .comment_body p{color:#666;}
.comment_body p img{vertical-align:middle;margin:0 5px;}
.comment_body p:hover{box-shadow:0 0 0 1px #ccc;}
.comment_body p:hover:before {border-bottom-color:#aaa;}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-right:7%}
.comment_child .comment_body{margin-top:-15px;}
.comment_reply{display:inline-block;background:#3A3A3A;color:#fff!important;text-align:center;
font-family:cursive;font-size:11px;margin:10px;padding:4px 6px 6px 6px;opacity:0.9;border-radius:2px;float: right;}
.comment_reply:hover{text-decoration:none!important;background:#FC4F3F;color:#fff!important;}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}
#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-right:-8px;margin-top:-15px}
.comment-form p{position:relative;background:#575253;color:#fff;font-size:14px;font-family:cursive,ge_ss_threeregular;line-height:1.5em;margin-bottom:20px;padding:15px;border-radius:3px;text-align: right;}
.comment-form p:after {display: inline-block;content: '';position: absolute;top: 100%;right: 20px;margin-top: 0;height: 0;width: 0;border: 9px solid transparent;border-top-color: #575253;}
.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:transparent;border-width:11px;margin-right:-11px;transition:all .3s ease-out;}
.comment_reply_form{padding:0 0 0 7%}
.comment_reply_form .comment-form{width:100%}
.comment_emo_list .item{float:right;text-align:center;height:40px;width:41px;margin:0 0 10px;}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-right:10px;clear:both}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display: inline-block;font-family: cursive;font-size: 9px;color: #FFF;text-align: center;position: absolute;left: -3%;
top: 31%;line-height: normal;background: #FC4F3F;padding: 5px;border-radius: 2px;}
.comment_child .comment_admin .comment_author_flag {color:#fff;left:-40%;}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
display:inline-block;padding:10px 15px!important;}
.deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#f9f9f9;margin-top:20px;padding:10px;font-size:13px;font-family:'Open Sans',Helvetica,Arial,sans-serif;border-radius:3px;opacity:1;}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%;}
.paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;
color:#fff;transition:all .3s ease-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff;}
.comment_header {padding:0;}
.comment_child .comment_header {padding:0;}
#emo-box,#hide-emo {display:none}
.small-button1 a {font-size: 12px;margin: 10px 5px 5px 0;display: inline-block;color: #3A3A3A;padding: 1px 6px;cursor: pointer;border-radius: 2px;background-color: rgba(255, 255, 255, 1);transition: all 0.3s ease-out;}
.small-button1:hover a{background-color:rgba(255,255,255,0.3);color:#fff;display:inline-block;}
span.small-button1 {text-align:right;display:inline-block;  margin-left: 95%;}
.fa-smile-o:before {content: "\f118";font-size: 14px;}
.fa-times:before {content: "\f00d";font-size: 14px;}
i.fa.fa-arrow-circle-down {margin-left: -70px;margin-right: 6px;}

4. إبحث عن <b:include data='post' name='threaded_comments'/> ثم غيره بالكود التالي قد تجد الكود متكرر غيرهم بأكملهم

<b:include data='post' name='comments'/>

5. إبحث عن <b:includable id='comments' var='post'>...</b:includable>  وضع الكود التالي بدله
* ملاحظة : إذ لم تجده إبحث عن نصفه

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
  <b:if cond='data:post.numComments != 0'>
   <h3>
    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
     <b:else/>
     <data:post.numComments/> <data:commentLabelPlural/>
    </b:if>
   </h3>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'><i class='fa fa-arrow-circle-down'/><data:commentLabelPlural/></a>
  </b:if>
               
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                       
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                             
   <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                      
      <b:if cond='data:post.adminClass == data:comment.adminClass'>
       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
       <b:else/>
                            &lt;div class=&#39;comment_inner&#39;&gt;
      </b:if>
         
    <div class='comment_body'>
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
   
     </div>
                         
     <div class='clear'/>
    </div>

     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
<div class='comment_author_flag'>المشرف</div>
</div>
<span class='comment_service'>
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='تاريخ التعليق'>
                  <data:comment.timestamp/>
                </a></span>
<b:include data='comment' name='commentDeleteIcon'/>
  </span>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>رد</a>
                        <div class='clear'/>
                    </b:if>
                 <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>                                         
    </div>                         
     <div class='clear'/>
     &lt;/div&gt;
     <div class='clear'/>
           
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>              
    </div>
   </b:loop>              
   </div>    
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
     <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form' id='comment-form'>         
         

   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>   
     <b:include data='post' name='threaded-comment-form'/>
       <b:else/>
       <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
  </div>
 </b:if>
</div>                
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
     
       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
       <script type='text/javascript'>
      
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
      
        //Pengaturan Emoticon
        Emo_List = [
        ':)'   ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',
        ':('   ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',
        ' =('  ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',
        '^_^'  ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',
        ' :D'  ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',
        '=D'   ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',
        ':p'   ,'https://i0.wp.com/i.imgur.com/nL704UD.png',
        '|o|'  ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',
        '@@,'  ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',
        ' ;)'  ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',
        ':-bd' ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',
        ':-d'  ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',
        ' :p'  ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',
        ':ng'  ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',   
        ];
      
                             
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
    
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))   
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
});      
    //]]>
</script>
</b:includable>

6. إبحث عن <b:includable id='threaded-comment-form' var='post'>...</b:includable> وضع الكود التالي بدله
* ملاحظة : إذ لم تجده إبحث عن نصفه
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
<div id='form-wrapper'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
    <b:else/>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='إظهار'><i class='fa fa-smile-o'/></a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='إخفاء'><i class='fa fa-times'/></a></span>
</span>
  </p>
<div id='emo-box'>
  <div class='comment_emo_list'/>
</div>
      <data:blogTeamBlogMessage/>
      
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
      </div>
    </b:if>
</div>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
تم الإنتهاء ويمكنك حفظ القالب. أي إستفسار بشأن التدوينة فباب التعليقات مفتوح، أراكم في التدوينة المقبلةإن شاء الله
إقرأ المزيد

الأحد، 7 يونيو 2015

إضافة رموز تعبيرية بداخل الموضوع

لعلّ بعضكم رأى رموز تويتر بدأت تستخدم بالمواقع الكبيرة منها أجنبية أو عربية نظراً لأنها تضفي لمسة خفيفة ومعبرة للموضوع 💭 أو الكلمة لوحدها وهي تعرف بوجودها بمنصة الووردبريس بالنسخة 4.2 تستعمل بالمواضيع ويمكن إستعمالها بإضافات مادام أن الكود الخاص بهم موجود ضمن القالب . هذه الرموز 📎 هي آخر تحديث كما أنها توضع بأكواد وليس صور مباشرة يمكن التعديل عليها حسب المقاس الذي تشاء ❗ فهي كبيرة بالقدر الكافي لتظهر بشكل جيد ليس هذا كل شيء فقد جمعتهم بصفحة خاصة حتى يسهل عليكم الوصول لأي رمز ⚽ أو تعبير 😵

شرح طريقة التركيب
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن </body> ضع الكود التالي فوقه
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://twemoji.maxcdn.com/twemoji.min.js\"></scr" + "ipt>");
//]]>
</script>
<script>
twemoji.parse(document.body);
    </script>
3. ابحث عن ]]></b:skin> ضع الكود التالي فوقه
img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
4. المرحلة الآخيرة هي تفعيل الرمز ويضاف في تبويب HTML ضمن الموضوع أو بأي مكان تشاء
* لمن ظهرت له التعبيرات على شكل مربع فليحولها من هنا
صفحة الرموز
إقرأ المزيد

السبت، 6 يونيو 2015

إضافة الصعود للأعلى بشكل صاروخ

توجد العديد من الإضافات والطرق الجميلة لتصميم مثالي ورائع وهكذا الحال مع إضافة زر الصعود للأعلى، فالمدون دائماً ما يحب رؤية موقعه أو مدونته بشكل جيد وكذلك يتيح لمتابعيه حركة سلسلة في مواضيع وجنبات الموقع وإضافة إصعد إلى الأعلى من الإضافات التي توفر لك الأمرين والأكثر من هذا لأنها سهلة التطبيق وتناسب جميع القوالب لا من حيث اللون والشكل وهذا مغاير لإضافتنا اليوم فالزر عبارة عن 🚀 بتأثير واقعي
الشكل الأول : إضافة زر الصعود للأعلى
شرح طريقة التركيب
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin> ضع الكود التالي فوقه
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}
3. إبحث عن </body> وضع الكود التالي فوقه
<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});
//]]>
</script>
إقرأ المزيد

الخميس، 4 يونيو 2015

تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل

ضمن التحديثات المستمرة التي يقوم بها الفيسبوك , أعلم الأخير من خلال قسم المطورين الخاص به , أن صندوق الإعجابات للصفحات لن يتم إعتماده مستقبلا بداية من 23 يونيو (جوان) و هذه الإضافة لن تعمل إلا بتغييرها بالكود الجديد ..

تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل


و على أساس إيجاد بديل لهذه الإضافة التي تستخدم في الملايين من المواقع , طرح الفيسبوك إضافة جديدة تسمى بـ Page Plugin .
بنفس خصائص الإضافة السابقة , لكن بتصميم جديد .
و نظرا لأهمية هذه الإضافة , التي تقرب المتابعين من المدونة و حساباتها على الشبكات الإجتماعية , سنتعرض لشرح الإستفادة منها في مواقعنا .
كل ما عليك فعله هو البحث في هذا الكود عن : https://www.facebook.com/modawin.blogger
و تغيره برابط صفحتك على الفيسبوك




لتقوم بتركبه كأي إضافة أخرى عبر : 
الدخول للوجة التحكم في بلوجر



تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل



إضافة أدات html/javascript
تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل
لصق الكود
تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل

حفظ 


هنا أقدم لك بعض التعديلات التي بإمكانك إجارءها إن كنت تملك خبرة ولو قليلة بالتعامل مع الشفرات البرمجية .
data-show-posts="false"
عند تغيير false بـ true , ستظهر الإضافة المنشورات في الصفحة تحت صندوق الإعجابات.

data-hide-cover="false"
عند تغيير false بـ true , سيتختفي غلاف الصفحة من الإضافة

data-height="250"
لتحديد طول الإضافة

data-width="300"
لتحديد عرض الإضافة 

شاركنا بتعليقك و مشاركة المقالة مع أصدقائك ! :) (أز)
إقرأ المزيد
الاشتراك في: التعليقات ( Atom )
جميع الحقوق محفوظة jadednet                                                                                                                           تطوير وتكويد     Mohamed Jiari | Ti9niFOUR