شاحنة المتابعة على الفيس بوك لمدونات بلوجر

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

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

<!--www.mudwwin.blogspot.com--> <div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;">
<marquee><a href="https://www.facebook.com/mudwwin" target="blank"> <abbr title="Follow us at Facebook"><img src="https://lh6.googleusercontent.com/-GkiFhqMMfJE/T9GGUsW6daI/AAAAAAAAADE/dTDsfOdWrJM/s69/I1.png"/> </abbr> </a> </marquee> </div>

* لابد من تغيير الرابط ذو اللون الاحمر الى رابط صفحة المدونة على الفيس بوك ليتم عرضها

* ثم نقوم بحفظ الاداة

ومبروووك ...

الشرو ط التي يجب الالتزام بها لكسب باك لينكس من خلال التعليقات

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

الشرط الاول :

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

الشرط الثاني :

ان لاتكون نسبة الباك لينك الذي تاتي به من هذه المصادر كبيرة بحيث لايتعدى 90% من الروابط الخارجية التي اتت من هذا التعليق بل يجب ان تتنوع مصادر الروابط الخارجية لموقعك ولايجب ان تتعدلا نسبة كل مصدر اكثر من 15% من جملة الروابط المؤدية الى موقعك

الشرط الثالث :

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

الشرط الرابع : 

يجب ان يكون الرابط الموجود في التعليق يؤدي الى مدونتك مباشرة فاذا كان رابطا ثانويا ( اي غير مباشر ) لن تعتمده جوجل كباك لينك فلذلك لابد من وضع روابط مباشرة في التعليق .

الخلاصة :

1 . ان يحتوى التعليق على اسم صاحبه
2 . لاتتعدى نسبة الباك لينك 90%
3 . التعليق في محتوى يطابق محتوى مدونتك
4 . ان تكون الروابط المؤدية الى موقعنا مباشرة

اداة عرض اخر المواضيع بصورة متحركة لمدونات بلوجر

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

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

