أداة المتابعة عبر البريد الإلكتروني لمدونات بلوجر

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

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

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

طريقة التركيب سهلة جدا وليس فيها أي تعقيدات فقط قم بالدخول إلى لوحة تحكم مدونتك ثم إلى التخطيط ثم إضافة أداة وبعد ذلك إبحث عن أداة Html/Javascript وقم بنسخ الكود التالي في الصندوق الفارغ  :

<h3 class="title"> تابعنا عبر البريد الالكترونى</h3> 
<div class="widget-content">
<div class="intro" style="border:#ececec 1px solid">
<a style="clear:right;margin-bottom:0.5em;margin-left:1em" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivxbYciJF44k5XgORkvMb5OdF2-yUreZD5hyJi4VgFWBtBCTGj6Ke7pMr8NK7vJ_Y1TVzB9IDq9H7S496VI_5d9nIdbT5VJcnwIhtQ2kKEFoHsdpg7hlXdbv8dnMy6OTz1I49c9T4Nx5E/s512/Social_Email_RSS.png" />
</a>
<p>أدخل بريدك الإلكتروني ليصلك كل جديد بالمدونه ومتابعتنا بكل سهوله ولا تنسي تفعيل الاشتراك من خلال صندوق الوارد بالبريد.</p>
<form rel="nofollow" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ency-bl', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify" dir="ltr">
<input type="hidden" value="gateblogs" name="uri" />
<input type="hidden" value="en_US" name="loc" />     <p class="email-form">
<input class="sub" type="text" name="email" />     <input class="subbutton" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggm7mxZkNmGbh1xxgyxGrq9ClH6x58zlQJXZiJZu6O08qsS4zwLMGlyxioWlArGUEGK0okf2N_JMSbG1IyWIOxHL6tlsrupKCF9N-WFOkwGfxvpsPfZZGkNqi-z3mXktEM2BNnto3SPBw/s1600/button-mail.gif" alt="submit" />
</p>
</form>
</div>
</div>
<div class="clear">
</div>
<span class="widget-item-control">
<span class="item-control blog-admin">
 <a class="quickedit" title="تحرير" rel="nofollow" target="configHTML8" onclick="return _WidgetManager._PopupConfig(document.getElementById("html8"));" href="http://www.blogger.com/rearrange?blogID=5271883380863636842&widgetType=HTML&widgetId=HTML8&action=editWidget&sectionId=sidebar-
ads">
<img height="18" width="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="" />
</a>
</span>
</span>
<div class="clear">
</div>
  

  كيفية التحكم الأمثل بالإضافة

• قم بتغيير رابط قائمتك في الفيدبرنر بالتعديل على : http://feedburner.google.com/fb/a/mailverify?uri=ency-bl
• يمكنك تغيير عنوان الأداة من خلال التعديل على : <h3 class="title"> تابعنا عبر البريد الالكترونى</h3>
• للتعديل على النص قم بالتعديل على : <p> أدخل بريدك الإلكتروني ليصلك كل جديد بالمدونه ومتابعتنا بكل سهوله ولا تنسي تفعيل الاشتراك من خلال صندوق الوارد بالبريد. </p>
• للتعديل على عرض وطول الأداة بما يتناسب مع قالبك عدل على :  width=550,height=520

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

أحصل على 500 منتدى أجنبي DoFollow + خطة تسويقية + مقالات انجليزية + ادوات سيو 

تابع القراءة

أداة آخر المواضيع القابلة للتعديل لمدونات بلوجر

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

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

ولكي لا أطيل عليكم نمر إلى طريقة التركيب

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

قم بالدخول إلى لوحة تحكم مدونتك ثم إلى التخطيط ثم إضافة أداة وبعد ذلك إبحث عن أداة Html/Javascript وقم بنسخ الكود التالي في الصندوق الفارغ  :

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = false;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 55;
thumbheight = 55;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "التعليقات";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 6;

