اضافة المواقع الاجتماعية فى مدونتك لنشر المقلات من عليها

طريقة اضافة bookmarks snews                   و  ,  طريقة اضافة bookmarks snews , اضافة طريقة اضافة bookmarks snews , انشاء طريقة اضافة bookmarks snews , تركيب , طريقة اضافة bookmarks snews , وضع طريقة اضافة bookmarks snews , تثبيت طريقة اضافة bookmarks snews , طريقة تثبيت طريقة اضافة bookmarks snews , طريقة انشاء طريقة اضافة bookmarks snews , تركيب هاك طريقة اضافة bookmarks snews للبلوجر , تركيب كود طريقة اضافة bookmarks snews للبلوجر , هاك 2011 طريقة اضافة bookmarks snews , كود 2011 طريقة اضافة bookmarks snews , طريقة ترطيب علاما للمواقع الاجتماعية فى مدونة بلوجر ,  

السلام عليكم ...... موضوعنا النهاردة عن اضافة bookmarks snews و دة شكلها :

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

وطبعا يا شباب احنا عايزين نضيف الاداة دي تحت كل موضوع نكتبة 

الطريقة :

**متنساش تاخد نسخة احتياطية من القالب **

1. نفتح لوحة التحكم و نختار تخطيط

2. نختار html

3. نضغط على توسيع القالب ثم ctrl+f و نبحث عن الكود التالي :

<div class='post-footer'>

 4. نضع اسفله مباشر الكود التالي :

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

اضغط هنااااا

اختار الاداة التي تناسبك و احصل على الكود الخاص بك

و بعد كدة بدوس حفظ

كدة انت اضفت الاداة تحت كل موضوع انت كتبتة او هتكتبة بعدين

اسألكم الدعاء لى و للامة الاسلامية جميعا

جميع تعليقاتكم و استفسارتكم مرحب بها

تابع القراءة »

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

,   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر , كيفية , كيفية   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

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

 , انشاء   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , كود   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , طريقة انشاء   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , كود   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

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

2011 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 2011 , 

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

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

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

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

الطريقة : 

1. اذهب الى لوحة التحكم ثم تخطيط ثم html

2. دوس ctrl+f و اكتب اي جزء من الكود التالي:

القطعة الخاصة برأس المدونة  header-wrapper

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

3. غير القيم لتصبح بالشكل التالي :

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="3" showaddelement="yes">

القطعة الخاصة بجسم المدونة  main-wrapper

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="no">

3.غير القيم لتصبح بالشكل التالي :

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="yes">

ملاحظة 

ربما تجد كلمة main-wrap او حتى main بدلا من main-wrapper

وكذلك ربما تجد كلمة haeder-wrap او headrer بدلا من header-wrapper

بشكل عام وللتبسيط على الجميع

ابحث فى صندوق الاكواد عن كل كلمة showaddelementثم غير قيمتها التى بين القوسين واجعلها yes بدلا من no

وابحث ايضا عن كل كلمة maxwidget

ثم غير قيمتها التى بين القوسين الى الرقم 3 بدلا من 1

بعد الانتهاء احفظ القالب

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

تابع القراءة »

اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

طريقة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , وضع اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , انشاء اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , عمل اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , هاك اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كود اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة هاك 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة كود 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

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

وصف الاداة :

اضافة القائمة المنسدلة لمدونتك - Add drop-down list to your blog

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

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

الطريقة :

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

5. ابحث عن الكود التالي :  ( يمكنك البحث بالضغط على ctrl + f )

]]></b:skin>

و الان الصق الكود التالي فوقها مباشرة :

