إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
الاثنين، 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- محرك البحث التافيستا
طبعا لن تجد زوار لمدونتك ابدا مدامت بتعتمد فقط على كتابة الموضوعات فى المدونة يجب ان تعرف ان هناك مجال اسمة التسويق عبر الإنترنت واغلب الناس تعرفو ولكن لا يعرفون الكثير عنة ... التسويق الالكترونى ينقسم الى اجزاء كثيرة اهمها فى موضوعنا التسويق عن طريق مواقع محركات البحث (SEO ( Search Engine Optimization وهو يعنى تحسين صفحاتك على محركات البحث
لن اطول فى هذا الموضوع كل ما عليك ان تضيف موقعك او مدونتك فى مختلف محركات البحث حتى تظهر فى هذة المحركات ويبدء المحرك فى ظهور موضوعاتك الزوار وبالتالى تجد الكثير من الزوار لديك فى مدونتك عند كتابة اى موضوع بأذن الله ..
اهم عشرة محركات بحث تقدر تضغط عليهم لتضيف موقعك فيهم :
1- محرك البحث جوجل
2- محرك البحث Bing
3- محرك البحث ياهو
4- محرك البحث Exactseek
5- محرك البحث Gigablats
6- محرك البحث Searchsight
7- محرك البحث Entireweb
8- محرك البحث WhatUseek
9- محرك البحث Dmoz
10- محرك البحث التافيستا
الثلاثاء، 8 أكتوبر 2013
اضافة المواضيع الشائعة ب css اكثر من رائعة
السلام عليكم و رحمة الله و بركاته
باذن الله سوف نقوم بشرح اضافة من اهم اضافات البلوجر وهى اضافة المواضيع الشائعة فهذه الاضافة تساعد الزائر على معرفة اخر المواضيع فى مدونتك و الاطلاع على كل جديد لديك و لكن غالبا يكون شكلها ليس جيدا و يخرب شكل المدونة الاضافة التى ساشرحها تمتع بشكل جمالى اكثر من رائع ..... بدون اطالة
- شرح تركيب الاضافة
- قم بتسجيل الدخول الى لوجة التحكم
- اختار " قالب "
- ثم اضغط على " تحرير 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;}
- اضغط حفظ ثم اذهب الى " تخطيط "
- قم باضافة المواضيع الشائعة و عمل التعديلات التالية

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


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

الخطوة الثانية:
إذهب إلى لوحة تحكم بلوجر ثم تحرير القالب
إحتفظ بنسخة إحتياطية من القالب وأضف علامة توسيع القالب
إستخدم 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>
ثم إختر اللون المناسب لقالب مدونتك ثم أضف الكود الخاص به فوق الكود السابق مباشرة

<!-- 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&alt=json-in-script&callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->

<!-- 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&alt=json-in-script&callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->

<!-- 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&alt=json-in-script&callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->
ثم حفظ القالب
ملاحظة هامة: أحيانًا فى بعض القوالب توجد مشكلة فى حفظ القالب عند إضافة الأكواد ولحل هذه المشكلة قم بإضافة أداة أرشيف المدونة تحت الرسائل الإلكترونية ثم إضافة الأكواد وحفظ القالب ثم بعد ذلك سحب الأداة إلى المكان المناسب.
(يمكن الإطلاع أيضا على إضافة التقويم الميلادى إلى المواقع)
أكثر من طريقة لإضافة فواصل اقرأ المزيد لمدونات بلوجر بتقنية CSS
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
خاصية إقرأ المزيد من الإضافات الهامة لمدونات بلوجر لأنها تعمل على تنسيق الصفحة الرئيسية للمدونة بشكل جيد وتظهر مقتطف من الموضوع مما يجذب الزائر لقراءة بقية الموضوع وبالتالى تزيد من احصائيات عدد زيارات المدونة.
كما أن هذه الاضافة تعمل على تحميل أسرع للصفحة الرئيسية .
وتدعم بلوجر هذه الخاصية فى اعدادات الرسائل ولكنى سأعرض فواصل وازرار قراءة المزيد بتقنية CSS ذو تأثير ولون مختلف بمرور الماوس على زر قراءة المزيد مما يضيف شكلا جماليا للإضافة.

طريقة تركيب الإضافة:
أذهب إلى لوحة تحكم بلوجر >> ثم تحرير قالب HTML (إحتفظ بنسخة إحتياطية من القالب)
أضف علامة فى المربع الصغير لتوسيع القالب
إستخدم الكيبورد Ctrl+F
فى البحث عن الكود التالى
إستخدم الكيبورد 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;
}

/*------------ 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;
}

/*----------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
إضافة مواضيع ذات صلة بشكل متحرك وجذاب
سنتعلم كيف إضافة مواضيع ذات صلة بشكل متحرك جذاب, مع مصغرات صور تتحرك لليمين واليسار.
( ننصح بأخذ نسخة احتياطية من القالب )
ـ انتقل إلى لوحة التحكم => قالب => تحرير HTML (توسيع القالب).ـ ابحث عن </head> بالإستعانة بـ (CTRL+F) وضع أسفله مباشرة الكود التالي:
<b:if cond='data:blog.pageType == "item"'> <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>
</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 == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' 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="<data:post.url/>"; var maxresults=10; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if>
غير الدي باللون الأزرق إلى أي جملة تريد
احفظ القالب ( بعد معاينة سلامة المدونة ) ... هنيئا لك :)
نشر مواضيع المدونة في صفحتك في فيس بوك
اهلاً بك اخي العزيز
هل مللت من نشر مواضيع المدونة في صفحتك في فيس بوك ؟
هل مللت من نشر مواضيع المدونة في صفحتك في فيس بوك ؟
انا اعلم انه من العصب اضافة مواضيع المدونة الي الفيس بوك كل مرة وعمل شير للمواضيع
بشكل يدوي فهو مزعج قليلاً ..
هنا الحل على مدونة اضافات بلوجر سوف يتم نشر مواضيع مدونتك بشكل جميل وتلقائي بدون تدخل منك
اممم كم هو جميل .. ذلك
انتبه معي عزيزي القارئ ..
1- قم بالدخول الى الحساب الخاص بك في فيس بوك
اضافات بلوجر -add-ar.blogger.com
2- اضغط على Add New Publishing Plan
بشكل يدوي فهو مزعج قليلاً ..
هنا الحل على مدونة اضافات بلوجر سوف يتم نشر مواضيع مدونتك بشكل جميل وتلقائي بدون تدخل منك
اممم كم هو جميل .. ذلك
انتبه معي عزيزي القارئ ..
1- قم بالدخول الى الحساب الخاص بك في فيس بوك
اضافات بلوجر -add-ar.blogger.com
2- اضغط على Add New Publishing Plan
اضغط على الصورة للتكبير
3- اكتب اي شيئ
اضغط على الصورة للتكبير
4- اضغط على New Source
اضغط على الصورة للتكبير
5- ضع رابط مدونتك مثل
6- اكمل البيانات كما هو موضح
اضغط على الصور للتكبير
ثم اضغط save
7- اضغط على New Target
8- اختار كما هو موضح
اضغط على الصورة للتكبير
9- كخطوة اخيرة اضغط على كلمة OFF لتصبح ON
اضغط على الصورة
مبروك عليك الاضافة بجااح
قم بنشر مواضيع في المدونة وانتظر سيتم نشرهم في صفحتك في فيس بوك بنجاح تلقائياً
قم بنشر مواضيع في المدونة وانتظر سيتم نشرهم في صفحتك في فيس بوك بنجاح تلقائياً