home_page = "http://ency-bl.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

    

كيفية التحكم الأمثل بالإضافة

هناك عدد من المتغيرات التي يمكن التحكم فيها ولكن سنتطرق فقط إلى أبرزها أما الباقي فمن الأفضل تركه كما هو

fntsize = 12;   للتحكم في حجم الخط بالنسبة لعناوين المواضيع

showPostDate = true;  إذا أردت إخفاء تاريخ التدوينة قم بتغيير true بالكلمة false

numposts = 6;  للتحكم في عدد المواضيع الظاهرة

boxwidth = 298;   للتحكم في عرض الإضافة وتعديلها بما يناسب لتتناسب مع عرض السايدبارالخاص بقالبك

home_page = "http://ency-bl.com/";  يجب أن تقوم بتغيير رابط مدونتي إلى رابط مدونتك

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

تابع القراءة

إضافة صندوق الإشتراك المتطور لمدونات بلوجر

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

وللتعرف أكثر على شكل الأداة ومشاهدتها مباشرة :

معاينة الأداة

طريقة التركيب :

قم بالدخول إلى لوحة تحكم مدونتك ثم إلى التخطيط ثم إضافة أداة وبعد ذلك إبحث عن أداة Html/Javascript وقم بنسخ الكود التالي في الصندوق الفارغ و لا تضع عنوانا للإضافة :

