‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

الاثنين، 6 يناير 2014

كيفية إشهار مدونة و الزيادة في عدد زوارها

كيفية إشهار مدونة و الزيادة في عدد زوارها

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

كيف تشهر مدونتك عن طريق فيس بوك؟

يكاد لا يفتقر أي شخص ممن يستعملون الانترنت لاشتراك في موقع Facebook الشهير، فالحصول على حساب في هذه الشبكة الاجتماعية الضخمة سيساعدك كثيراً في بناء شهرة كبيرة مدونتك وبالتالي الحصول على زوار وقرّاء دائمين للمدونة

ويُوفّر موقع Facebook عليك وقتاً كبيراً عندما تريد أن تخبر أصدقاءك عن مدونتك الجديدة أو عن أي تدوينة جديدة تنشرها في مدونتك، ويُتوقّع أن تحصل على نتائج مُبهِرة بعد قراءتك لهذا الموضوع.

1- قم بإنشاء مجموعة على Facebook.
لاشكّ ان لقرائك الدائمين اهتمامٌ معين يتعلق بمدونتك، لذا فإن أحد الطرق الفعّالة في إخبارهم بوجود مواضيع أو تدوينات جديدة في مدونتك هو أن تقوم بإنشاء مجموعة Facebook Group لمدونتك ليقوم قراؤك وأصدقاؤك بالاشتراك في هذه المجموعة ليبقوا على اطلاع بآخر تحديثات مدونتك وآخر تدويناتك. كما أن المشاركة في مجموعات Facebook المختلفة والتي تُلائم محتوى مدونتك ونشر رابط مدونتك في هذه المجموعات سيجلب لك زواراً جُدد قد يكونوا مهتمين بما تكتب وتنشر.

2- استعمل الـ Status.
وهي عبارة عن مساحة كتابية تستطيع كتابة ما يحلو لك فيها ليراها أصدقاؤك بجانب اسمك، وتُستعمل بشكل عام لكتابة حالتك النفسية الآن، أو لكتابة شيء تفعله الآن، ويستعمله البعض لكتابة عبارات شعرية أو أخبار وما إلى ذلك.. وتستطيع أنت كمُدوّن أن تضع رابطاً لآخر تدوينة لديك او حتى رابطاً لصفحة مدونتك الرئيسية بشكل دائم كي تنشر مدونتك بين أصدقائك، وهي طريقة فعالة وتعتبرم ن أسرع طرق نشر المدونات عن طريق Facebook.

3- لا تنسَ الـ Posted Items.
يتشارك جميع مستخدمي موقع Facebook الروابط والوصلات المختلفة، فبعضهم يضع روابطاً لمقاطع فيديو من يوتيوب، وبعضهم يقوم بنشر رابط لخبر عاجل أو مقال على احدى الصحف، وأنت تستطيع الاستفادة من الـ Posted Items في أن تشارك الجميع بما تنشره في مدونتك عن طريق زر “Share” وقد يُعجَبُ أحدُهم بمدونتك فيقوم هو الآخر بمشاركة مدونتك مع أصدقائه عن طريق إضافة رابط المدونة إلى الـ Posted Items لديه فتحصل بذلك على زوار جدد وكثر.. وإن كانت مدونتك مميزة وحازت على أعجاب الكثيرين فلن تنتهي دائرة المشاركة عن طريق Posted Items بين مشتركي Facebook.. وبذلك تحصل أنت على زوار ربما من بلاد أخرى وثقافات مختلفة.

الأحد، 5 يناير 2014

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

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


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

اهم عشرة محركات بحث تقدر تضغط عليهم لتضيف موقعك فيهم :
1- محرك البحث جوجل
2- محرك البحث Bing
3- محرك البحث ياهو
4- محرك البحث  Exactseek
5- محرك البحث Gigablats
6- محرك البحث  Searchsight
7- محرك البحث  Entireweb
8- محرك البحث WhatUseek
9- محرك البحث Dmoz
10- محرك البحث التافيستا

 

الثلاثاء، 8 أكتوبر 2013

اضافة المواضيع الشائعة ب css اكثر من رائعة

السلام عليكم و رحمة الله و بركاته


Round-corners-popular-post-widget

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



   -   شرح تركيب الاضافة


  • قم بتسجيل الدخول الى لوجة التحكم
blog-post-option
  •   اختار " قالب "
