10/06/2017

settings_overscan print announcement
أكثر من أداة ضرورية مدمجة مع بعض على شكل تبويبات يحتوي كل تبويب على  إضافة أو أكثر ..عندك مثلا أداة مواضيع ذات صلة وأداة معلومات عن التدوينة وكل مايتعلق بها من خصائص وملحقات كمشاركة الموضوع على مواقع التواصل المشهورة و الإشتراك في النشرة وتمكين عداد التعليقات الخاص بالبلوجر وديسكس disqus و الكثير من المميزات التي ستكتشفها.. وعندك في التبويب الأخير معلومات عن الكاتب ملحق بها أزرار المواقع الإجتماعية ..كل ذلك مدمج في موضع واحد مع إمكانية التنقل بين الإضافات وهذا يعطي إمكانية تحكم سهلة و منظمة للزائر.. بالإضافة للشكل الإحترافي والمساحة الضاغطة للقالب .
كما لاننسى أن الأداة خالية من التكرار والتشفير والأهم أنها متجاوبة مع جميع شاشات العرض الذكية و صديقة لمحركات البحث ..و نأكد على أنها سريعة وخفيفة على القالب ...والآن نترككم مع المعاينة المباشرة ثم ننتقل إلى طريقة تركيب هذه الأداة الرائعة :)