<!--هذه الأداة مقدمة من طرف موسوعة بلوجر-->

     <style>
    body {
        color: #434343;
        font: 14px/20px Arial,Helvetica,sans-serif;
    }
    #sidebar .widget {
        background-color: #F5F5F5;
        margin: 15px 0;
        padding: 4px;
        position: relative;
    }


    #sidebar .widget .head {
        text-shadow: 0 1px 0 #FFFFFF;
    }
    #sidebar .widget .box {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdq7cAV9L14F2E-kv8JBC0inyfqQTanrd1EJck-dDFTiRCMVOI-ubGg2FlpNRlptCoSx_zk89iayGWoLl4fqSTHCi4kXAeNCR7rxd7v1P2dx0q0r3Y1zX5YqACMswDkaJ-1B2FkYVDDT0/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;
        padding: 8px;
    }
    #sidebar .widget .box-out {
        background-color: #FFFFFF;
        border-bottom: 1px solid #E5E5E5;
        padding: 1px;
    }
    .clearfix:after {
        clear: both;
        content: " ";
        display: block;
        font-size: 18;
        height: 18;
        line-height: 12;
        visibility: hidden;
        width: 18;
    }
    #sidebar .widget .box {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdq7cAV9L14F2E-kv8JBC0inyfqQTanrd1EJck-dDFTiRCMVOI-ubGg2FlpNRlptCoSx_zk89iayGWoLl4fqSTHCi4kXAeNCR7rxd7v1P2dx0q0r3Y1zX5YqACMswDkaJ-1B2FkYVDDT0/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;
        padding: 8px;
    }
    .clearfix {
        display: block;
    }
    .clearfix {
        display: inline-block;
    }
    .clearfix:after {
        clear: both;
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
    }
    .email_rss {
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 5px;
        position: relative;
    }
    .social_links, .email_rss {
        padding: 5px 0 10px;
        width: 100%;
    }
    .clearfix {
        display: block;
    }
    .fan_box {
        background-color: #F5F5F5;
        margin: 15px 0;
        padding: 4px;
        position: relative;
    }
    .fan_box .full_widget {
        background-color: #FFFFFF;
        border: 1px solid #E5E5E5;
    }
    .fan_box .full_widget .connect_top {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdq7cAV9L14F2E-kv8JBC0inyfqQTanrd1EJck-dDFTiRCMVOI-ubGg2FlpNRlptCoSx_zk89iayGWoLl4fqSTHCi4kXAeNCR7rxd7v1P2dx0q0r3Y1zX5YqACMswDkaJ-1B2FkYVDDT0/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;
        padding: 8px;
    }
    .fan_box .full_widget .connections {
        background-color: #FFFFFF;
        border-bottom: 1px solid #E5E5E5;
        padding: 5px 1px 1px;
    }
    .fan_box .full_widget .connections_grid {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdq7cAV9L14F2E-kv8JBC0inyfqQTanrd1EJck-dDFTiRCMVOI-ubGg2FlpNRlptCoSx_zk89iayGWoLl4fqSTHCi4kXAeNCR7rxd7v1P2dx0q0r3Y1zX5YqACMswDkaJ-1B2FkYVDDT0/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;
        padding: 6px;
    }
    .fan_box .full_widget .connections .total {
        margin: 4px 0 4px 8px;
    }
    .fan_box .profileimage {
        background-color: #FFFFFF;
        border: 1px solid #E5E5E5;
        display: inline;
        margin-right: 10px;
        padding: 5px;
    }
    .fan_box .full_widget .connections_grid a img {
        border: 1px solid #FFFFFF;
    }
    .fan_box .full_widget .connections_grid a img:hover {
        border: 1px solid #000000;
    }
    .social_links, .email_rss {
        padding: 5px 0 10px;
        width: 100%;
    }
    .social_links a {
        background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZblLXKN2ZFI6uiO0H-WVSAF1qZSfY7Tv2Avy66fIEW8ndXHZCKna9yQ3FfW_BUt76Tiz9bm8DC2WviEWyz06yyArxXT1ySlX8_nZneqtJKJvu-tG9H6LEMg3n-RA7HElsel5w404MR4/s1600/social.png");
        background-repeat: no-repeat;
        color: #999999;
        display: inline;
        float: left;
        font-size: 11px;
        margin-bottom: 0;
        padding-top: 45px;
        text-align: center;
        text-decoration: none;
        width: 67px;
    }
    .social_links a:hover {
        color: #000000;
        text-decoration: underline;
    }
    a#side_fb {
        background-position: -173px 0;
    }
    a#side_tw {
        background-position: -81px 0;
    }
    a#side_rss {
        background-position: 8px 0;
    }
    a#side_email {
        background-position: -267px 0;
    }
    #geek {
        background: url("4.bp.blogspot.com/-JJL5i3WAtEA/UDip4G3DxhI/AAAAAAAAF7A/fa1vmnxMt38/s1600/social.png") no-repeat scroll -387px -363px transparent;
        bottom: -1px;
        display: block;
        height: 117px;
        position: absolute;
        right: -22px;
        text-indent: -9999em;
        width: 94px;
    }
    .email_rss {
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 5px;
        position: relative;
    }
    .email_rss span {
        font-size: 11px;
    }
    #subscribe-form {
        margin-top: 5px;
    }
    #subscribe-form #newsletter {
        border: 1px solid #CCCCCC;
        padding: 5px;
        width: 150px;
    }
    #subscribe-form #newsletter:focus {
        background-color: #F5F2D3;
        border: 1px solid #000000;
    }
    #subscribe-form .btn {
        background-color: #7EB4CF;
        border: 1px solid #2F6A89;
        box-shadow: 3px 3px 0 #6DA5C1 inset, -3px -3px 0 #6DA5C1 inset;
        color: #FFFFFF;
        cursor: pointer;
        display: inline;
        float: right;
        font-size: 12px;
        font-weight: 900;
        line-height: 12px;
        padding: 5px 8px;
        position: relative;
        text-shadow: 0 1px 0 #000000;
        z-index: 999;
    }
    #subscribe-form .btn:hover {
        background-color: #4E9CC4;
    }
    #subscribe-form span {
        background-color: #F5F5F5;
        display: inline;
        float: left;
        margin-right: 10px;
        padding: 3px;
    }

    h3 {
    font-family: MgOpenModata;
    
        font-weight: 400;
    }
    #sidebar .widget .head p {
        color: #999999;
        font-size: 11px;
        line-height: 15px;
        padding: 0;
    }
    </style>

    <div id="counter" class="widget">
    <div class="inner clearfix">
    <div class="box-out">
    <div class="head box">
    <h3>تابعنا</h3>
<center>
    <p>تسجل الآن في قائمتنا البريدية لتتوصل بكل جديد</p>
  </center>  </div>
    </div>
    <div class="side_cont box-out clearfix">
    <div class="box clearfix">
    <div class="email_rss clearfix">
   <center> <span>أدخل بريدك الإلكتروني ليصلك كل جديد بالمدونه ومتابعتنا بكل سهوله ولا تنسي تفعيل الاشتراك من خلال صندوق الوارد بالبريد.</span> </center>

    <form  id="subscribe-form" class="clearfix" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri='ency-bl', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input id="newsletter" class="txt" type="text"  name="email"/><input type="hidden" value="bloggingehow" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="btn" type="submit" value="تسجل الآن" /></form>

    </div>


    <div class="social_links clearfix">

    <a id="side_fb" class="png_bg dysocial" rel="nofollow" title="إنضم إلى معجبينا على الفيسبوك" href="www.facebook.com/encybl" >الفيسبوك</a>

    <a id="side_tw" class="png_bg dysocial" rel="nofollow" title="تابعنا على تويتر" href="www.twitter.com/encybl" >تويتر</a>

    <a id="side_rss" class="png_bg dysocial" rel="nofollow" title="إشترك بخلاصات المدونة" href="www.ency-bl.com/feeds/posts/default" >الخلاصات</a>

    <a id="side_email" class="png_bg dysocial" rel="nofollow" title="تابعناعبر الإميل" href="http://feeds.feedburner.com/ency-bl">الإميل</a>

    </div>
    <span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:290px;
      ">
    <a style="color:#D3D3D3;" href="http://www.ency-bl.com">موسوعة بلوجر</a></span>
    </div>
    </div>
    </div>
    </div>

التغييرات التي يجب القيام بها :

1. يمكنك تغيير عنوان الأداة بما تراه مناسبا   <h3>تابعنا</h3>

2. يجب تغيير الروابط التالية بما يناسب :

 www.ency-bl.com/feeds/posts/default  رابط خلاصات المدونة
  http://feeds.feedburner.com/ency-bl  رابط التسجيل بالفيدبرنر

      www.facebook.com/encybl  رابط صفحة المدونة على الفيسبوك

    www.twitter.com/encybl  رابط المدونة على تويتر

 3. يمكنك تغيير العبارات الموجودة بالأداة بما تراه مناسبا

خاتمة :

على العموم أتمنى أن تعجبكم الإضافة وإلى موضوع قادم بإذن الله.

تابع القراءة

إضافة أداة آخر التعليقات مع صور مصغرة للأفاتار

جئت لكم اليوم بأداة آخر التعليقات في المدونة ولكن ما يميز هذه الأداة عن غيرها هو أنها تظهر بجانب التعليق صورة مصغرة للأفاتار الخاص بصاحب التعليق بشكل جميل.

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

طريقة التركيب :

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

<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 4, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 60, showMorelink = false, moreLinktext = "للمزيد", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script> <script type="text/javascript" src="http://www.ency-bl.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> 

 ولا تنسى تغيير   src="http://www.ency-bl.com/feeds/comments/default   برابط مدونتك

  ويمكنك التعديل على هذا الكود لتحديد عدد التعليقات التي تريدها أن تظهر    numComments   = 4,

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

تابع القراءة

شرح إستبدال روابط الرئيسية ورسائل أحذث وأقدم بصور جميلة

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

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

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

طريقة التركيب :

 بداية يجب أخد نسخة احتياطية من قالبك احتياطا في حالة حذوث مشكل ما

1. إذهب إلى لوحة تحكم مدونتك ثم إلى قالب المدونة ثم تحرير Html