<style type="text/css" >
    #spylist-widget {
        overflow: hidden;
        margin-top: 5px;
        padding: 0px 0px;
        height: 385px;
        font-family:calibri;
    }
    #spylist-widget ul {
        width: 295px;
        overflow: hidden;
        list-style-type: none;
        padding: 0px 0px;
        margin: 0px 0px;
    }
    #spylist-widget li {
        width: 282px;
        padding: 5px 5px;
        margin: 0px 0px 5px 0px;
        list-style-type: none;
        float: none;
        height: 80px;
        overflow: hidden;
        background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zX60oHgNIFNQGzwZ8ISk2hoMRf2ZPYlwWqUbN1wmNpD88I1b7z9vwSvuOM_VEcYqYektI4ceMyrFvGpCyVNAdi0TcDX_2nra-t9-4w4rsGYIBxevCBHSm5pHVv_XCN6LQ_7QxhL53kA/s320/latesthack.com-.jpg) repeat-x;
        border: 1px solid #ddd;
    }
    #spylist-widget li a {
        text-decoration: none;
        color: #4B545B;
        font-size: 15px;
        height: 18px;
        overflow: hidden;
        margin: 0px 0px;
        padding: 0px 0px 2px 0px;
    }
    #spylist-widget img {
        float: left;
        margin-top: 5px;
        margin-right: 15px;
        background: #EFEFEF;
        border: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        padding: 4px;
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
        background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
        box-shadow: 0 0 3px rgba(0,0,0,.7);
    }
    #spylist-widget img:hover {
        -moz-transform: scale(1.2) rotate(-350deg);
        -webkit-transform: scale(1.2) rotate(-350deg);
        -o-transform: scale(1.2) rotate(-350deg);
        -ms-transform: scale(1.2) rotate(-350deg);
        transform: scale(1.2) rotate(-350deg);
        -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
        -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
        box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    }
    .spydate {
        overflow: hidden;
        font-size: 10px;
        color: #0284C2;
        padding: 2px 0px;
        margin: 1px 0px 0px 0px;
        height: 15px;
        font-family: Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment {
        overflow: hidden;
        font-family: Tahoma,Arial,verdana, sans-serif;
        font-size: 10px;
        color: #262B2F;
        padding: 0px 0px;
        margin: 0px 0px;
    }
    </style>
    <script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    imgr[5] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy28vOg8-5E9tNQ37RrPN3s0LQ0qYu6Qzsr3BQhWEWUM0XxyTrm4mVkiTiq6-2XqaDXa4uZdbOpt2ZylP_xitr-PGngdbi2p2Zvq2RYUk7rw6OF27lyxHUF45p3TNh2DgC4Rtd8NCxd-U/s1600/defaultimage.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 60;
    thumbheight = 60;fntsize = 9;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://mudwwin.blogspot.com/";
    limitspy=5;
    intervalspy=4000;
    </script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
    <center><div id="spylist-widget">
    <script src='http://latest-hacks.googlecode.com/svn/gadgets/scrollingrecentposts/scrollingrecentposts.js' type='text/javascript'></script></div></center>

* ثم نقوم بتغيير الرابط { http://mudwwin.blogspot.com } الى رابط المدونة الخاصة بنا .

* ثم نقوم بحفظ الاداة .

بالتوفيق ...

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

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

شرح التركيب :

نتوجه الى لوحة التحكم > القالب > تحرير القالبوابحث عن :

<data:post.body>  اذا لم تجدها ابحث عن</data:post.body> 

ستجد اثنين مما بحثت عنه اضف الكود التالي قبل الثانية تماما :

<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_5V_c_3QoVFcISTMSRBJoQKjnAlJ9li-A0ImRA84SWR88qfJEDEXscGNOpfUm6WDe-IjJ1jdFe7XC0iTXr28En3Lug1c3uJUSM_d-eScx5vYqOwRt8P5Q4g06OOwOPV1cAjpdTgrEnKT/s1600/%D8%A8%D8%B3%D9%85+%D8%A7%D9%84%D9%84%D9%87+%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D8%A7%D9%86+%D8%A7%D9%84%D8%B1%D8%AD%D9%8A%D9%85+(%D8%A7%D9%84%D8%A8%D8%B3%D9%85%D9%84%D8%A9).png" /></center>

* الرابط باللون الاحمر هو رابط صورة البسملة حيث يمكنك تغييره برابط الصورة التي تريدها

ثم احفظ القالب ومبروووك عليك البسملة

بالتوفيق ...

اهم طرق زيادة زوار المدونة

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

* ولكن كيف ازيد من عدد زوار موقعي ؟؟؟؟

اجابة هذا السؤال هي ماستناوله في حيث التدوينة حيث ان عدد زوار الموقع يزيد بتوفر خمسة شروط رئيسية لابد منها وهي :

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

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

3 . الاهتمام بالسيو الداخلي للمدونة :
السيو الداخلي هو احد الاقسام المهمة في عالم سيو المواقع بحيث انه يجب الاهتمام بجانب HTML للمدونة لانه هو اللغة التي تفهمها عناكب محركات البحث لذلك يجب اجراء بعض التحسينات مثل اكواد الوصف و عناوين المواضيع وغيرها من التحسينات 
* يمكنك قراءة هذا الموضوع [ تحسين السيو الداخلي في مدونات بلوجر ] 

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

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

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

وبالتوفيق ...

تحسين السيو الداخلي في مدونات بلوجر

 من اهم اساسيات السيو التي تؤدي لنجاح المواقع والارتقاء بها في محركات البحث هو السيو الداخلي فلابد من تحسيته والاهتمام به لضمان النجاح ومن طرق تحسين السيو الداخلي للمدونة :

1 .  تحسين عنوان الموقع :
نتوجه الى تحرير القالب ثم اضغط ( CTRL + F ) وابحث عن :
[ <title><data:blog.pageTitle/></title> ] واستبدله بالكود التالي : 

<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

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

2 .  تعديل الوصف :
نتوجه الى تحرير القالب ثم اضغط ( CTRL + F ) وابحث عن :
[ <head> ] اضف تحته الكود التالي :
 

<b:if cond='data:blog.pageType != &quot;item&quot;'> <meta content='وصف المدونة' name='description'/> <b:else/> <b:if cond='data:blog.url == &quot;رابط-الموضوع-الأول&quot;'> <meta content='وصف الموضوع الأول متضمناً الكلمات المفتاحية المستهدفة .' name='description'/> </b:if> <b:if cond='data:blog.url == &quot;رابط-الموضوع-الثانى&quot;'> <meta content='وصف الموضوع الثانى متضمناً الكلمات المفتاحية المستهدفة .' name='description'/> </b:if> </b:if>

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


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

3 . تعديل اكواد الخطوط :
نتوجه الى تحرير القالب ثم اضغط ( CTRL + F ) وابحث عن الكود التالي :

<h3 class='post-title entry-title'>
             <b:if cond='data:post.link'>
               <a expr:href='data:post.link'><data:post.title/></a>
             <b:else/>
               <b:if cond='data:post.url'>
                 <b:if cond='data:blog.url != data:post.url'>
                   <a expr:href='data:post.url'><data:post.title/></a>
                 <b:else/>
                   <data:post.title/>
                 </b:if>
               <b:else/>
                 <data:post.title/>
               </b:if>
             </b:if>
           </h3>

واستبدل h3 ب h2 

* فائدة التعديل السابق :
عناكب جوجل تفضل بعض اكواد الخطوط على بعضها حسب مناطق وجود الاكواد فمثلا عنوان التدوينة يستحسن ان يكون بالكود ( h2 ) 

وبهذا نكون اجرينا بعض التعديلات المهمة على السيو الداخلي للمدونة

بالتوفيق ...

الطريقة الصحيحة لكسب باك لينك مفيد لمدونتك من خلال المنتديات

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

* ولكن ماهي الطرق المشروعة لكسب باك لينك من خلال المنتديات ؟؟؟؟

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

الخلاصة :

* الباك لينك امر مهم لكل مدونة فلذلك يجب الاهتمام به .

* اختر منتدى ذو محنوى يشبه محتوى مدونتك .

* احتر مندى ذو ترتيب عالي في الاليكسا .

* لا تنشر رابط مدونتك بصورة عشوائية في المنتديات .

* لا تبدا بنشر رابط مدونتك حتى تكسب ثقة اصحاب المنتدى .

* اكثر من المشاركة و نشر المواضيع في صفحات المنتدى .

بالتوفيق ....

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

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

شرح تغيير شكل تعليقات بلوجر :

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

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}

.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}