/*** Nav bar styles ***/ ul.nav, .nav ul{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } ul.nav{ display: table; } ul.nav>li{ display: table-cell; position: relative; padding: 6px 6px; } ul.nav li>ul{ /*Make the sub list items invisible*/ display: none; position: absolute; max-width: 40ex; margin-left: -6px; margin-top: 6px; } ul.nav li:hover>ul{ /*When hovered, make them appear*/ display : block; } .nav ul li a{ /*Make the hyperlinks as a block element, sort of a hover effect*/ display: block; padding: 6px 10px; } /*** Menu colors (customizable) ***/ ul.nav, .nav ul, .nav ul li a{ background-color: #fff; color: #369; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGTV0TKlLQ8vsiTphC4LirUMvsJtjBxtUbYk5LXOJmC7mnQxHPUPEPJdgnO6x4_ND72SfpObTgjzSM2wl1SjaPG82IsmNZBt1qI4s3HTL88z-Aw03L_NVIZWdq9r6FE7gZcskKhzNF8NVJ/s1600/%D9%82%D8%A7%D8%A6%D9%85%D8%A9.jpg') no-repeat top center; } ul.nav li:hover, .nav ul li a:hover{ background-color: #369; color: #fff; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJs43qV7TJObab88VW8Eiuo1WMB-p-VtIRPaGX5_5BOhOzgs6sd3-cTyOMQznMAfIMK5yfim-bSXObHzNXCt0m5iqD3dKPS4qpx_elKtzewGJQaJnMoqAotM5-hAqkcx2C0n2jAT1svtT0/s1600/Untitled-2hjk.jpg') no-repeat top center; } /*for more hacks and tricks visit us : http://raykcool.blogspot.com*/ ul.nav li:active, .nav ul li a:active{ background-color: #036; color: #fff; } /*rayk cool for blogger tricks*/ ul.nav, .nav ul{ border: 1px solid #0000FF; } .nav a{ text-decoration: none; }

  


 6. اضغط حفظ القالب 

و الان لاضافة اداة القائمة المنسدلة

1. ادخل على تصميم ثم عناصر الصفحة
2. اضغط اضافة اداة
3. اختر اضافة HTML/JavaScript
4. انسخ الكود التالي بداخلها


**ملاحظة : هذا الكود يجب اضافته في بانر يسمى crosscol و ذلك ليتم عرضها بشكل افقي بجانب بعض و ليس بشكل رأسي تحت بعض
طب تعرف انهي قسم الي بضيف فيه ؟!!!
و انت بتضيف الاداة هتلاقي في رأس الصفحة مكان اللينك في الاخر اسم القسم الذي تضيف به الادة كما بالصورة

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

<ul class="nav"> <li><span style="font-family:Arial;"><strong> <a href="http://raykcool.blogspot.com/"><font color="#000099">الصفحة الرئيسية</font></a></strong><span style="color: #000099; font-weight:700"> </span></span></li> <li><strong><span style="font-family:Arial"> <font color="#000099"> <a href="http://raykcool.blogspot.com/search/label/دروس%20للمدونات"> <font color="#000099">مدونات</font><font color="#000099"><span lang="ar-eg"> البلوجر</span></font></a></font></span></strong><ul> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD%20%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86"> <span style="font-family:Arial; font-weight:700"><font color="#000099">نصائح التدوين</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%B4%D9%87%D8%A7%D8%B1%20%D9%85%D9%88%D9%82%D8%B9%D9%83"> <span style="font-family:Arial; font-weight:700"><font color="#000099">اشهار المواقع</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%AF%D9%88%D8%A7%D8%AA%20%D9%85%D9%87%D9%85%D8%A9%20%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83"> <span style="font-family:Arial; font-weight:700"><font color="#000099">ادوات مهمة لمدونتك</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/hack"> <span style="font-family:Arial; font-weight:700"><font color="#000099">هاكات</font></span></a></span></li> <li> <a href="http://raykcool.blogspot.com/search/label/Free%20Blogger%20templates"> <span style="font-family: Arial; font-weight: 700" lang="ar-eg"> <font color="#000099">قوالب مجانية</font></span></a></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/اسئلة%20الزوار"> <font color="#000099">اسئلة الزوار</font></a></span></li> </ul></li> <li><strong><a href="http://raykcool.blogspot.com/search/label/كلام×كلام"> <span lang="ar-eg"><font color="#000099"><span style="font-family: Arial"> كلام رايق</span></font></span></a></strong><ul> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الحب"> <font color="#000099">كلام × الحب</font></a></span></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الاسلام"> <font color="#000099">كلام × الاسلام</font></a></span></li> <li> <span style="font-family: Arial; font-weight: 700; color: #000099" lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/خواطر"> <font color="#000099">خواطر</font></a></span></li> <li><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/تهيس%20دوت%20كوم"> <font color="#000099">ضحك و تهييس</font></a></span></font></span></li> </ul></li> <li><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/للمرأة%20فقط"> <font color="#000099">ركن المرأة</font></a></span></font></span><ul> <li><a href="http://raykcool.blogspot.com/search/label/أزياء"> <span lang="ar-eg"><b><font face="Arial" color="#000099">ال</font></b></span><span lang="ar-eg"><font color="#000099" face="Arial"><b>ازياء</b></font></span></a></li> <li><b><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/مأكولات"> <font color="#000099" face="Arial">المأكولات</font></a></span></b></li> <li><b><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/التجميل"> <font color="#000099" face="Arial">التجميل</font></a></span></b></li> </ul></li> <li><span style="font-family:Arial;"><strong> <a href="http://cool-wp.blogspot.com/"><font color="#000099">خلفيات</font></a></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/3D-Art"> <font color="#000099">مجسم</font></a></span></li> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/Anime"> <font color="#000099">انيميات</font></a></span></li> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/windows"> <font color="#000099">ويندوز</font></a></span></li> <li><span style="font-weight:700; font-family:Arial"> <a href="http://cool-wp.blogspot.com/search/label/Celebrities"> <font color="#000099">مشاهير</font></a></span></li> </ul></li> <li><span style="font-weight:700; font-family:Arial"> <a href="http://al3b-online.blogspot.com/"><font color="#000099">العاب فلاش</font></a></span></li> <li><a href="http://gm3ty.blogspot.com"> <span style="font-family:Arial;font-weight:700" lang="ar-eg"> <font color="#000099">جمعتي اون لاين</font></span></a></li> <li><strong><span style="font-family:Arial"> <a href="http://raykcooldownload.blogspot.com/"><font color="#000099">قسم التحميل</font></a></span></strong><span style="font-family:Arial;"><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcooldownload.blogspot.com/search/label/برامج%20كاملة"> <font color="#000099">برامج كاملة</font></a></span></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcooldownload.blogspot.com/"><font color="#000099">العاب كاملة</font></a></span></li> <li><span style="font-family:Arial;color:rgb(0, 0, 153)" lang="ar-eg"> <a href="http://raykcooldownload.blogspot.com/"> <span style="font-weight:700"><font color="#000099">افلام</font></span></a></span></li> <li><span style="font-family:Arial;color:rgb(0, 0, 153)" lang="ar-eg"> <a href="http://raykcooldownload.blogspot.com/search/label/اغاني"> <span style="font-weight:700"><font color="#000099">اغاني</font></span></a></span></li> </ul></li> <li><span style="font-family:Arial;"><strong> <a href="http://raykcooldl.blogspot.com/"><span style="font-weight:700"> <font color="#000099">free download</font></span></a></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><a href="http://raykcooldl.blogspot.com/search/label/Application"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">full application</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Games"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">full games</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Movie"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">movies</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Music"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">mp3</font></span></a></li> </ul></li> <li><strong><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/2010/09/blog-post_7194.html"> <font color="#000099">الفهرس</font></a></span></font></span></strong></li> <li><span style="font-family:Arial;"><strong><font color="#CC3300"> <span lang="ar-eg" style="font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/site%20services"> <font color="#000099">ادارة الموقع</font></a></span></font></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="color: rgb(0, 0, 102);font-family:Arial;" ><strong> <a href="http://raykcool.blogspot.com/2010/04/contact-me.html"> <font color="#000099">اتصل بي</font></a></strong></span></li> <li><strong><a href="http://raykcool.blogspot.com/search/label/Writers"> <span style="font-family: Arial" lang="ar-eg"><font color="#000099">كتاب الموقع</font></span></a></strong></li> <li><strong> <a href="http://raykcool.blogspot.com/search/label/التبادل%20الاعلاني"> <span style="font-family: Arial; " lang="ar-eg"><font color="#000099">للاعلان</font></span></a></strong></li> </ul></li> </ul>

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

تابع القراءة »

اضافة اداة مواضيع ذات صلة بالصور

طريقة اضافة اداة اضافة اداة مواضيع ذات صلة بالصور , اضافة اداة مواضيع ذات صلة بالصور , كيفية اضافة اداة مواضيع ذات صلة بالصور , تركيب اضافة اداة مواضيع ذات صلة بالصور , وضع اضافة اداة مواضيع ذات صلة بالصور , اضافة اداة مواضيع ذات صلة بالصور للبلوجر , كيفية اضافة اداة مواضيع ذات صلة بالصور للبلوجر , طريقة اضافة اداة مواضيع ذات صلة بالصور للبلوجر , كود اضافة اداة مواضيع ذات صلة بالصور للبلوجر , هاك اضافة اداة مواضيع ذات صلة بالصور للبلوحر , هاك 2011 اضافة اداة مواضيع ذات صلة بالصور , كود 2011 اضافة اداة مواضيع ذات صلة بالصور , تركيب هاك وكود اضافة اضافة اداة مواضيع ذات صلة بالصور للبلوجر , شرح تركيب اضافة اداة مواضيع ذات صلة بالصور للبلوجر , شرح تركيب كود وهاك اضافة اداة مواضيع ذات صلة بالصور للبلوجر

السلام عليكم .... اهنئكم ببداية الدراسة و ادعيلكم ربنا يعينكم ههههه

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

موضوعنا النهاردة في دروس المدونات عن اضافة جديدة في المدونات و هي 
اضافة اداة موضوعات ذات صله بالصور 
Related posts with thumbnails
و قد تكلمنا في موضوع سابق عن هذة الاضافة و كانت عبارة عن لينكات فقط و ليس بها صور

اضافة ادة مواضيع ذات صلة 

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



ولان
الطريقة :
1. ادخل هذا الموقع لتسجيل بياناتك ( اضغط هنا )
2. ادخل ايميل و رابط مدونتك ثم اختار نوع مدونتك سواء بلوجر او وردبريس ثم حجم الاداة اربع او خمس مواضيع
My blog has light text on a dark background معناها ان مدونتك ذات خلفية غامقة فيعطيك الاداة شفافة
اخيرا اضغط على get widget للحصول على الاداة

3. اضف الاداة الى مدونتك كما في الصور التالية :

4. حدد مكان الاداة كما في الصورة ثم اضغط تطبيق على المدونة او حفظ

شكل الاداة بعد الانتهاء ....

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

تحياتي لكل متابعينا

تابع القراءة »

اضافة اداة مواضيع ذات صلة

 اضافة اداة مواضيع ذات صلة , طريقة اضافة اداة مواضيع ذات صلة , اداة مواضيع ذات صلة , كيفية اضافة اداة مواضيع ذات صلة , اداة مواضيع ذات صلة , اريد اضافة اداة مواضيع ذات صلة , طؤيقة اداة مواضيع ذات صلة , كود اداة مواضيع ذات صلة  , هاك اداة مواضيع ذات صلة , كود اضافة اداة مواضيع ذات صلة  , هاك اضافة مواضيع ذات صلة , طريقة اضافة مواضيع ذات صلة , كيفية اضافة مواضيع ذات صلة , هاك 2011 لاضافة مواضيع ذات صلة , كود 2011 لاضافة مواضيع ذات صلة , طريقة اضافة هاك مواشيع ذات صلة , تركيب هاك مواضيع ذات صلة , تركيب كود مواشيع ذات صلة 

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

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

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

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

1. اذهب لتخطيط المدونة

2. HTML

3. اضغط على توسيع القالب    لاتنسى احفظ نسخة احتياطية من قالب مدونتك 

4. استخدم CTRL+F للبحث عن الكود التالي :

]]></b:skin>