2. الآن إضغط على متابعة تم علم على توسيع قوالب عناصر المستخدم

إستبدال رابط رسائل أقدم :

إبحث عن  <data:olderPageTitle/> واستبدله بالكود التالي :

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliI6qp5w8ufNBiYg6QSENkRDqGdrhbGqmBu7poFlQciwEWHeJbY4miGYPsCgGwBUYs9u8ZewspCvFRzCFmP-nBmp0CMIJbCocMBLUe1OTb-7vT8aqmZcaAYvI_8CW_j19mmtU-yhQGqqD/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

إستبدال رابط رسائل أحذث :

إبحث عن   <data:newerPageTitle/>  واستبدله بالكود التالي :

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPaI9GnVBYJ1UEbfia0EH_RGX_ubd4gxP8CG-NuL9rhjrLul8u-A1ZYZtYRjN1SrLkMEzUKaKyQOrlWWjWiSEui5wbNlgPKRSpJkw6v0Q0IgMg_idf7SdQZF9Csd3LEdOfk0R5peM20BO/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

إستبدال رابط الصفحة الرئيسية:

إبحث عن      <data:homeMsg/>   واستبدله بالكود التالي 

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-v8X8uZd5mrxCc9htm-TFfOWR3O1w6NKMiDfTnsrsRgZ3_xRzzKabQJOOzCtbwWdQX3_Hknn-k0HiUMGFJBlLIrht1kX5XS957y-cIoTa2281NtVgVNMnfQVRFmo-t535bsJhUZrNCAy/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

ولمن واجه أي مشكل في تطبيق الشرح فليترك تعليقا أسفل الموضوع

تابع القراءة

حصريا على موسوعة بلوجر : أداة المواضيع العشوائية

 نبذة عن الإضافة

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

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

ندخل إلى لوحة تحكم المدونة ثم التخطيط ثم إضافة أداة ثم html/javascript  نقوم بنسخ الكود أسفله : 

<style type='text/css'>
#random-posts img{float:right;margin-left:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=3;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='التعليقات';
var rdp_disable='Turn off comments';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxgDT_OV6Pn864RH6i3sFTv-sXrWxKtpEa_W7Ez8N5pX2u7c6LWfB56F6Ts_YLb6YH7r7QhIpXlEuhVvuhUbjagpGsTdtbLAylBtfT7rb0dPYT-t41KJuyH0FZfnd0yzfLd38j3iYLoAQ/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

 مع تغيير var rdp_numposts=3;  الرقم 3 بعدد المواضيع التي تريدها أن تظهر

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

تابع القراءة

كيفية إنشاء فهرس للمدونة

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

الآن نذهب إلى الطريقة :

ندخل إلى لوحة تحكم المدونة ثم إلى الصفحات ثم إضافة صفحة جديدة فارغة كما تبين الصورة التالية :

 ثم نقوم بالإنتقال إلى جهة html ونستبدل الكود الموجود بالكود التالي :

<div dir="rtl" style="text-align: right;" trbidi="on">
<script src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js">
</script>
<script src="http://ency-bl.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

</div>

  مع تغيير ما باللون الأزرق ency-bl.blogspot.com إلى رابط موقعك

 كما تبين الصورة التالية :

 وإلى هنا أصل إلى نهاية الشرح وتقبلوا تحيات صديقكم المخلص رشيد إدعلي

تابع القراءة

إضافة تجعل مدونتك تتحذث كل اللغات

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

وكالعادة إليكم مثال مباشر عن الإضافة : إضغط هنا

الطريقة سهلة جدا وهي كالآتي : نقوم بلصق الكود أسفله داخل أداة html

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4OD3ikJYVg1ZgwymR_1ZOkkZlMOzat-DBfV9qDoUlg-yVEcrERVxwGLK7hxXn0YSP-NDxOK7iCFdiOM1sqjG-lJ332iMVC0FJcSrvgUQ56YFnd71RWUsU5_cq5oMR9O7toADxiz9pKMKW/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuEeQNEQ7dzUbYePm1hpWzNr_GMktBpcCLLjiLkm8Cd5pSdFaX82NpYIP48JXqCQ0HQs4KRptkC-ojR9y6oEyqNIMc2N7KWui09IejlmWhMN_FgxDxQRHFJyyIrShxi4QT2j9zBx-MWNQ/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiirJJ47kDZ2aI6RXitX6Mco7kCLlbcaKbkRxRIZ5rhNyU_1ufgZRktsVmsVAZGljIZiijNMUyngLqd8VAkiSqTLhwFPdRYFV9CTZPmgeLI5Y8vAAoXi0DLUZNPxRn1uC6gFqys4mFaI1n/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMzC2noJJ-CNUnkTvpESMmA1llWIhuYzwOdhjMMRB5dSo1XKc7Z-sVbf8_akihcgaX8FCGaRTle-cAUsJqAGckLCkIEcJluJRffZgGQTTEbAL2jYJIpc1XErCqmtUQD6qhL7yjLha9z9C/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCRQMfQ4SYWw44RVu16nVF5oYnjnV5i-DjrhmdUHN_eYcPy0N9KK4uQqswEUVKNYYd3WiKAQlhyphenhyphenTdi4kqsrVFYcgiBgXehJ72kbBJlznbxYCO-m_2q2qA30vrY604s1v8J0tiV2UjSmy_L/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVf_oE8qyCvgfkYNzhwMiT0P6MwkQp-OfozYlJL6cKE6lGG8Ico9m8fVyuJ04-56dQ5sgvzrQSMebpLd1tI1EBOp_DAhrVWRRYV21u2KtAKEatwlRkfs2pz1IylezuvRb35SbuGi8bP_wH/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Z0gWJLllgA4NZKfdIc5jxBhn8vpwTV6NpSJxvWVys6e-Ip0EsEAgeL9SqnyEKYx6UgcjGQe_XhXYVSNEoJWeRvawaB8cITODc64mXJiXW3lHVs-dZQ8UnZ7bBhTmW7205U_35hiSaaBW/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTjmN02BMncGZDu8-t98yR_WVy7YpYrx76mVVnAU5EeJ669Rb5IeioiecJTLuctzKxS865-_mYeCTwiRjBKj5aOPnZ4PDUaJD32TleKAKzJ_x4-BH3P8V6qh_etbz0IkhWOoNghP-yN5Iu/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2F3Emmr67Cxlj93iuskenlhjNRqfBMnAwtT9lYt3aJyBugzxLfFU1a65J2dSwlEvzntqbosMkJLmGiVz9PrsNj1shfr7a2BL5JLbWAdQQ9zbJyyRRg35NgO73WQJonskvGKNLo1Oa7zet/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgORHjItR4EEHI7OkMvFCZ3tizJTyX6u_Rb004vhaRvOn9_C5bawGD5drF9p45XurhJoOjGb7chE6QgJ5qvo7kjvq5XnqOeloNW-KzDjAM8kkIAjDKVPxp-q9FElN4xnd-4w6H9Jb7CPouR/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89LDWTm5HD8FR31M8S8BkNu-EFnc_WnunTYVXLdS_9Om9nn0mnfUeIDyXBQ7T7hZmWqeCsV4LuogHG64Z0UTzffW_l3_8noAUFFF2mTn589n_K5i0HJM6kMost106DF419Y6gyUVULnTm/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" rel="nofollow" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6yVjiDNes4UolZYWImOAVcwRHXlt34UkbZ00ypPrw9DRUnXz4oLhliKFeonH39xQ76nmqkJN_awqdIzXAF2Uw-9dZbbcnev78RMDKSJxHH8M7HPt1JWhxKe_-8bv3KSLPeorjo2yIF4s/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

والآن هنيئا لك فقد أصبح موقعك يدعم عدة لغات ولو بشكل جزئي.

تابع القراءة