طريقة عمل رابط فيد برنر لمدونات بلوجر









السلام عليكم متابعي مدونة سولاب ويب . اليوم سنتناول موضوعا مهما في مجال التدوين على منصة بلوجر الا وهو رابط الخلاصات او ما يسمى برابط فيد برنر Feed Burner .

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

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

طريقة عمل رابط فيد برنر وعمل قائمة بريدية :
لعمل رابط فيد برنر لمدونتك او موقعك يجب عليك اولا تسجيل الدخول في حسابك على جوجل ثم التوجه الى الرابط التالي (( feedburner.com )) ثم كتابة رابط المدونة في المستطيل ثم الضغط على " next " كما هو موضح في الصورة ادناه .


ثم نضغط على " next " مرة اخرى مع تغيير العلامة للخيار الثاني كما هو موضح في الصورة التالية .


بعدها نختار الاسم ومعرف الحساب ثم نضغط على " next " كما هو موضح في الصورة ادناه .


بعد الضغط على " next " ستظهر لنا النافذة التالية نضغط على الخيار " Skip directly to feed management " كما في الصورة التالية .


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



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

<!--- Thesis Email Subscribe Widget by  www.it-wap.eu --->
    <style type="text/css">#sidebar-subscribe-box {
        background:#fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        padding: 0px 0;
    }
    .sidebar-subscribe-box-wrapper {
        background: #fff;
        color: #111;
        font-size: 14px;
        line-height: 20px;
        padding: 1px 20px 10px;
        text-align: center;
        text-transform: uppercase;
    }
    .sidebar-subscribe-box-form {
        clear: both;
        display: block;
        margin: 10px 0;
    }
    form.sidebar-subscribe-box-form {
        clear: both;
        display: block;
        margin: 10px 0 0;
        width: auto;
    }
    .sidebar-subscribe-box-email-field {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #424242;
        margin: 0 0 15px;
        padding: 10px 40px;
        width: 68%;
    }
    .sidebar-subscribe-box-email-button {
        background: #424242;
        border: 1px solid #fff;
        box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;
        color: #fff;
        cursor: pointer;
        font-family: Helvetica;
        font-weight: 700;
        font-size: 20px;
        padding: 5px;
        text-shadow: 1px 1px 0 rgba(0,0,0,.4);
        text-transform: uppercase;
        width: 100%;
    }
    .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {
        background: #0894D8;
    }
    .sidebar-subscribe-box-email-button:active {
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
        box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
        outline: 0;
    }
    iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {
        width: 100%;
    }
    embed {
        border-radius: 3px;
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        background: #FFF;
        border: 1px solid #ddd;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        margin: 0;
        padding: 4px 4px 4px;
    }
    #footer-section {
        background: #f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;
        border-top: 1px solid #aaa;
        box-shadow: inset 0 4px 6px -3px #aaa;
        font-size: 14px;
        height: 100px;
        margin: 10px -30px 5px;
        padding: 0 30px;
        text-align: center;
        width: 100%;
    }</style>
    <div id="sidebar-subscribe-box">
    <div class="sidebar-subscribe-box-wrapper">
    <div class="sidebar-subscribe-box-form">
    <form action="http://feedburner.google.com/fb/a/mailverify?uri=it-wap/bnmS" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=solab',
    'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input name="uri" type="hidden" value="it-wap/bnmS" /><input name="loc" type="hidden" value="en_US" />
    <input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="ادخل البريد" />
    <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن" /></form>
    </div>
    </div>
    </div>
    <!--- Thesis Email Subscribe Widget by  www.it-wap.eu --->


ثم نقوم باستبدال الكلمة الملونة باللون الاحمر بمعرف حسابنا في فيد برنر ثم نقوم بحفظ الاداة وهذا مثال حي للاضافة (( من هنا )) .

ودمتم في حفظ الله ورعايته

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



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

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

مثال للتبادل الاعلاني بالبانر (( من هنا ))

طريقة اضافة صندوق التبادل الاعلاني :
اولا : نقوم بعمل صفحة للتبادل الاعلاني وذلك بالتوجه الى لوحة التحكم في بلوجر > الصفحات > صفحة جديدة ونقوم بوضع شروط التبادل ورابط البانر الخاص بنا و رابط مدونتا (( مثال ))

ثانيا : نتوجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة جافا سكريب ونلصق فيها الكود التالي :

<style>
#advertise{
  margin: auto;
}
 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
 .adss img { max-height: 75px; max-width: 75px; }
 #adsanime:hover { opacity:0.2; }
 #adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
 #adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
 #adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
 #adsanime:hover { opacity:1; }
 #adsanime:hover a strong { opacity:1; top:-10px; }
</style>
<center>
 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

    <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

    <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>
  

    <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

    <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

    <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

   <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>

 <div class="adss" id="adsanime">

<a href="http://solabweb.blogspot.com/">
   <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
   <strong>تبادل اعلاني</strong></a>
    </div>
               </center>

ثم استبدل الروابط باللون الاحمر برابط الصفحة التي انشأتها سابقا ثم تقوم بحفظ الاداة

 ودمتم في حفظ الله ورعايته

صندوق الاعجاب على فيس بوك لمدونات بلوجر

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


لمعاينة الاضافة من (( هنا ))


طريقة التركيب :
نتوجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة جافا سكريب ونلصق فيها الكود التالي :

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/solab.web&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:338px; height:250px;" allowtransparency="true"></iframe>