و اضف قبله مباشرة الكود التالي :

#related-posts {

float : left;

width : 540px;

margin-top:20px;

margin-left : 5px;

margin-bottom:20px;

font : 11px Verdana;

margin-bottom:10px;

}

#related-posts .widget {

list-style-type : none;

margin : 5px 0 5px 0;

padding : 0;

}

#related-posts .widget h2, #related-posts h2 {

font-size : 20px;

font-weight : normal;

margin : 5px 7px 0;

padding : 0 0 5px;

}

#related-posts a {

text-decoration : none;

}

#related-posts a:hover {

text-decoration : none;

}

#related-posts ul {

border : medium none;

margin : 10px;

padding : 0;

}

#related-posts ul li {

display : block;

background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4wzeQk1I1s_YvJt6Ozr4vfaefQdj52DgQmePekC_WIEdDxssI_aY_HGnTLs4O9cyCznOCsMjtjO_DCVVPhhiYYuvtyuyFe8ypvkehjAaecnYoeTbTQgF100wwm4kMpiYDZhHHFK5GjX8/") no-repeat 0 0;

margin : 0;

padding-top : 0;

padding-right : 0;

padding-bottom : 1px;

padding-left : 21px;

margin-bottom : 5px;

line-height : 2em;

border-bottom:1px dotted #cccccc;

}