Select-template
  •   ثم اضغط على " تحرير html "
  •  ابحث عن هذا الكود ]]></b:skin>
  • الصق الكود التالى قبله
    .popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px; list-style-type: none;padding:5px 5px 5px 20px !important; border: 1px solid #ddd;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; height: 40px; -moz-box-shadow: 3px 2px 5px #242424; -webkit-box-shadow: 3px 2px 5px #242424; box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px; } .popular-posts ul li a { font-style: italic; } .popular-posts ul li:hover { border:1px solid #d10202; -moz-box-shadow: 3px 2px 5px #d10202; -webkit-box-shadow: 3px 2px 5px #d10202; box-shadow: 3px 2px 5px #d10202; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { height:40px;width:40px; webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } .popular-posts .item-thumbnail img:hover{ -moz-box-shadow: 0px 0px 5px #d10202; -webkit-box-shadow: 0px 0px 5px #d10202; box-shadow: 0px 0px 5px #d10202;}

  • اضغط حفظ ثم اذهب الى  " تخطيط "
  • قم باضافة المواضيع الشائعة و عمل التعديلات التالية
Configure-Popular-Posts 
  • قم بازالة العلامة من امام " مقتطف " ثم حفظ ومبروك عليك الاضافة

كيف تحول تقويم أرشيف مدونة بلوجر إلى جدول زمنى Archive calender

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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


الخطوة الأولى: 

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

blogger widgets

الخطوة الثانية:

إذهب إلى لوحة تحكم بلوجر ثم تحرير القالب
إحتفظ بنسخة إحتياطية من القالب وأضف علامة توسيع القالب
إستخدم ctrl+F للبحث

إبحث عن الكود التالى
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

إن لم تجده فأبحث عن كلمة Blog Archive ستجدها بكود مشابه للذى بالأعلى

ثم إستبدل الكود السابق بالكود التالى
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='toggle' var='interval'>

<!-- Toggle not needed for Calendar -->

</b:includable>

<b:includable id='flat' var='data'>

<div id='bloggerCalendarList'>

<ul>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</div>



<div id='blogger_calendar' style='display:none'>

<table id='bcalendar'><caption id='bcaption'>



</caption>

<!-- Table Header -->

<thead id='bcHead'></thead>

<!-- Table Footer -->



<!-- Table Body -->

<tbody><tr><td id='cell1'> </td><td
id='cell2'> </td><td id='cell3'> </td><td
id='cell4'> </td><td id='cell5'> </td><td
id='cell6'> </td><td id='cell7'> </td></tr>

<tr><td id='cell8'> </td><td id='cell9'>
</td><td id='cell10'> </td><td id='cell11'>
</td><td id='cell12'> </td><td id='cell13'>
</td><td id='cell14'> </td></tr>

<tr><td id='cell15'> </td><td id='cell16'>
</td><td id='cell17'> </td><td id='cell18'>
</td><td id='cell19'> </td><td id='cell20'>
</td><td id='cell21'> </td></tr>

<tr><td id='cell22'> </td><td id='cell23'>
</td><td id='cell24'> </td><td id='cell25'>
</td><td id='cell26'> </td><td id='cell27'>
</td><td id='cell28'> </td></tr>

<tr><td id='cell29'> </td><td id='cell30'>
</td><td id='cell31'> </td><td id='cell32'>
</td><td id='cell33'> </td><td id='cell34'>
</td><td id='cell35'> </td></tr>

<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>

</tbody>

</table>

<table id='bcNavigation'><tr>

<td id='bcFootPrev'></td>

<td id='bcFootAll'></td>

<td id='bcFootNext'></td>

</tr></table>



<div id='calLoadingStatus' style='display:none; text-align:center;'>

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

</div>

<div id='calendarDisplay'/>

</div>



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



</b:includable>

<b:includable id='posts' var='posts'>

<!-- posts not needed for Calendar -->

</b:includable>

<b:includable id='menu' var='data'>

Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format

</b:includable>

<b:includable id='interval' var='intervalData'>

Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format

</b:includable>

</b:widget>


الخطوة الثالثة:

البحث عن الكود التالى:
</head>

ثم إختر اللون المناسب لقالب مدونتك ثم أضف الكود الخاص به فوق الكود السابق مباشرة

calender


<!-- Start Blogger Archive Calendar -->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/plain_white.css' rel='stylesheet' type='text/css'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blogger_archive.js' type='text/javascript'/>

<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>

<!-- End Blogger Archive Calendar -->


calender

<!-- Start Blogger Archive Calendar -->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blue_black.css' rel='stylesheet' type='text/css'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blogger_archive.js' type='text/javascript'/>

<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>

<!-- End Blogger Archive Calendar -->

calender



<!-- Start Blogger Archive Calendar -->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/dusty_blue.css' rel='stylesheet' type='text/css'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blogger_archive.js' type='text/javascript'/>

<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>

<!-- End Blogger Archive Calendar -->

ثم حفظ القالب
ملاحظة هامة: أحيانًا فى بعض القوالب توجد مشكلة فى حفظ القالب عند إضافة الأكواد ولحل هذه المشكلة قم بإضافة أداة أرشيف المدونة تحت الرسائل الإلكترونية ثم إضافة الأكواد وحفظ القالب ثم بعد ذلك سحب الأداة إلى المكان المناسب.
(يمكن الإطلاع أيضا على إضافة التقويم الميلادى إلى المواقع)


أكثر من طريقة لإضافة فواصل اقرأ المزيد لمدونات بلوجر بتقنية CSS

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

اقرأ المزيد


طريقة تركيب الإضافة:

أذهب إلى لوحة تحكم بلوجر >> ثم تحرير قالب HTML (إحتفظ بنسخة إحتياطية من القالب)
أضف علامة فى المربع الصغير لتوسيع القالب
إستخدم الكيبورد Ctrl+F
فى البحث عن الكود التالى
<data:post.body/>

ثم الصق هذا الكود أسفل منه مباشرة

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div class="DR-readmore">قراءة المزيد ->></div></a>
</b:if>

ثم البحث عن الكود التالى: 
]]></b:skin>

ثم لصق الكود التالى لهاك إقرأ المزيد فوقه مباشرة أختار الشكل المناسب لمدونتك وأنسخ الكود الموجود أسفله

قراءة المزيد

/*-------------------------- Narrow black Orange-------------*/
/*-------------------http://www.condaianllkhir.com/--------*/
.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#EB7F17;
margin:5px 0;
border-left:400px dashed #474747;
border-right:2px solid #474747;
border-top:2px solid #474747;
border-bottom:2px solid #474747;
padding:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 13px sans-serif;
}
.DR-readmore:hover{
background:#EB7F17;
color:#fff;
border-left:400px dashed #474747;
border-right:2px solid #EB7F17;
border-top:2px solid #EB7F17;
border-bottom:2px solid #EB7F17;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

اقرأ المزيد



/*------------blue----------------------*/
/*-----------http://www.condaianllkhir.com/----*/
.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#6882C7;
margin:5px 0;
border-left:400px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
padding:1px 5px 1px 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 13px sans-serif;
}
.DR-readmore:hover{
color:#000800;
border-left:50px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

اقرا المزيد

/*-------------- Red -----------*/
/*-----------http://www.condaianllkhir.com/---*/
.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#CC0000;
margin:5px 0;
float:right;
border-right:2px solid #FF0033;
border-left:2px solid #FF0033;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#fff;
font:bold 12px sans-serif;
color:#FF0033;
border-right:2px solid #FF0033;
border-left:2px solid #FF0033;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

تابع القراءة

    /*---------------- Rectangle left border-----------*/
/*--http://www.condaianllkhir.com/--*/

.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#821A0C;
margin:5px 0;
float:right;

border-right:2px solid #8F3314;
border-left:10px solid #8F3314;
border-bottom:2px solid #8F3314;
border-top:2px solid #8F3314;

padding:5px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#CC410E;

border-right:2px dotted #8F3314;
border-left:10px solid #CC410E;
border-bottom:2px dotted #8F3314;
border-top:2px dotted #8F3314;
}

.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

المزيد من المعلومات


/*-------------- Blue Blank-----------------*/
/*---------------------http://www.condaianllkhir.com/----------*/