.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}

.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}

.comments .comments-content .inline-thread{padding:0}

.comments .comments-content .comment-thread{margin:8px 0}

.comments .comments-content .comment-thread:empty{display:none}

.comment-replies{margin-top:1em;margin-right:40px;background:#fff}

.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}

.comments .comments-content .comment:first-child{padding-top:16px}

.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}

.comments .comments-content .comment-body{position:relative}

.comments .comments-content .user{font-style:normal;font-weight:normal}

.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}

.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}

.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}

.comment-content{margin:0 0 8px;padding:0 5px}

.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}

.comments .comments-content .owner-actions{position:absolute;left:0;top:0}

.comments .comments-replybox{border:none;height:230px;width:100%}

.comments .comment-replybox-thread{margin-top:0}

.comments .comment-replybox-single{margin-top:5px;margin-right:48px}

.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}

.comments .thread-toggle{cursor:pointer;display:inline-block}

.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}

.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}

.comments .thread-chrome.thread-collapsed{display:none}

.comments .thread-toggle{display:inline-block}

.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}

.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}

.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}

.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-xUEVt2N2z1Gstp_nhWtyRj7wElYYSbF0c0Ut1xNsEglABnQBqxUooLvXcaHnPw2VUWWYBk8nNPUcd2F8NoZedSKjiVAMhoSMEn8QflTQQr0-_M4r3QeFoKBJqlgxf8WEPyusYutvoH4/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}