واستبدل الرابط باللون الاحمر الى رابط صفحتك على فيس بوك ثم احفظ الاداة

ودمتم في حفظ الله ورعايته

ايقونات التواصل الاجتماعي مع التلميح

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

معاينة الاضافة من (( هنا ))

طريقة التركيب :
 نتوجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة جافا سكريب ونلصق فيها الكود التالي :


     <style type="text/css" >
    #followq {
    clear: both;width: 300px;
    font-family: 'Droid Arabic Kufi';
    height: 40px;margin-top:200px 0px 11px 10px;}
    #followq ul { margin-top:50px;padding: 0px;}
    #followq ul li {position: relative;list-style-type: none;display: inline-block;}
    .ikonz .ikonz-tooltip {display: block;padding: 5px 10px;position: absolute;bottom: 100%;
    left: 0px;z-index: 77;margin-bottom: 40px;background-color: #141414;font-size:12px;
    color: white;text-align: center;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;-moz-border-radius: 5px;
    border-radius: 5px;opacity: 0;
    visibility: hidden;-webkit-transition: all 0.26s ease-out;
    -moz-transition: all 0.26s ease-out;
    -ms-transition: all 0.26s ease-out;
    -o-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out;}
    .ikonz .ikonz-tooltip:before {content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top-color: #141414;position: absolute;top: 100%;left:42%;}
    .ikonz:hover .ikonz-tooltip {visibility:visible;width: 76px;opacity:1;margin:16px 12px 6px -28px;
    z-index:99999;}
    #followq .ikonz {background: url('http://1.bp.blogspot.com/-4O0XdDkxMps/UDDZHwvWCtI/AAAAAAAAEZA/PgP7Epi-x0Q/s1600/social3d.png') 0 0 no-repeat;display: block;
    color: #141414;float: none;height: 39px;width: 39px;line-height:20px;position: relative;z-index: 5;}
    #followq .ikonz:active {bottom: -2px;}
    #followq .fb {background-position: 0px 0px;}
    #followq .twitter {background-position: -40px 0px;}
    #followq .google {background-position: -80px 0px;}
    #followq .delcis {background-position: -120px 0px;}
    #followq .stumble {background-position: -200px 0px;}
    #followq .mail {background-position: -280px 0px;}
    #followq .rss {background-position: -360px 0px;}
     
    </style><div id="followq">
    <ul>
    <li><a href=" رابط الفيس بوك " class="ikonz fb"><span class="ikonz-tooltip"> فيس بوك </span></a></li>
    
    <li><a href=" رابط تويتر " class="ikonz twitter"><span class="ikonz-tooltip"> تويتر</span></a></li>
    
    <li><a href=" رابط جوجل " class="ikonz google"><span class="ikonz-tooltip"> جوجل </span></a></li>
    
    <li><a href="رابط صفحة التواصل" class="ikonz mail"><span class="ikonz-tooltip"> البريد</span></a></li>
    
    <li><a href=" رابط الخلاصات " class="ikonz rss"><span class="ikonz-tooltip"> الخلاصة </span></a></li>
    </ul>
    </div>


واستبدل العبارات الملونة بروابطك ثم قم بحفظ الاداة  
ودمتم في حفظ الله ورعايته

افضل الطرق لتصدر نتائج بحث جوجل



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

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

ثانيا : جودة المحتوى :
جودة المحتوى في مفهوم السيو هو ان ينخفض معدل الارتداد الخاص بموقعك . ومعدل الارتداد هو (( النسبة المئوية للزيارات في الصفحة الواحدة )) فكلما انخفض معدل الارتداد الخاص بموقعك . تصدرت مواضيعك نتائج البحث وتتلخص جودة المحتوى بصورة عامة في التالي :

* الاهتمام بعنوان الموضوع ووضوحه 
* ان لايخرج الموضوع عن الاطار الذي يدور حوله عنوان الموضوع
* ان يصل الزائر الى مراده من خلال هذا المحتوى

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

ودمتم في حفظ الله ورعايته

طريقة تبليغ جوجل عن سرقة مواضيعك



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

اولا : نتوجه الى الرابط التالي (( docs.google )) ثم نملأ الحقول الظاهرة كما هو موضح في الصورة ثم نقوم بالضغط على " ارسال " او " Submit " .



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

ودمتم في حفظ الله ورعايته

اضافة التنقل بين المواضيع باستخدام اسهم الكيبورد



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

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

ندخل الى لوحة التحكم في بلوجر > القالب > تحرير HTML 
ونضغط ( ctrl + f ) ثم نبحث عن الوسم </head> ونلصق فوقه الكود التالي :

  <script type='text/javascript'>
    window.onload = function()
    {
    document.onkeyup = function(event)
    {
    if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
    event = event || window.event;
    switch(event.keyCode)
    {
    case 37:
    var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
    if(newerLink !=null) window.location.href = newerLink.href;
    break;
    case 39:
    var olderLink = document.getElementById('Blog1_blog-pager-older-link');
    if(olderLink!=null) window.location.href = olderLink.href;
    }
    };
    };
    </script>




 ثم نقوم بحفظ القالب 

ويمكن كتابة تلميح ينبه الزائر على وجود الخاصية

ودمتم في حفظ الله ورعايته

جميع الحقوق محفوظة © 2015 لمدونة سولاب ويب