.DR-readmore{
background:#0080ff;
text-align:right;
cursor:pointer;
color:#Fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#FFf;
font:bold 11px sans-serif;
color:#0080ff;
border:3px dotted #ddd;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

Read more

/*------------ Green Button-----------*/

/*----http://www.condaianllkhir.com/----*/
.DR-readmore{
background:#fffff;
text-align:right;
cursor:pointer;
color:#008000;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.DR-readmore:hover{
background:#008000;
font:bold 14px sans-serif;
color:#fff;
border:2px solid #ddd;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

ازرار بلوجر


/*------------- Red + Dark Red------------*/
/*------http://www.condaianllkhir.com/-------*/

.DR-readmore{
background:#fffff;
text-align:right;
cursor:pointer;
color:#FE8080;
margin:5px 0;
float:right;
border:2px solid #FE8080;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.DR-readmore:hover{
background:#FFf;
font:bold 14px sans-serif;
color:#FF0000;
border:2px solid #FF0000;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

اكواد بلوجر


/*---------- Black --------------*/
/*------http://www.condaianllkhir.com/-------*/
.DR-readmore{
background:#000800;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#000800;
border:2px solid #000800;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.DR-readmore a:hover {
color:#fff;
text-decoration:none;
}

see more


/*----------Pink ----------------*/
/*-- http://www.condaianllkhir.com/-----*/
.DR-readmore{
background:#FF9999;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#CC3399;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.Dr-readmore a:hover {
color:#fff;
text-decoration:none;
}



بعد إضافة الأكواد نجرى معاينة للقالب ثم حفظ القالب

لتحديد المقتطف من موضوعات المدونة التى نريد أنها تظهر بالصفحة الرئيسية نتبع الآتى:

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


إقرأ المزيد http://www.condaianllkhir.com/2012/10/blogger-readmore-css.html#ixzz2h2JDLTMS

كود مشاهدة عدد الزوار لمدونة بلوجر



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


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


 اولأ اذهب الي الموقع من هنااا

الشرح بالصور







ثم اكتب ايميلك والباسورد كما موضح في الصور
ثم بعد ما تخلص اضغط signup


2- بعد التسجيل 
اضغط دخول



 ثم اضغط  create counter

وبعدين ايظهر ليك كما موضح في الصور

ثم اتبع الشرح الي موجود في الصور
 وبعد ما تخلص ايظهر ليك



  انسخ الكود ثم عن طريقة لوحة التحكم
1- ثم اضافة اداة 
2- ثم ضع الكود عن طريقة اضافة html 


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

ارجو ان اكون وفقت في الشرح


الاثنين، 30 سبتمبر 2013

إضافة مواضيع ذات صلة بشكل متحرك وجذاب

سنتعلم كيف إضافة مواضيع ذات صلة بشكل متحرك جذاب,  مع مصغرات صور تتحرك لليمين واليسار.

الخطوة الاولى:
http://add-ar.blogspot.com/

( ننصح بأخذ نسخة احتياطية من القالب )
ـ انتقل إلى لوحة التحكم => قالب => تحرير HTML  (توسيع القالب).
 
ـ ابحث عن </head> بالإستعانة بـ (CTRL+F) وضع أسفله مباشرة الكود التالي:

     <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; width:100% min-height:100%; padding-top:5px; padding-right:5px; } #related-posts h2{ background: #FFF!important; font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://balitraveltips.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
    </b:if> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en'} </script>
الخطوة الثانيه: ابحث عن <data:post.body/> 
 وضع أسفله مباشرة الكود التالي:
 <br/><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop> <h3 style='border-bottom: 3px #5D7D91 solid;padding-bottom:10px!important'><b>ربما تفيد من هذه المواضيع كذلك :</b></h3> <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=10; var relatedpoststitle=&quot;&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if>
غير الدي باللون الأزرق إلى أي جملة تريد

احفظ القالب ( بعد معاينة سلامة المدونة ) ... هنيئا لك :)

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

اهلاً بك اخي العزيز

هل مللت من نشر مواضيع المدونة في صفحتك في فيس بوك ؟


انا اعلم انه من العصب اضافة مواضيع المدونة الي الفيس بوك كل مرة وعمل شير للمواضيع
بشكل يدوي فهو مزعج قليلاً ..

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

اممم كم هو جميل .. ذلك 




انتبه معي عزيزي القارئ ..

1- قم بالدخول الى الحساب الخاص بك في فيس بوك 

اضافات بلوجر -add-ar.blogger.com


2- اضغط على Add New Publishing Plan


اضغط على الصورة للتكبير
اضافات بلوجر - add-ar.blogger.com





3- اكتب اي شيئ 

اضغط على الصورة للتكبير
اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com




4- اضغط على New Source





اضغط على الصورة للتكبير
اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com






5-  ضع رابط مدونتك مثل




اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com




6-  اكمل البيانات كما هو موضح 



اضغط على الصور للتكبير
اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com



ثم اضغط save






7- اضغط على New Target


اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com




8- اختار كما هو موضح 



اضغط على الصورة للتكبير
اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com




9- كخطوة اخيرة اضغط على كلمة OFF لتصبح ON








اضغط على الصورة 
اضافة مواضيع المدونة الى فيس بوك بشكل تلقائي 2013 -اضافات بلوجر - add-ar.blogger.com








مبروك عليك الاضافة بجااح
قم بنشر مواضيع في المدونة وانتظر سيتم نشرهم في صفحتك في فيس بوك بنجاح تلقائياً