404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

الثلاثاء، 21 فبراير، 2017

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


شرح التركيب للإضافة



  • أولا عليك التركيز لأنك سوف يكون عليك أستبدال أكواد من مدونتك
  • وعليك أن تقوم بأخذ نسخة من مدونتك أولا
  • الأن قم بأستبدال كود أستايل التعليقات الخاص بمدونتك
  • بهذا الكود الخاض بالتعليقات فى موضوع اليوم


#comments{margin-top:15px;padding:15px;float:right;width:100%;background-color:#fff;margin-bottom:30px;box-shadow: 0 0 0 1px #7986CB;}
#comments:hover {box-shadow: 0 0 25px 10px rgba(123, 136, 204, 0.28);transition: all 250ms ease-in-out;}
#comments h4{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #7986cb;margin-bottom: 20px;}
#comments h4::before {content: "";position: absolute;height: 2px;width: 32px;background-color: #7986cb;bottom: -2px;left: initial!important;right: 0;}
#comments h4:after {content: "\f0e5";display: block;background-color: #7986cb;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}
.paging-control-container{text-align:center;width:100%;float:right;margin-bottom:20px;margin-top:10px}
.paging-control{background-color:#3B5998;color:#fff;padding:10px;height:40px;line-height:13px;display:inline-block}
.unneeded-paging-control{color:#FFFFFF;background-color:#343434;padding:10px;height:40px;line-height:13px;display:inline-block}
.comment_inner.comment_admin{margin-top:10px}
.comment_header{float:right}
.comment_avatar{width:65px;height:65px;float:right;margin-left:15px}
.comment_avatar img{width:100%;height:100%;border-radius:50%;border:3px solid #7986cb}
.comment_body{overflow:hidden;border:1px solid #ccc;margin-bottom:20px;background-color:#eee;margin-right:80px}
.comment_name{border-bottom:1px solid #ccc;padding:0 20px 0 0;height:40px;line-height:32px;background-color:#fff}
.comment-content{font-size:15px;color:#555;padding:20px;text-align:justify;background-color:#ddd}
.deleted-comment{font-size:15px;color:#555;display:block;padding:10px 20px 20px 20px}
.comment_author_flag{display:inline-block;width:initial;margin:2px 12px 0 0;color:#FFF;font-size:13px;background:#DD4B39;padding:0 6px 3px 6px;border-radius:2px}
.comment_service{float:left}
.comment-delete{font-size:13px;background:#7986CB;padding:2px 10px;display:inline-block;border-radius:2px;float:left;margin-right:5px;margin-left:10px;margin-bottom:10px;color:#FFFFFF;height:35px;line-height:26px;margin-top:2px}
.comment_date{font-size:14px;color:#555}
#comments .comment_reply{display:inline-block;margin-top:10px;padding:1px 7px;color:#fff;text-align:center;background:#7986CB;height:30px;line-height:17px;width:100%}
.comment_avatar_wrap{width:65px;background:#fcfcfc;text-align:center}
#comments .comment-form p{background:#ddd;padding:0 15px 10px 15px;margin:5px 0 15px;color:rgba(0,0,0,.8);font-size:15px;line-height:normal;border-radius:3px;position:relative;max-width:100%;border:1px solid #ccc}
#emo-box,#hide-emo{display:none}
.small-button a,.small-button1 a{background:#7986CB;color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.comment_emo_list .item{float:right;display:block;text-align:center;margin:5px 5px 0 0;width:50px;background-color:#7986CB;border-radius:2px;height:70px}
.comment_emo_list span{display:block;margin:5px 0 5px 0;letter-spacing:1px;color:#fff}
.comment_emo{width:25px;height:25px;margin-bottom:-10px}
.comment_wrap{padding-right:80px}


  • الأن عليك التركيز فى الأكواد الأتية
  • عليك الأن أن تقوم بالبحث عن هذا الكود فى مدونتك<b:includable id='comment_picker' var='post'>
  • ثم تقوم بتحديد الكود كامل كما فى الصورة التالية




  • ثم تقوم بأستبدال الكود فى مدونتك بالكود التالى


<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>

  • الأن قم بالبحث عن الكود التالى هذا<b:includable id='comments' var='post'>
  • الأن تقوم ايضا بتحديد الكود كامل كما فى الصورة أعلى
  • ثم تقوم بوضع بدل منه الكود هذا


<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
      </b:if>
      <div class='clear'/>
      <div id='comment_block'>
        <b:loop values='data:post.comments' var='comment'>
          <div 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_header'>
              <div class='comment_avatar_wrap'>
                <div class='comment_avatar'>
                  <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
                </div>
                <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)' title='رد'>رد</a>
              </div>
              <div class='clear'/>
            </div>
            <div class='comment_body'>
              <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>
                <b:if cond='data:comment.author == data:post.author'>
                  <span class='comment_author_flag'> الكاتب <i class='fa fa-check-circle' title='Verified Author'/></span>
                </b:if>
                <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
حذف
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
                </span>
              </div>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                <p class='comment-content'>
                  <data:comment.body/>
                </p>
                <div class='clear'/>
              </b:if>
            </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'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
      </b:if>
      <div class='clear'/>
      <div class='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://twemoji.maxcdn.com/36x36/1f600.png',
':('   ,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi'  ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)'   ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D'   ,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D'   ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d'   ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';('   ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-('   ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)'   ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',     
':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png',     
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',     
':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',     
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png', 
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png', 
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',  
'(:V)' ,'https://static.xx.fbcdn.net/images/emoji.php/v7/ef4/1/24/PACMAN.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)?\//,"/s45-c/"));});
//]]>
</script>
</b:includable>


  • الان مع اخر كود وهو نفس ما سبق
  • تقوم بالبحث عن هذه الكود<b:includable id='threaded-comment-form' var='post'>
  • وايضا تقوم بتحديده كامل كما فى الصورة فوق
  • وتقوم بوضع بدل منه الكود التالى


<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>

      <p><data:blogCommentMessage/><br/>

<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='الأبتسامات'>الأبتسامات</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=' أخفاء الأبتسامات'>أخفاء الأبتسامات</a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>

      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>


  • الأن تقوم بحذف القالب ومبروك عليك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق



مرحبا بكم متابعى مدونة عالم المدون اليوم مع موضوع جديد وهو اضافة عرض المواضيع حسب التسميات بشكل جديد V3 وهو سكريب جديد لعرض المواضيع حسب التسمات وهو يعرض 4 مواضيع من اقسم تريده ويمكنك جعلها أكثر ولكن يفضل أربعه حتى تعمل بشكل أفضل ويمكنك معاينة الإضافة من الرابط التالى .


الاثنين، 20 فبراير، 2017

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


الأحد، 12 فبراير، 2017

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



شرح التركيب للإضافة



  • الأول عليك ومنعا لحدوث مشكلة فى قالب مدونتك عن التركيب
  • قم بحفظ نسخة من قالب مدونتك قالب التعديل على أى شئ فى المدونة
  • الأن قم بالبحث عن الوسم هذا]]></b:skin>فى مدونتك ثم قم وضع الكود التالى فوقه


.title-cover{position:relative}.title-cover .post-thunb{background:#222;height:450px}.post-thunb img{width:100%;height:100%;opacity:.5}.info-imgg{width:100%;position:absolute;z-index:9;text-align:center;bottom:28%;margin:0 auto;right:0;left:0}.title-cover::after{content:no-close-quote;position:absolute;right:0;width:100%;height:150px;margin:-150px 0 0}.author-pic{width:60px;border-radius:50%;border:3px solid #fff;margin:-8px 8px 0 0}.title-cover h3.post-title.entry-title{display:block;color:#FFF;font-size:22px;font-weight:100;padding:15px 5px;margin:0;margin-bottom:15px}.c-posts-info{margin-bottom:15px}.c-posts-info a{display:inline-block;margin-left:10px;font-size:16px}.writer{margin-bottom:5px;text-align:center;color:#fff;font-size:15px}.writer::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f007";font-family:fontawesome;margin:-1px 17px 0 5px}.timer{text-align:center;color:#fff;margin:0 0 0 8px}.timer::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f073";font-family:fontawesome;margin:0 0 0 5px}.commenterr{text-align:center;color:#fff;font-family:cursive;margin:0 0 0 10px}.commenterr::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f086";font-family:fontawesome;margin:0 0 0 5px}.breadcrumbs{padding:10px}.breadcrumbs span{color:#fff;font-size:14px}.breadcrumbs i.fa.fa-angle-left{color:#fff;margin:5px}button.blogg-button{display:inline-block!important}


  • الأن قم بالبحث عن هذا الوسم</body>ايضا وقم بوضع الكود التالى فوقه


<script type='text/javascript'>
//<![CDATA[
var _0x150a=["\x23\x63\x6F\x76\x65\x72\x2D\x70\x6F\x73\x74","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x2E\x74\x69\x74\x6C\x65\x2D\x63\x6F\x76\x65\x72"];$(function(){$(_0x150a[2])[_0x150a[1]](_0x150a[0])})
// recent posts by label Script
var _0xc2b4=["\x3C\x75\x6C\x20\x69\x64\x3D\x22\x6D\x61\x67\x2D\x70\x6F\x73\x74\x73\x22\x3E","\x77\x72\x69\x74\x65","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x70\x6C\x69\x65\x73","\x72\x65\x6C","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x74\x79\x70\x65","\x68\x72\x65\x66","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x63\x6F\x6E\x74\x65\x6E\x74","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","","\x68\x74\x74\x70\x3A\x2F\x2F\x33\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x7A\x50\x38\x37\x43\x32\x71\x39\x79\x6F\x67\x2F\x55\x56\x6F\x70\x6F\x48\x59\x33\x30\x53\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x45\x35\x6B\x2F\x41\x49\x79\x50\x76\x72\x70\x47\x4C\x6E\x38\x2F\x73\x31\x36\x30\x30\x2F\x70\x69\x63\x74\x75\x72\x65\x5F\x6E\x6F\x74\x5F\x61\x76\x61\x69\x6C\x61\x62\x6C\x65\x2E\x70\x6E\x67","\x6E\x61\x6D\x65","\x61\x75\x74\x68\x6F\x72","\x75\x72\x69","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\u064A\u0646\u0627\u064A\u0631","\u0641\u0628\u0631\u0627\u064A\u0631","\u0645\u0627\u0631\u0633","\u0623\u0628\u0631\u064A\u0644","\u0645\u0627\u064A\u0648","\u064A\u0648\u0646\u064A\u0648","\u064A\u0648\u0644\u064A\u0648","\u0623\u063A\u0633\u0637\u0633","\u0633\u0628\u062A\u0645\u0628\u0631","\u0623\u0643\u062A\u0648\u0628\u0631","\u0646\u0648\u0641\u0628\u0645\u0631","\u062F\u064A\u0633\u0645\u0628\u0631","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x62\x6F\x78\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x6F\x22\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x74\x68\x75\x6D\x62\x22\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x74\x61\x67\x22\x20\x68\x72\x65\x66\x3D\x22\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x20\x61\x6C\x74\x3D\x22","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x70\x74\x22\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x74\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\u0625\u0628\u0631\u064A\u0644","\u062A\u0648\u0641\u0645\u0628\u0631","\x2D","\x73\x70\x6C\x69\x74","\x20","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x64\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x61\x3E","\x20\x7C\x20","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74","\x30\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x4E\x6F\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x63\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x2F\x61\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x77\x72\x2D\x70\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D","\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E","\x73\x75\x6D\x6D\x61\x72\x79","\x72\x65\x70\x6C\x61\x63\x65","\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x73\x75\x6D\x6D\x61\x72\x79\x22\x3E","\x2E\x2E\x2E\x3C\x2F\x70\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E"];function labelthumbs(_0xcfb9x2){document[_0xc2b4[1]](_0xc2b4[0]);for(var _0xcfb9x3=0;_0xcfb9x3<numposts;_0xcfb9x3++){var _0xcfb9x4,_0xcfb9x5=_0xcfb9x2[_0xc2b4[3]][_0xc2b4[2]][_0xcfb9x3],_0xcfb9x6=_0xcfb9x5[_0xc2b4[5]][_0xc2b4[4]];if(_0xcfb9x3==_0xcfb9x2[_0xc2b4[3]][_0xc2b4[2]][_0xc2b4[6]]){break };for(var _0xcfb9x7=0;_0xcfb9x7<_0xcfb9x5[_0xc2b4[7]][_0xc2b4[6]];_0xcfb9x7++){if(_0xc2b4[8]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[9]]&&_0xc2b4[10]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[11]]){var _0xcfb9x8=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[5]],_0xcfb9x9=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[12]]};if(_0xc2b4[13]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[9]]){_0xcfb9x4=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[12]];break ;};};var _0xcfb9xa;try{_0xcfb9xa=_0xcfb9x5[_0xc2b4[15]][_0xc2b4[14]]}catch(p){s=_0xcfb9x5[_0xc2b4[16]][_0xc2b4[4]],a=s[_0xc2b4[18]](_0xc2b4[17]),b=s[_0xc2b4[18]](_0xc2b4[19],a),c=s[_0xc2b4[18]](_0xc2b4[20],b+5),d=s[_0xc2b4[21]](b+5,c-b-5),_0xcfb9xa=-1!=a&&-1!=b&&-1!=c&&_0xc2b4[22]!=d?d:_0xc2b4[23]};var _0xcfb9xb=_0xcfb9x5[_0xc2b4[25]][0][_0xc2b4[24]][_0xc2b4[4]],_0xcfb9xc=_0xcfb9x5[_0xc2b4[25]][0][_0xc2b4[26]][_0xc2b4[4]],_0xcfb9xd=_0xcfb9x5[_0xc2b4[28]][0][_0xc2b4[27]],_0xcfb9xe=_0xcfb9x5[_0xc2b4[29]][_0xc2b4[4]],_0xcfb9xf=(_0xcfb9xe[_0xc2b4[30]](0,4),_0xcfb9xe[_0xc2b4[30]](5,7),_0xcfb9xe[_0xc2b4[30]](8,10), new Array);_0xcfb9xf[1]=_0xc2b4[31],_0xcfb9xf[2]=_0xc2b4[32],_0xcfb9xf[3]=_0xc2b4[33],_0xcfb9xf[4]=_0xc2b4[34],_0xcfb9xf[5]=_0xc2b4[35],_0xcfb9xf[6]=_0xc2b4[36],_0xcfb9xf[7]=_0xc2b4[37],_0xcfb9xf[8]=_0xc2b4[38],_0xcfb9xf[9]=_0xc2b4[39],_0xcfb9xf[10]=_0xc2b4[40],_0xcfb9xf[11]=_0xc2b4[41],_0xcfb9xf[12]=_0xc2b4[42],document[_0xc2b4[1]](_0xc2b4[43]),1==showpostthumbnails&&document[_0xc2b4[1]](_0xc2b4[44]+_0xcfb9xd+_0xc2b4[45]+_0xcfb9xd+_0xc2b4[46]+_0xcfb9x4+_0xc2b4[47]+_0xcfb9xa+_0xc2b4[48]+_0xcfb9x6+_0xc2b4[49]+_0xcfb9x6+_0xc2b4[50]),document[_0xc2b4[1]](_0xc2b4[51]+_0xcfb9x4+_0xc2b4[52]+_0xcfb9x6+_0xc2b4[53]);var _0xcfb9x10=_0xc2b4[22],_0xcfb9x11=0;document[_0xc2b4[1]](_0xc2b4[22]),_0xcfb9xe=_0xcfb9x5[_0xc2b4[29]][_0xc2b4[4]];for(var _0xcfb9x12=[1,2,3,4,5,6,7,8,9,10,11,12],_0xcfb9x13=[_0xc2b4[31],_0xc2b4[32],_0xc2b4[33],_0xc2b4[54],_0xc2b4[35],_0xc2b4[36],_0xc2b4[37],_0xc2b4[38],_0xc2b4[39],_0xc2b4[40],_0xc2b4[55],_0xc2b4[42]],_0xcfb9x14=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[2][_0xc2b4[30]](0,2),_0xcfb9x15=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[1],_0xcfb9x16=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[0],_0xcfb9x17=0;_0xcfb9x17<_0xcfb9x12[_0xc2b4[6]];_0xcfb9x17++){if(parseInt(_0xcfb9x15)==_0xcfb9x12[_0xcfb9x17]){_0xcfb9x15=_0xcfb9x13[_0xcfb9x17];break ;}};var _0xcfb9x18=_0xcfb9x14+_0xc2b4[58]+_0xcfb9x15+_0xc2b4[58]+_0xcfb9x16;if(1==showpostdate&&document[_0xc2b4[1]](_0xc2b4[59]+_0xcfb9x4+_0xc2b4[60]+_0xcfb9x18+_0xc2b4[61]),1==showcommentnum&&(1==_0xcfb9x11&&(_0xcfb9x10+=_0xc2b4[62]),_0xc2b4[63]==_0xcfb9x8&&(_0xcfb9x8=_0xc2b4[64]),_0xc2b4[65]==_0xcfb9x8&&(_0xcfb9x8=_0xc2b4[66]),_0xcfb9x10+=_0xcfb9x8,_0xcfb9x11=1,document[_0xc2b4[1]](_0xc2b4[67]+_0xcfb9x9+_0xc2b4[52]+_0xcfb9x8+_0xc2b4[68]+_0xcfb9xc+_0xc2b4[69]+_0xcfb9xb+_0xc2b4[70])),_0xc2b4[16] in _0xcfb9x5){var _0xcfb9x19=_0xcfb9x5[_0xc2b4[16]][_0xc2b4[4]]}else {if(_0xc2b4[71] in _0xcfb9x5){var _0xcfb9x19=_0xcfb9x5[_0xc2b4[71]][_0xc2b4[4]]}else {var _0xcfb9x19=_0xc2b4[22]}};var _0xcfb9x1a=/<\S[^>]*>/g;if(_0xcfb9x19=_0xcfb9x19[_0xc2b4[72]](_0xcfb9x1a,_0xc2b4[22]),1==showpostsummary){if(_0xcfb9x19[_0xc2b4[6]]<numchars){document[_0xc2b4[1]](_0xc2b4[22]),document[_0xc2b4[1]](_0xcfb9x19),document[_0xc2b4[1]](_0xc2b4[22])}else {document[_0xc2b4[1]](_0xc2b4[22]),_0xcfb9x19=_0xcfb9x19[_0xc2b4[30]](0,numchars);var _0xcfb9x1b=_0xcfb9x19[_0xc2b4[73]](_0xc2b4[58]);_0xcfb9x19=_0xcfb9x19[_0xc2b4[30]](0,_0xcfb9x1b),document[_0xc2b4[1]](_0xc2b4[74]+_0xcfb9x19+_0xc2b4[75]);}};document[_0xc2b4[1]](_0xc2b4[76]),_0xcfb9x3!=numposts-1&&document[_0xc2b4[1]](_0xc2b4[22]);};document[_0xc2b4[1]](_0xc2b4[77]);}
$('.post-thunb img').attr('src', function(i, src) {return src.replace( 's72-c', 's720-c' );});
$('.post-thunb img').attr('src', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
//]]>
</script>


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


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='title-cover'>
<a expr:href='data:post.url'>
<div class='post-thunb'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
</div>
</a>
<div class='info-imgg'>

<img class='author-pic' expr:src='data:post.authorPhoto.url'/>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>
      </b:if>
<div class='c-posts-info'> 
<a class='writer'><data:post.author/></a>
  <a class='timer'><data:post.date/></a>
  <a class='commenterr'><data:post.numComments/></a>
 </div>

        <div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>الرئيسية </span></a></span> 
<i class='fa fa-angle-left'/> 
 <b:loop values='data:post.labels' var='label'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'><i class='fa fa-tag'/> <data:label.name/>,</span></a></span>

<b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if> </b:loop> 
<i class='fa fa-angle-left'/> 
 <span><i class='fa fa-file-text-o'/> <data:post.title/></span>
        </div>

  </div>
  </div>
    </b:if>


  • مع وضعك لهذه الكود سوف تظهر الأضافة فى المكان الذى وضعها به
  • ولكن الأن أن تريد أن تظهر أسفل القائمة الرئيسية كما فى مدونة المحترف
  • سوف تقوم بستخدام هذا الـ id وتقوم بوضعه أسفل القائمة الرئيسة فى مدونت


<b:if cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}'>
<div id='cover-post'>
  </div>
  </b:if>


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


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


جميع الحقوق محفوظة لمن قن بوضعه كود الجافا مدونة مبدعى التصميم 


فى نهاية الموضوع وفقط لتوضيح لوضع حقوق من قام بنشر الأضافة أولا وليس شئ اخر



الجمعة، 10 فبراير، 2017

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


الأربعاء، 8 فبراير، 2017

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


شرح التركيب للإضافة


  • أولا عليك ابحث عن الوسم هذا]]></b:skin>فى قالب مدونتك
  • ثم بعد ذلك تقوم بوضع الكود التالى فوقه

#abt-random {
  float: left;
  border-radius: 3px;
  background-color: #7986CB;
  height: 35px;
  width: 35px;
  margin-top: 15px;
  margin-left: 5px;
  position: relative;
  z-index: 999999999999999999;
}
#abt-random a {
  margin-right: 9px;
  color: #FFFFFF;
}

  • الان تقوم بالحث عن الوسم هذا فى مدونتك
  • ثم تقوم بوضع الكود التالى فوقه

<script>
//<![CDATA[
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<i class="fa fa-random"></i>'; document.getElementById('abt-random').appendChild(a); } 
</script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">


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


<div id='abt-random' title='مشاركة عشوائية'/>


  • وبعد ذلك تقوم بحفظ القالب ومبروك عليك
  • واذا تريد تغيير شئ فى الإضافة يمكنك وضعه تعليق لمساعدتك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


الاثنين، 6 فبراير، 2017

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


الأحد، 5 فبراير، 2017

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


السبت، 4 فبراير، 2017

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

الجمعة، 3 فبراير، 2017

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

الأربعاء، 1 فبراير، 2017

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



الثلاثاء، 20 ديسمبر، 2016


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


إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر