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

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

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

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

طريقة التركيب سهلة جدا وليس فيها أي تعقيدات فقط قم بالدخول إلى لوحة تحكم مدونتك ثم إلى التخطيط ثم إضافة أداة وبعد ذلك إبحث عن أداة 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 ونستبدل الكود الموجود بالكود التالي :

<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/javascript

<style>
.abt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3sv4upqT4QlibAiL_1GciagIEzz_Wj-tOkYYo_vAtSkZiwodq3n60wePgehO7vJor7LWTUyzGckgSkU9LXRjKTRrc-AtZFrf3-qlppf4Of5AHXPvgdR2Fmy7KDVliEf8itgXynOom7MA/h120/service-email.jpg) no-repeat -8px 10px ;
width:240px;
padding:10px 65px 0 0;
float:right;
font-size:0.9em;
font-weight:bold;
margin:0 0 10px 0;
color:#0084CE;
box-shadow: 1px 1px 5px 1px #eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.abt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:4.4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:13px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);

}
.abt-emailsubmit:hover{
background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);
}
.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
border: 1px solid #d2d2d2;
padding:0px 8px 0px 8px;
color: #888; font-size: 13px;
height: 25px; width: 160px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px; }

</style>

<div class='abt-email'>
تابعنا عبر البريد الإلكتروني
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ency-bl', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ضع إميلك هنا&quot;;}" onfocus="if (this.value == &quot;ضع إميلك هنا&quot;) {this.value = &quot;&quot;;}" value="ضع إميلك هنا" type="text" />
<input type="hidden" value="ency-bl" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="abt-emailsubmit" value="تسجل الآن" type="submit" />
</form>
</div>

 مع تغيير  http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ency-bl   برابط الفيدبرنر للإميل الخاص بك وستجده بالدخول إلى حسابك في الفيدبرنر ثم  Publicize  ثم Email Subscriptions 

أو تغيير ency-bl برابط الفيد برنر لمدونتك

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

تابع القراءة

كيفية إضافة صندوق معجبي الفيسبوك المنسدل

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

وإليكم مثال مباشر للإضافة من أجل أن تتوضح الفكرة أكثر : مثال مباشر

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

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

 الآن أمامك القالب ، سوف تبحث عن الكود التالي <head> ثم اضف الكود التالي اسفله :

  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

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

<script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgoIoM5FxJJO51lTMk08eKn6gQLk6sCHXnqvAEKWi7rlHAoZ6SFzqjia08uHRRhSf538xgrvZrzlpv6ag2Y_y6F9CJX9P5tnkQJu6sjohRPACBAw4EmiU7xyKT0oWBys88je7cqd2CX8o/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FYOURPAGENAME&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.ency-bl.blogspot.com"> موسوعة بلوجر</a></span>
     </div>
 </div>

 مع تغيير YOURPAGENAMEبإسم صفحتك على الفيسبوك

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

 

تابع القراءة

كيفية إزالة شريط <إظهار الرسائل ذات التسميات . إظهار كافة الرسائل>

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

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

 بداية إليكم صورة للمشكلة 

بداية أدخل إلى لوحة تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

 

<b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable>

 ثم قم بإستبداله بالكود التالي :

    <b:includable id='status-message'> <b:if cond='data:navMessage'> <div> </div> <div style='clear: both;'/> </b:if> </b:includable>

 وهكذا تكون قد حللت مشكلة الرسالة وتخلصت من الشريط المزعج

وإلى موضوع آخر إن شاء الله

تابع القراءة

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

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

ولكي لا أطيل عليكم أترككم مع الكود التالي :

<!– twitter fan box –> <script src="http://s.moopz.com/fanbox_init.js" type="text/javascript">
    </script><div id="twitterfanbox">
    </div>
    <script type="text/javascript">
    fanbox_init("Idalirachid");
    </script><div style=”font-size:10px;”> <a href=”http://www.ency-bl.blogspot.com/”></a></div>
     <!– end twitter fan box –></!–></!–>

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

أتمنى أن يكون الموضوع قد نال إعجابكم وإلى موضوع آخر إن شاء الله

تابع القراءة