ثم اضف بعده الكود التالي :

<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>

5. ابحث عن الكود التالي :

<div class='post-footer-line post-footer-line-1'>

ملاحظة : قد لا يكون هذا الكود موجود بالكامل لذا خذ جزء منه فقط ^^

ثم ضع بعده مباشرة هذا الكود :

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

<div id="related-posts">

<font face='Arial' size='3'><b>مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>

</div></b:if>

ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" باي مما تريد و ايضا يمكنك تغيير الرقم 5 باي رقم و هو يدل على عدد المواضيع ذات الصلة التي سيتم عرضه (و قد لا يعمل معك لذا فلا ضرر منه ^^) 

يا رب يكون الموضوع عجبكم اسئلكم الدعاء و كل تعليقاتكم مرحب بها ^^

تابع القراءة »

اضافة اداة اخر التعليقات واخر الزوار للبلوجر

طريقة اضافة اداة اضاة اخر التعليقات واخر الزوار فى بلوجر , اداة اخر التعليفات واخر الزوار فى بلوجر , اداة اخر التعليفات , ادة اخر الزوا , ادة اخر التعليقات قى بلوجر , ادة اخر الوار فى بلوجر , ادة لخر التعليقات , كدو اداة اخر التعليقات , كود ادة اخر الزوار , كود  ادة اخر التعليقات 2011 , كود اخر الزوار 2011

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

