تحديث جديد فى صندوق التعليقات لـــ مدونات بلوجر

بسم الله والحمد لله والصلام والسلام على اشرف خلق الله سيدنا محمٌد صلُ الله عليه وسلم

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

لتحديث صندوق التعليات تابع معى

• من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع قوالب عناصرواجهة المستخدم-

  ابحث عن :

<b:if cond='data:blog.pageType == &quot;item&quot;'>  <b:include data='post' name='comments'/></b:if>  

ثم قم بأستبداله بالكود التالى

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>         <b:if cond='data:post.showThreadedComments'>           <b:include data='post' name='threaded_comments'/>         <b:else/>           <b:include data='post' name='comments'/>         </b:if>       </b:if>       <b:if cond='data:blog.pageType == &quot;item&quot;'>         <b:if cond='data:post.showThreadedComments'>           <b:include data='post' name='threaded_comments'/>         <b:else/>           <b:include data='post' name='comments'/>         </b:if>       </b:if>

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

انتهى بحمد الله

 اذا واجهت مشاكل فى التركيب اترك رد بمشكلتك

شرح طريقه اضافه قوائم وصفحات لــ مدونات بلوجر Blogger&Wordpress

بسم الله الرحمن الرحيم والحمد لله والصلام والسلام على اشرف خلق الله.

سيدنا محمد صلُ الله عليه وسلم.

اليوم اخوانى واحبتى متابعى مدونه "دعم بلوجر" نتطرق لأضافه اكثر من رائعه يحتاجها كل مدون محترف.

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

• لمشاهده مثال حى اضغط هنا
• لتركيب الاضافه تابع معى

 

تدخل على لوحه تحكم المدونه ثم تصميم ثم اضافه اداه ثم اختار HTML/Javascript 

ثم اضف الكود التى بداخل الاداه

<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script>
    <style>
    /* ######### Drop Down Menu by www.support-b.blogspot.com ######### */


    .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 1px solid black;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
    }

    .ddsubmenustyle ul{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    }

    .ddsubmenustyle li a{
    display: block;
    width: 170px; /*width of menu (not including side paddings)*/
    color: black;
    background-color: lightyellow;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px solid black;
    }

    * html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
    }

    .ddsubmenustyle li a:hover{
    background-color: black;
    color: white;
    }

    .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
    }

    .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
    }

    .ddiframeshim{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
    }


    /* ######### Black Strip Main Menu Bar CSS ######### */

    .mattblackmenu ul{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    border-bottom: 1px solid gray;
    background: #414141;
    overflow: hidden;
    width: 100%;
    }

    .mattblackmenu li{
    display: inline;
    margin: 0;
    }

    .mattblackmenu li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #414141;
    }

    .mattblackmenu li a:visited{
    color: white;
    }

    .mattblackmenu li a:hover{
    background: black; /*background of tabs for hover state */
    }

    .mattblackmenu a.selected{
    background: black; /*background of tab with "selected" class assigned to its LI */
    }

    </style>

    

    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a href="#">LINK1</a></li>
    <li><a href="#" rel="ddsubmenu1">LINK2</a></li>
    <li><a href="#" rel="ddsubmenu2">LINK3</a></li>
    <li><a href="#">Link4</a></li>
    <li><a href="#" rel="ddsubmenu3">LINK5</a></li>
    </ul>
    </div>

    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>


    <ul class='ddsubmenustyle' id='ddsubmenu1'>
    <li><a href='#'>LINK2 ITEM 1</a></li>
    <li><a href='#'>LINK2 ITEM 2</a>
      <ul>
      <li><a href='#'>LINK2 ITEM 2.1</a></li>
      <li><a href='#'>LINK2 ITEM 2.2</a></li>
      </ul>

    </li>
    <li><a href='#'>LINK2 ITEM 3</a>
      <ul>
      <li><a href='#'>LINK2 ITEM 3.1</a></li>

        </ul>

    </li>

    <li><a href='#'>LINK2 ITEM 4</a></li>

    </ul>


    <ul class='ddsubmenustyle' id='ddsubmenu2'>
    <li><a href='#'>LINK3 ITEM 1</a></li>
    <li><a href='#'>LINK3 ITEM 2</a></li>
    <li><a href='#'>LINK3 ITEM 3</a>
      <ul>
      <li><a href='#'>LINK3 ITEM 3.1</a></li>

    <li><a href='#'>LINK3 ITEM 3.2</a></li>
      <li><a href='#'>LINK3 ITEM 3.3</a></li>
      <li><a href='#'>LINK3 ITEM 3.4</a></li>
      </ul>
    </li>
    <li><a href='#'>LINK3 ITEM 4</a></li>
    <li><a href='#'>LINK3 ITEM 5</a>
      <ul>

      <li><a href='#'>LINK3 ITEM 5.1</a></li>
      <li><a href='#'>LINK3 ITEM 5.2</a>
        <ul>
        <li><a href='#'>LINK3 ITEM 5.2 1</a></li>
        <li><a href='#'>LINK3 ITEM 5.2 2</a></li>
        <li><a href='#'>LINK3 ITEM 5.2 3</a></li>

        </ul>
      </li>
        </ul>
    </li>
    <li><a href='#'>LINK3 ITEM 6</a></li>
    </ul>

    

    <ul class='ddsubmenustyle' id='ddsubmenu3'>
    <li><a href='#'>LINK5 ITEM 1</a></li>
    <li><a href='#'>LINK5 ITEM 2</a></li>

    <li><a href='#'>LINK5 ITEM 3</a></li>
    <li><a href='#'>LINK5 ITEM 4</a></li>
    <li><a href='#'>LINK5 ITEM 5</a></li>
    </ul> 

 تخصيص الاضافه:

• ضع اسم الصفحه او اللينك مكان كلمه (LINK5 ITEM)

  • ضع الرابط مكان #

    ارجو ان اكون اوفيت الشرح.....تم بحمد الله

اضافه زر الاعجاب والارسال لفيس بوك والتويتر بــ طريقه جديد لــ مدونات بلوجر

بسم الله والحمد لله والصلام والسلام على اشرف خلق الله سيدنا محمد صلُ الله عليه وسلم

من الواضح ان الفيس بوك والتويتر اصبحو جزء لا يتجزء من المواقع والمنتديات.

 والكثير من الزوار يأتون الى مواقعنا ومدوناتنا عن طريق الفيس بوك والتويتر واليوم إن شاء الله نتتطرق لأضافه سهله وجميله.

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

• لمشاهده مثال حى اضغط هنا
• اذا اعجبتك الاضافه تابع معى

• من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع قوالب عناصرواجهة المستخدم-

ابحث عن :

<data:post.body/>

ثم ضع الكود التالى تحته مباشره

    <b:if cond='data:blog.pageType == "item"'>

    <div style=" height:80px;  background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;">
    <p style="color: rgb(59, 89, 152); margin: 0pt 0pt 5px; font: bold 1.3em helvetica,arial,verdana;">Do you like this story?</p>
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="true" width="450" show_faces="false"></fb:like>

    <a class='twitter-follow-button'  href='http://twitter.com/mybloggertricks' rel='nofollow'></a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

    </div>

    </b:if>

ملحوظه يجب تغير الاسم الملون بألاحمر بأسم صفحتك على التويتر 

ومبروك عليك الاضافه

 

شرح اضافه صندوق تعليقات فيس بوك (FaceBook) لمدونه بلوجر

بسم الله والحمد لله والصلاه والسلام على اشرف خلق الله

اليوم نتطرق لأضافه ليست جديد ولكن رأيت طلبات فى مدونات كثيره ومواقع كثيره يطلب فيها الاعضاء
 الطريقه الجديده لأضافه صندوق تعليقات الفيس بوك (FaceBook) نظرا لبعض التحديثات
فى صفحه developers قررت أن ابدأ اولى تدويناتى بهذه الاضافه

• للمعاينه اضغط هنا
• اذا اعجبتك الاضافه تابع معى

1. الخطوه الاولى

اذهب الى developers.facebook.com واملأ البيانات المطلوبه.

ولا تنسى ان تضيف" slash " " / " في نهاية رابط مدونتك . كهذا الرابط.

 / http://support-b.blogspot.com

كما فى الصوره التاليه املأ البيانات ثم اضغط Get Code

--------------------------------------------------------------------------------------------

ستظهر لك الاكواد الاتيه

• من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع قوالب عناصرواجهة المستخدم-

1. ابحث عن :

<body>

 ثم انسخ الكود رقم ١ فى الوره السابقه و الصقه تحت الكود <body>

مثال

2 . الان ابحث عن:

<b:includable id='comments' var='post'>

ثم الصق الكود الثانى بعده مباشره..مثال..

 ثم اضغط على حفظ القالب ...ومبروك عليك الاضافه

مدونه "دعم بلوجر" تبدأ اولى تدويناتها

بسم الله الرحمن الرحيم والصلاه والسلام على اشرف الخلق اجمعين سيدنا محمد صلُ الله عليه وسلم خاتم المرسلين

بفضل الله تعالى وعونه تم افتتاح مدونه "دعم بلوجر"

الذى من خلالها اريد ان افيد اخوتى المدونين خاصتاً المبتدئين منهم على التعمق فى عالم البلوجر لهذا أنشأت مدونه "دعم بلوجر"

والذى من خلالها تتعرفون على كل جديد ومفيد فى عالم البلوجر وتطوير المدونات واضافتها واتمنى من الله عز وجلُ

 ان اكون عند ظنكم بى وسأوفكم بكل جديد يوم بــ يوم أن شاء الله

وارجو من الجميع متابعتى للأستفاده والافاده إن شاء الله ودمتم فى رعايه الله وأمنه