طريقة تركيب الأداة


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى المظهر >> ثم إضغط على تحرير  Edit HTML  
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثانية

  • قم بالبحث عن هذا الوسم <data:post.body/> أسفله أي بعده قم بوضع كود.html

  • 
                 <!-- Triple Plugins start -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <nav class='bloggcode_Poweredtab'><ul> <a class='Powered-tab' id='ba88-related-posts' href='javascript:;' onclick='javascript:commentToggle(&quot;#related_posts&quot;);'><i class="fa fa-random" aria-hidden="true"></i> <h4> مواضيع ذات صلة </h4> </a><a class='Powered-tab' id='ba88-about-posts' href='javascript:;' onclick='javascript:commentToggle(&quot;#about&quot;);'><i class="fa fa-newspaper-o" aria-hidden="true"></i> <h4> معلومات عن التدوينة </h4> </a><a class='Powered-tab' id='ba88-Author-posts' href='javascript:;' onclick='javascript:commentToggle(&quot;#authort&quot;);'> <i class="fa fa-address-card-o" aria-hidden="true"></i><h4> معلومات عن الكاتب </h4> </a> </ul>
    <div class='clear'/>
    <!-- related posts -->
     <div class='Powered-page' id='related_posts_page'> <div class='Powered-group'> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/> </b:loop> <ul id='related_img'> <script type='text/javascript'> relatpost();</script> </ul> </div> </div>
    <!-- about the post -->
    <div class='Powered-page' id='about_page' style='display:none;'><div class='Powered-group'><div id='post-info-area'><div class='post-by-area'><div class='postff-img'><div class='post-gr-wall-img'><b:if cond='data:post.thumbnailUrl'><div class='clear'/><div class='post-gro-home'><div class='postff-home'><div class='postff-hover'><img class='posts-area' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div></div></div><b:else/><img expr:alt='data:post.title' class='posts-area' expr:title='data:post.title' src='https://1.bp.blogspot.com/-dM6WQuAvOxU/WdO_W-Zg75I/AAAAAAAABwg/U5auFkOLlwsxZfg6FGyNalpExI_fNy5swCLcBGAs/s1600/noimage.png'/></b:if><div class='addthis_toolbox addthis_default_style ' style='margin-top:30px;padding:9px 0;overflow: hidden;'><summary> شارك الموضوع</summary><div class='post_social_share'><div class='share_this_content'><a class='social_share' expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank' title='Share this on facebook'><i class='fa fa-facebook'/></a><a class='social_share' expr:href='&quot;//twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank' title='Share this on twitter'><i class='fa fa-twitter'/></a><a class='social_share' expr:href='&quot;//plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank' title='Share this on Google+'><i class='fa fa-google-plus'/></a><a class='social_share' expr:href='&quot;//pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank' title='Share this on pinterest'><i class='fa fa-pinterest'/></a></div></div></div></div>
    <div id='mbt-sub-box'><h1>أشترك ليصلك جديد الدروس والمواضيع!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Previewextensions&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' rel='nofollow' target='popupwindow'><center><input name='email' autocomplete='off' onblur='if (this.value == &quot;&quot;) {this.value = &quot;أدخل البريد الإلكتروني ...&quot;;}' onfocus='if (this.value == &quot;أدخل البريد الإلكتروني ...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='أدخل البريد الإلكتروني ...'/>
    <input name='uri' type='hidden' value='Previewextensions'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='أشترك'/></center></form></div></div><ul><li><b class='fa fa-bookmark'/><spane>العنوان :</spane><a class='onwan_area' expr:href='data:post.url'><data:post.title/></a><div class='clear'/></li><li><b class='fa fa-user'/><spane>الكاتب :</spane><span class='post-author vcard'><b:if cond='data:post.authorProfileUrl'><span class='fn' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:post.authorProfileUrl' itemprop='url'/><a expr:href='data:post.authorProfileUrl' rel='author' title='بروفيل الكاتب'><span><data:post.author/></span></a></span><b:else/><span class='fn' itemscope='itemscope' itemtype='http://schema.org/Person'><span><data:post.author/></span></span></b:if></span></li><li><b class='fa fa-tag'/><span class='post-labels'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></span></li><li><b class='fa fa-calendar'/> <span class='time-info'><span class='timestamp-link'>نشرت فى :<abbr class='published updated' itemprop='datePublished'><data:post.date/>/ على الساعة <span><data:post.timestamp/></span></abbr></span></span></li><li><span class='comment-info'><b class='fa fa-commenting-o'/><spane> تعليقات Blogger </spane><i class='fa fa-comments-o'/><b:if cond='data:post.allowComments'><span class='comment-info'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0</b:if><b:if cond='data:post.numComments == 1'>1</b:if>
    <b:if cond='data:post.numComments &gt; 1'><data:post.numComments/></b:if></a></span></b:if></span></li><li><span class='comment-info'><b class='fa fa-commenting'/><spane> تعليقات Disqus </spane><i class='fa fa-comments'/><a expr:href='data:post.url + &quot;#disqus_thread&quot;'/></span></li><li><div class='blogger-post-views' expr:id='&quot;obs-&quot; + data:post.id'><b class='fa fa-eye'/><span class='loading'><svg id='loader-1' style='enable-background:new 0 0 50 50;' version='1.1' viewBox='0 0 50 50' width='20px' height='20px' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z' fill='#FF6700'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></span><spane>&amp;nbsp;مشاهدة</spane></div></li><li><div class='Reporting-ba-button'>
    <span class='eror-area'><b class='fa fa-exclamation-triangle'/></span>
    <a expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;to=exempel@gmail.com&amp;su=&quot; + data:post.title + &quot;&amp;body=رسالة إلى مشرفي مدونة:blogg-code/الرابط المطلوب:&quot; + data:post.url' rel='nofollow' target='_blank' title='التبليغ عن خطأ أو رابط لايعمل أو إرسال ملفات للمشرف'>إبلاغ عن محتوى أو إرسال ملفات</a></div></li><li><a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;'>طباعة الموضوع</a><span class='print'><b class='fa fa-print'/></span></li><li><div class='total-posts'><script style='text/javascript'>function mbhTotalCount(a){document.write(parseInt(a.feed.openSearch$totalResults.$t,10))};</script><b class='fa fa-database'/><spane>جميع المواضيع</spane><span><script src='/feeds/posts/default?alt=json-in-script&amp;callback=mbhTotalCount'/></span></div></li></ul></div></div></div></div>
    <!-- Author -->
     <div class='Powered-page' id='authort_page' style='display:none;'> <div class='Powered-group'> <div class='auth-panel'> <a class='writer' expr:href='data:post.authorProfileUrl' expr:title='&quot;نشرت بواسطة &quot; + data:post.author' itemprop='published' rel='author' title='author profile'> <img class='author-pic' expr:src='data:post.authorPhoto.url' height='96' width='96'/> <name> <data:post.author/> </name> </a>
    <p>
     هنا أكتب نبذة تعرف بها عن نفسك وميولك ورسالتك لزوار ومتابعين مدونتك
    </p>
    <div class='buttonskk-cn-social-media'><ul>
    <li><a href='#'><i aria-hidden='true' class='fa fa-twitter'/></a></li>
    <li><a href='#'><i aria-hidden='true' class='fa fa-facebook'/></a></li>
    <li><a href='#'><i aria-hidden='true' class='fa fa-google-plus'/></a></li>
    <li><a href='#'><i aria-hidden='true' class='fa fa-youtube'/></a></li>
    </ul>
    </div></div></div></div></nav></b:if>
                  <!-- Triple Plugins END -->
    

    ملاحظة مهمة
    ستجد الوسم <data:post.body/> الذي نبحث عنه مكرر أكثر من مرة المطلوب هو غالبا الثاني تجده داخل حقل البوست <b:includable id='post' var='post'> أو قم بالتجربة مع الجميع واحد تلوى الآخر حتى تظهر الأداة
    التعديل على كود.html
    الإسم Previewextensions المحدد بهذا اللون خاص بصندوق الإشتراك إستبدله بالمعرف الخاص بك على feedburner تجده مكرر مرتين .
    الإسمexempel@gmail.com المحدد بهذا اللون خاص بزر التبليغ إستبدله بالبريد Gmail الخاص بك لمعرفة المزيد راجع الموضوع الخاص بزر التبليغ من هنا
    النص المحدد بهذا اللون خاص بنبذة عن الكاتب إستبدله بما يناسبك
    الكود المحدد بهذا اللون خاص بروابط حساباتك الشخصية على مواقع التواصل ضع الروابط مكان العلامة #
  • قم بالبحث عن هذا الوسم </head> فوقه أي قبله قم بوضع كود.js

  • 
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <style type='text/css'>
    /*===============
    All in one
    ================*/
    .Powered-page,.Powered-group{padding:5px;position:relative;overflow:hidden;}
    .bloggcode_Poweredtab .Powered-tab:nth-child(1),#related_posts_page{background:#F5F5F5;}
    .bloggcode_Poweredtab .Powered-tab:nth-child(2),#about_page{background:#EFEFF0;}
    .bloggcode_Poweredtab .Powered-tab:nth-child(3),#authort_page{background:#F7902A;}
    /*===============
    Related Post
    ================*/
    #related_posts{margin-top:20px;}
    #related_posts h4{color:#fff;background:#c9511d;padding:10px;margin:0 0 5px;font-size:110%;}
    #related_img{margin:0;padding:0;}
    #related_img:hover{background:0;}
    #related_img ul{list-style-type:none;margin:0;padding:0;}
    #related_img li{border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;overflow:hidden;}
    #related_img li a{color:#777;}
    #related_img li a:hover{text-decoration:underline;color:#f79029;}
    #related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;background-color:#FFFFFF;}
    #related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;font-size:11px;}
    .post-re-hover{position:relative;overflow:hidden;display:inline-block;float:right;margin-left:10px;width:60px;height:60px;max-width:100%;background:#fff;border:4px solid #efefef;}
    #related_img img{float:right;margin:0;padding:0;width:100%;height:100%;max-width:100%;}
    /*===================
    Information about the post
    =====================*/
    .post_byfix{float:right;background:#FFFFFF;Color:#333333;width:100%;overflow:hidden;clear:both;margin-bottom:10px;}
    .post-by-area{overflow:auto;text-decoration:none;}
    .post-by-area ul{margin:0;padding:0;display:block;float:right;overflow:hidden;width:50%;background:#FFFFFF;}
    .post-by-area li{list-style:none;padding:5px;margin:8px;overflow:auto;display:block;}
    #post-info-area ul li b.fa{width:30px;height:30px;padding:0;margin:0 5px;float:right;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px!important;color:#f79029!important;text-decoration:none;border:4px solid #FFFFFF;}
    #post-info-area ul li:hover b{color:#5a5a5a!important;}
    a.onwan_area{font-size:11px!important;line-height:30px;color:#5a5a5a!important;text-overflow:ellipsis;background:#efefef;padding:5px;}
    #post-info-area a,.areaviewers,#post-info-area{color:#484848;font-size:12px;}
    #post-info-area ul li{line-height:3em;background:#efefef;}
    /*===Reporting btn===*/
    .Reporting-ba-button a{padding:2px 8px;line-height:normal;position:relative;display:inline-block;background-color:#f79029;border-bottom:2px solid rgba(0,0,0,0.10);color:#FFFFFF!important;font-weight:700;}
    .Reporting-ba-button a:hover{background-color:#5a5a5a;}
    /*===view===*/
    span.areamochahda{margin-right:3px;}
    span.loading{overflow:hidden;padding:0;margin:5px;display:inline-block;width:20px;height:20px;background:transparent;vertical-align:top;}
    /*===post img===*/
    .postff-img{margin:0;padding:0;display:block;float:left;overflow:hidden;width:50%;}
    .post-gr-wall-img{padding:60px 5px;margin:0 10px;overflow:hidden;height:100%;display:block;position:relative;background-color:white;}
    .post-gro-home{overflow:hidden;margin:0 auto;display:block;width:156px;position:relative;background-color:#efefef;padding:15px;}
    .postff-home{overflow:hidden;position:relative;}
    .postff-img img{position:relative;width:180px;height:150px;display:block;margin:0 auto;padding:3px;}
    /*===social share===*/
    .addthis_toolbox.addthis_default_style summary{text-align:center;padding:5px;margin:10px 0;font-size:14px;color:#5a5a5a;}
    .post_social_share{font-size:22px;text-align:center;overflow:hidden;}
    a.social_share i{display:inline-block;width:32px;line-height:32px;text-align:center;height:32px;margin-right:6px;font-size:14px!important;text-decoration:none;border:4px solid #efefef;}
    a.social_share i:hover:before{content:"\f1e0";}
    a.social_share i.fa.fa-facebook{color:#2e76e4!important;}
    a.social_share i.fa.fa-twitter{color:#03A9F4!important;}
    a.social_share i.fa.fa-google-plus{color:#ea6237!important;}
    a.social_share i.fa.fa-pinterest{color:#f14d4d!important;}
    /*===Email Subscriptions====*/
    #mbt-sub-box{position:relative;overflow:hidden;padding:10px 5px;margin:10px;height:100%;display:block;background-color:white;}
    #mbt-sub-box h1{line-height:normal;text-align:center;margin:10px 0;padding:0;font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,0.1);color:#777;font-weight:700;}
    #mbt-sub-box input{text-shadow:none;border:medium none;font-size:12px;margin:0 0 0 10px;padding:0 10px;width:180px;height:35px;color:#484848;background-color:#EFEFF0;border-bottom:1px solid #eaeaea;font-family:inherit;}
    #mbt-sub-box .submit{background-color:#f79029;border-bottom:2px solid rgba(0,0,0,0.10);color:#FFFFFF!important;cursor:pointer;font-weight:bold;width:80px;font-family:inherit;margin:0;line-height:normal;}
    #mbt-sub-box .submit:hover{background-color:#5a5a5a;}
    /*===================
    nav/ tab
    ====================*/
    .bloggcode_Poweredtab{overflow:hidden;position:relative;width:100%;}
    .bloggcode_Poweredtab .Powered-tab{cursor:pointer;float:right;text-align:center;width:33.3333%;padding:10px 0;text-transform:uppercase;font-size:13px;direction:ltr;list-style:none;position:relative;overflow:hidden;border-bottom:4px solid rgba(0,0,0,0.10);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
    .bloggcode_Poweredtab .Powered-tab h4{margin:0;font-size:1.3em;font-weight:bolder;color:#2f2f2f;font-family:inherit;}
    .bloggcode_Poweredtab .Powered-tab i {font-size: 20px;color: #2f2f2f!important;}
    .bloggcode_Poweredtab .Powered-tab:hover,.bloggcode_Poweredtab .Powered-tab:focus,.bloggcode_Poweredtab .Powered-tab:active{border-bottom:4px solid rgba(0,0,0,0);}
    /*===================
    author
    ====================*/
    .auth-panel,.auth-panel a{position:relative;overflow:hidden;text-align:center;}
    .auth-panel p{font-size:14px;text-align:right;padding:5px;margin:10px 0;color:#2d2d2d;font-weight:700;background-color:rgba(0,0,0,0.04);}
    .auth-panel name{color:#2f2f2f;display:block;position:relative;width:100%;font-size:25px;font-weight:700;}
    .buttonskk-cn-social-media{margin-top:30px;padding:9px 0;overflow:hidden;font-size:22px;text-align:center;}
    .buttonskk-cn-social-media ul li{display:inline-block;}
    .buttonskk-cn-social-media ul li i{display:inline-block;width:32px;line-height:32px;text-align:center;height:32px;margin-right:6px;font-size:14px!important;text-decoration:none;background-color:#2d2d2d;color:#f79029;}
    .buttonskk-cn-social-media ul li i:hover:before{content:"\f2c1";}
    /*===before===*/
    .postff-hover:before,.post-re-hover:before{pointer-events:none;content:'\f15c';position:absolute;z-index:999;top:0;bottom:0;right:0;left:0;color:#2f2f2f;background-color:rgb(247,144,41);width:100%;height:100%;margin:0;padding:0;font-family:"FontAwesome";font-style:normal;font-weight:normal;speak:none;display:flex;justify-content:center;align-items:center;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:18px;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
    .postff-hover:before{content:'\f1e0';}
    .postff-img:hover .postff-hover:before,#related_img li:hover .post-re-hover:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:1;}
    /*=======transition======*/
    .postff-hover:before,.post-re-hover:before{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
    /*=======border radius======*/
    .auth-panel img.author-pic,.buttonskk-cn-social-media ul li i,a.social_share i, #post-info-area ul li b.fa{border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
     /*=======Page Responsive======*/
    @media only screen and (max-width:775px){.bloggcode_Poweredtab .Powered-tab h4{display:none;}.post-re-hover{display:block;float:none;margin:0;}.postff-img,.post-by-area ul{margin:0;padding:0;display:block;float:none;width:100%;}.post-gr-wall-img,#mbt-sub-box{padding:10px 0;margin:10px 0;width:100%;display:block;}.post-gro-home{margin:0 auto;display:block;width:150px;position:relative;padding:10px;}.postff-img img{width:100%;height:auto;float:none;padding:0;margin:0;}.addthis_toolbox.addthis_default_style{margin-top:10px;}a.social_share i{width:25px;line-height:25px;height:25px;}#mbt-sub-box h1{font-size:12px;}#mbt-sub-box input,#mbt-sub-box .submit{margin:0 5px;padding:0 5px;width:50%;font-size:9px;display:inline-block;}#mbt-sub-box .submit{width:25%;}a.onwan_area{font-size:10px!important;}}
    @media screen and (max-width:640px){#post-info-area a,.areaviewers,#post-info-area{font-size:11px;}
    .Reporting-ba-button a{display:flex;}
    #post-info-area ul li b.fa{width:25px;height:25px;font-size:12px!important;border:3px solid #FFFFFF;}
        </style>
        <script src='//cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
        <script async='async' id='dsq-count-scr' src='//NAME.disqus.com/count.js'/>
        <script type='text/javascript'>
    /*<![CDATA[*/
    //views Counter
    $(function(){var a=$(".blogger-post-views");a.each(function(){var n=$(this).attr("id"),e=new Firebase("//APP.firebaseio.com/"+n);e.once("value",function(n){var i=n.val();null==i?i=1:"/"!=window.location.pathname&&i++,e.set(i),a.children("span").removeClass("loading").html(i)})})});
    //tab coment disq
    function commentToggle(o){$(".Powered-tab").addClass("off-Poweredtab"),$(o).removeClass("off-Poweredtab"),$(".Powered-page").hide(),$(o+"_page").show()};
            var relnum=0;var relmaxposts=4;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"https://1.bp.blogspot.com/-dM6WQuAvOxU/WdO_W-Zg75I/AAAAAAAABwg/U5auFkOLlwsxZfg6FGyNalpExI_fNy5swCLcBGAs/s1600/noimage.png",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<div class='post-re-hover'><a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"'/></a></div>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;
    /*]]>*/
    </script>
        </b:if>
    

    التعديل على كود.JS
    الإسم NAME المحدد بهذا اللون خاص بعداد تعليقات ديسكس disqus إستبدله بالمعرف الخاص بك لصندوق التعليق المستعمل في مدونتك
    الإسمAPP المحدد بهذا اللون خاص بإسم تطبيق firebase إستبدبه بإسم التطبيق المستعمل لعداد مشاهدة التدوينة إذا لم تنشأ واحدا بعد راجع هذه التدوينة من هنا .
    الكود relmaxposts=4 المحدد بهذا اللون خاص بعدد المواضيع التي يتم عرضها في أداة مواضيع ذات صلة ضع الرقم الذي يناسبك .
    الكود numchars=135 المحدد بهذا اللون خاص بعدد أحرف إقتباس الموضوع في أداة مواضيع ذات صلة ضع الرقم الذي يناسبك والأحسن أتركه كما هو .
    ملاحظات مهمة
    - هناك من لايستعمل صندوق تعليقات ديسكس disqus إذا أردت إضافته مدمجا مع تعليقات بلوجر راجع هذه التدوينة من هنا .
    - بالنسبة لبروفايل الكاتب وبعض الميزات ستلاحظ أنها تعمل تلقائيا وبالمزامنة مع حسابك أو مدونتك
    - في حالة اغفلنا شيء أو واجهت صعوبة في تخصيص هذه الاداة فنحن نسعد بمساعدتك فقط تفاعل معنا عبر التعليقات.
    - النقطة الأخيرة بما ان الأداة تحتوي على أيقونات خطية وأكواد جافا سكريبت فلابد أن تضيف روابط المكتبات في الملحق إلى قالب مدونتك .

ملحق هام
1- الكود التالي هو لمكتبة jquery ، إنسخ الرابط <script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/> وأضفه فوق </head> إذا كان موجود أو أي إصدار آخر فلا داعي لإضافته
2- الكود التالي هو لإظهار أيقونات font-awesome ، إنسخ الرابط <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/> وأضفه فوق </head> إذا كان موجود فلا داعي لإضافته أو قم بتحديثه (أخر تحديث 4.7.0)



add_commentإرسال تعليق

  1. موضوع جميل يضيف طابع احترافي للمدونة...استمر يامبدع.

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

      حذف
  2. اخي تمام طبقت الشرح لكن يظهر كل قسم تحت الاخر ؟؟؟؟ ممكن حل

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

      حذف