و طبعا احنا اتكلمنا قبل كدة عن 

اووووووووووووووووك ندخل في المهم 

الطريقة :

1. ادخل على لوحة التحكم 

2. دوس على تخطيط

3. اختار اضافة اداة

4. التغذية

5.حط الينك التالي :

لاخر الموضوعات :  

http://raykcool.blogspot.com/feeds/posts/default

لاخر التعليقات :  

http://raykcool.blogspot.com/feeds/comments/default

طبعا هتبدل raykcool باسم مدونك

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

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

تابع القراءة »

اضافة اداة متميزة جداا لمعرفة عدد زوار المدونة و اماكن دخولهم

طريقة اضافة  اداة لمعرفة عدد واماكن الزوار الذين زارو المدونة , داة لمعرفة عدد واماكن الزوار الذين زارو المدونة

 طريقة اضافة داة لمعرفة عدد واماكن الزوار الذين زارو المدونة

 , داة لمعرفة عدد واماكن الزوار الذين زارو المدونة

 

السلام عليكم  .... النهاردة هنضيف اداة متميزة جداا لمعرفة عدد زوار المدونة و اماكن دخولهم

 

 اكيد طبعاااااااا في  ادوات زي كدة كتييرو منها:

الان اضف عداد الزوار بخريطة تعرف اماكن زوارك

بس المميز في الاداة دي :

1. شكلها المميز في المدونة

2.معرفة المواضيع التي تمت زيارتها

3. اقصى عدد للزوار و اقل عدد

4. تقرير كامل خاص بعدد الزيارات في الارشيف الخاص بالموقع

علشان كدة حبيت اضيفها للافادة :

1.ادخل على الموقع الاتي :

http://whos.amung.us/ 

2.اختار مكان الاداة الذي يناسبك و يناسب مدونتك

3.انسخ الكود

4.ادخل في تخطيط ثم عناصر الصفحة ثم اضافة اداة ثم html

5.الصق الكود

و كدة مبروك عليك الاداة

تابع القراءة »