.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}

.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}

@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}

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

وهمذا نكون قد قمنا بتغيير شكل تعليقات بلوجر

بالتوفيق ...

اضافة اداة تويتر فلاش للمتابعة على تويتر

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

شرح تركيب الاداة :

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

     <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=mudwwin" /><a href="http://www.gj37765.blogspot.com/" title="Widget for Blogger by Making Different">Widget for Blogger by Making Different</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=mdwan_blogger"></embed></object>

* قم بتغيير كلمة " mudwwin " الى اسم حسابك في تويتر .

ثم قم بحفظ الاداة ...

بالتوفيق ... 

اضافة شريط اخر الاخبار بطريقة احترافية لمدونات بلوجر

بسم الله الرحمن الرحيم

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

شرح التركيب :

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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

* الكود ( #21b8ff ) هو كود لون الشريط و يمكنك تغييره الى كود اللون الذي يتناسب مع مدونتك

ثانيا : بعد ان اضفنا الكود السابق نبحث عن الوسم <div class='main-outer'> ونضيف الكود التالي فوقه مباشرة :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>جار التحميل ...</div><!-- tag tempat daftar Breaking News ditampilkan-->
</div><!-- tag penutup tempat Breaking News-->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://mudwwin.blogspot.com/', //
numpostx     = 10; // Jumlah artikel yang di tampilkan
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',    type: 'get',    dataType: "jsonp", success: function(data) {        var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++)  { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href;  break;  }              }           
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
        }  }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       } }); });
//]]>
</script>
</b:if></b:if>

* يمكنك تغيير نص " اخر الاخبار " الى اي نص تريد مثلا ( احدث المواضيع - جديد المواضيع ... الخ )

* ايضا كما يمكنك تغيير نص " جار التحميل ... " الى ماتريد مثل ( يتم الان التحميل - loading ... - انتظر قليلا ... الخ )

* استبدل الرابط " http://mudwwin.blogspot.com " برابط مدونتك ليقوم الشريط بعرض مواضيع مدونتك
 
ثالثا : نقوم بحفظ القالب 

وهكذا نكون قد اضفنا شريط اخر الاخبار لمدونتنا بنجاح ...

بالتوفيق ...

طريقة ارشفة مواضيع بلوجر على محرك بحث جوجل فور نشرها

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

شرح الطريقة :

اولا ننتقل الى [ لوحة مشرفي المواقع ] ثم من القائمة الجانبية على على اليمين " الزحف " ثم " جلب مثل Google "

ثم نضع رابط الموضوع المراد ارشفته في المستطيل ونضغط على " زر جلب " كما في الصورة :

ملحوظة : يجب ان يكون رابط الموضوع خالي من رابط المدونة ليتم قبول الطلب

ثم ستكون النتيجة كما في الصورة  بعدها نضغط على " ارسال الى الفهرس " :

وهكذا اصبح الموضوع مؤرشفا وللتأكد من ارشفة الموضوع نتوجه الى محرك بحث جوجل و نكتب :

 { site:yourdomain.com }

ثم استبدل جملة " yourdomain.com " برابط مدونتك واضغط على بحث وستجد الموضوع قد ظهر في نتائج البحث .


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

بالتوفيق ... 

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

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

معاينة القالب | تحميل القالب

مميزات وخصائص مهمة :

* الالوان الرئيسية { برتغالي - ابيض }

* قائمتين احترافيتين في الهيدر

* منطقة لعرض اعلانات ادسنس في الهيدر

* تعريف الكاتب بطريقة فريدة و مميزة

ملاحظات هامة :

* لتشغيل السلايد شو ابحث عن [ sahifa-temp.blogspot.com ] واستبدله برابط مدونتك

* اذا تم تغيير اي جزء من حقوق الحفظ فلن يعمل القالب

بالتوفيق ...