استمتع مع بلوجر

طريقة معرفة رقم الاي دي لصفحة او بروفايل بالفيس بوك .

تاريخ النشر السبت, نوفمبر 08, 2014

على الرابط التالي

https://graph.facebook.com/YourProfile

غير YouProfile

الى اسم صفحتك او بروفايلك على الفيس بوك

ثم اضغط إنتر

باقي التفاصيل »

Related Posts Widget For Blogger with Thumbnails

إضافة مجموعة أنيقة من أزرار المشاركات الإجتماعية .

تاريخ النشر السبت, نوفمبر 08, 2014

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

أو الضغط على أزرار تويتر أو جوجل

معاينة

طريقة تركيب اداة مقالات مشابهة :

اتبع الخطوات التالية:

1. من لوحة تحكم مدونتك اذهب إلى قالب ثم تحرير HTML و بعد النقر على الكود اضغط CTRL + F من لوحة المفاتيح.

2. بعد الضغط على CTRL + F سيظهر لك مستطيل فارغ للبحث ، ابحث به عن الوسم التالي في القالب:

</head>

3. ضع الكود التالي فوقه :

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>

4. الآن ابحث عن هذا الكود :

<data:post.body/>

5. ابحث عن الثاني و ضع فوقه أو تحته الكود التالي :

<b:if cond='data:blog.pageType == "item"'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p>
</b:if>

6. إحفظ القالب .

باقي التفاصيل »

عدة طرق لوضع إعلانين جوجل أدسنس أو غيرهما فوق أو تحت التدوينة .

تاريخ النشر السبت, نوفمبر 08, 2014

هذه الخاصية تتيح لك و ضع إعلانيين بجانب بعضهما , في أي مكان تختارهما

اتبع الخطوات التالية:

الطريقة الأولى :

1. من لوحة تحكم مدونتك اذهب إلى قالب ثم تحرير HTML و بعد النقر على الكود اضغط CTRL + F من لوحة المفاتيح.

2. بعد الضغط على CTRL + F سيظهر لك مستطيل فارغ للبحث ، ابحث به عن الوسم التالي في القالب:

<b:include data='post' name='postQuickEdit'/>

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

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td>كود الإعلان الأول</td>
<td>كود الإعلان الثانى</td>
</tr></table>
</b:if></b:if>

4. قم بحفظ القالب

إذا أردت أردت إدراج إعلانين تحت عنوان التدوينة قم بالبحث عن هذا الكود

<data:post.body/>

ثم قم بوضع الكود التالي فوقه ،مع إدراج كود أدسنس كما شهدنا في المرحلة السابقة

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:post.isFirstPost'>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td>كود الإعلان الأول</td>
<td>كود الإعلان الثانى</td>
</tr></table>
</b:if></b:if>

وأخيرا قم بحفظ القالب

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

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الطريقة الثانية :

نكرر نفس الخطوات و نضع الأكواد التالية :

<div style="float:left;">

</div>
<div style="float:right;">

</div>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الطريقة الثالثة :

<span class='FL'>
ضع هنا كود الإعلان الأول بعد تحويله
</span>
<span class='FR'>
ضع هنا كود الإعلان الثاني بعد تحويله
</span>
<div class='spacer'/>

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

باقي التفاصيل »

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

تاريخ النشر الجمعة, نوفمبر 07, 2014

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

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

1. ادخل على facebook developers لإنشاء تطبيق خاص بالتعليقات

2. بعد الدخول اضغط على انشاء تطبيق جديد او بالانكليزي

3. بعد الضغط على انشاء تطبيق جديد ستظهر لك صندوق على هذا الشكل

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

6. بعد الضغط على متابعة سيظهر لنا الاتي

7. ادخل الكلمات الموجودة واضغط على تقديم بعد ذلك سيظهر لنا الاتي

8. هذه الصفحة ستقوم بملاء الحقول الشار اليها بالصورة التالية ..ضروري حفظ رقم التطبيق ضروري

9. بعد ملاء الحقول المشار اليها بالسهم الاحمر تضغط على حفظ الاعدادات
..........................................................................................
تحتاج حفظ ايضا رقم الاي دي لصفحة مدونتك على الفيس بوك كيف تعرف رقم الاي دي
https://graph.facebook.com/YourProfile
غير Your Profile الى اسم بروفايلك بالفيس بوك
مثلاء انا اسم بروفايلي على هذا الشكل ( البروفايل و ليس الصفحة أو المجموعة )
https://www.facebook.com/enjoywithblogger

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

11. ابحث عن الكود التالي بالقالب

<html

12. ثم اضف بعده مباشرة الكود التالي

xmlns:fb='http://www.facebook.com/2008/fbml'

13. ليصبح بهذا الشكل

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >

14. ثم ابحث عن الكود التالي

<body>

15. ثم اضف الكود التالي بعده مباشرة

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'رقم التطبيق',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

اضف رقم التطبيق الذي حفظته

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

</head>

17. ثم اضف الكود التالي مع تغير داخل الكود وبتركيز قبله مباشراً

<b:if cond='data:blog.pageType == "item"'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='اسم مدونتك' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='رقم التطبيق'   property='fb:app_id'/>
<meta content='رقم الاي دي لبروفيلك'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

غير ما هو باللون الأحمر بما يتناسب مع بياناتك الخاصة بمدونتك

- اسم مدونتك
- http://google.com/help/hc/images/logos/blogger_logo.gif بشعار مدونتك

- رقم التطبيق

- و رقم الاي دي لبروفيلك أو إسم بروفايلك

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

<data:post.body/>

18. والصق بعده مباشرأ الكود التالي ، الكود التالي للمدونات ذات الالوان الفاتحة مثل لون مدونتي

<b:if cond='data:blog.pageType ==
"item"'> <script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments migrated='1' expr:href='data:post.url'
expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</div> </b:if>

مع تغير عرض الصندوق اذا رغبت width='450

19. وهذا الكود للمدونات الداكنة الالوان مثل السوداء

<b:if cond='data:blog.pageType ==
"item"'> <script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments migrated='1' expr:href='data:post.url'
colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id'
width='450'/> </div> </b:if>

20. احفظ القالب

لوحة تحكم التعليقات على الفيس بوك من هنا

باقي التفاصيل »

إضافة إعلانات جوجل أدسنس داخل المواضيع

تاريخ النشر الجمعة, نوفمبر 07, 2014

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

اتبع الخطوات التالية:

1. من لوحة تحكم مدونتك اذهب إلى قالب ثم تحرير HTML و بعد النقر على الكود اضغط CTRL + F من لوحة المفاتيح.

2. بعد الضغط على CTRL + F سيظهر لك مستطيل فارغ للبحث ، ابحث به عن الوسم التالي في القالب:

<data:post.body/>

3. سوف تجد اكثر من واحد ، الثاني هو المقصود غالباً.

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

5. ضع قبله وبعده شفرة جوجل أدسنس المحولة .

6. بعد وضع الكود اضغط حفظ وانتظر 5 الى 7 دقائق ليتم ظهور الاعلانات .

باقي التفاصيل »

إظهار أو إخفاء أداة على الصفحة الرئيسية أو على صفحة محددة على بلوجر .

تاريخ النشر الثلاثاء, نوفمبر 04, 2014

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

نتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

<b:widget id='HTML

والآن نحتاج إلى القليل من التركيز حيث يجب عليك تحديد أو تعليم الأداة المراد تعديلها (إظهارها أو إخفاؤها)،وهذا المثال يوضح كيفية البحث عن هذا الكود :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

1. والآن مباشرة بعد تحديد إسم الأداة كما هو موضح باللون الأحمر ،ولإظهارها فقط على" الصفحة الرئيسية" ،قم بإضافة الكودين باللون الأحمر . كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

ولإضافة هذه الأداة في جميع صفحات المواضيع فقط ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

2. ولإضافة هذه الأداة فقط على صفحة محددة ، قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الإضافة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == " أدخل رابط الصفحة المحددة "'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

3. ولإضافة هذه الأداة فقط على صفحات التسمية ،قم بإضافة الكود باللون الأحمر كما هو موضح في الكود التالي مع تحديد إسم التسمية :

<b:widget id='HTML3' locked='false' title='إسم الإضافة ' type='HTML'>
<b:includable id='main'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "التسمية"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

4. ولإضافة هذه الأداة في كل الصفحات بإستثناء الصفحة الرئيسية ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. ولإضافة هذه الأداة في كل الصفحات بإستثناء صفحات المواضيع ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

6. ولإضافة هذه الأداة في الصفحات الثابتة فقط ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

7. ولإضافة هذه الأداة في كل الصفحات بإستثناء الصفحات الثابتة فقط ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

8. ولإضافة هذه الأداة في كل الصفحات لكاتب معين ،قم بإضافة الكودين باللون الأحمر كما هو موضح في الكود التالي مع إدخال إسم الكاتب :

<b:widget id='HTML3' locked='false' title='إسم الأداة ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:post.author == "إسم الكاتب "'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

شرح طريقة الاستفادة من : <b:else/>
نستخدم هذا الكود في حين أردنا عرض أداة أو إضافة بشكل معين في صفحة وتظهر بشكل آخر في الصفحات الاخرى .
بحيث لو أردنا عرض أداة ما في الصفحة الرئيسية وفي نفس الوقت عرض أداة ما في كل الصفحات عدا الرئيسية فنستخدم هذا الكود :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
ضع كود الإضافة هنا (الإضافة تظهر فقط في الرئيسية )
<b:else/>
ضع كود الإضافة هنا (الإضافة تظهر في كل الصفحات إلا الرئيسية )
</b:if>

يمكنكم الإستفادة من هذه الحيل خصوصا عند إضافة إعلانات جوجل أدسنس google Adsense حيث يكون عادة عدد الإعلانات في الصفحة الرئيسية مغاير لعدد الإعلانات في صفحات المدونة.

المصدر : مدونة أبو إياد

باقي التفاصيل »

كيف تحصل على 15692 باك لينك لموقعك مجانا .

تاريخ النشر الثلاثاء, نوفمبر 04, 2014

ماهو الباك لينك وماالفائدة منه ؟

الباك لينك هي روابط تدل على موقعك تأتي من مواقع أخرى , أي هي الروابط التي تدل على مدونتك او موقع تأتي من مواقع اخرى وتتحول الى موقعك , وكلما كان عدد الروابط الخارجية كثير كلما زدات قوة موقعك في محركات البحث العالمية واهمها جوجل , والباك لينك يعتبر من اهم العوامل التي تقوم بترتيب البيج رانك موقعك , لأن كل ما كان لك روابط كثير في مواقع.

شرح الحصول على 15692 باك لينك

• اذهب للموقع - من هنا و اتبع الصورة

يتطلب ذلك الكثير من الوقت , لذلك اترك الصفحة مفتوحة حتى الإنتهاء

باقي التفاصيل »

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

تاريخ النشر الثلاثاء, نوفمبر 04, 2014

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

طريقة تركيب اداة مقالات مشابهة :

اتبع الخطوات التالية:

1. من لوحة تحكم مدونتك اذهب إلى قالب ثم تحرير HTML و بعد النقر على الكود اضغط CTRL + F من لوحة المفاتيح.

2. بعد الضغط على CTRL + F سيظهر لك مستطيل فارغ للبحث ، ابحث به عن الوسم التالي في القالب:

</head>

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

3. الان الصق الكود التالي قبل الوسم السابق مباشرة:

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> vardefaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI_buMRpNXo-CfMy1YuFTE2RWNrGuh-1gyNZOt50eEuGWHU8w22Qg2wC-WEKiNdn8k9HI8b8553siyi5PM3-4BvaOmUT2ntmWa7puU3W-X9GVbxmSFaSf1At3yAD9xBR9M_RDPVk1RSqY/s400/noimage.png"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a> <script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/> </b:if>

4. إبحث عن الوسم التالي :

<div class='post-footer'>

إذا لم تعثر عليه أو لم ينجح هذا الكود جرب استخدام هذا الكود :

<data:post.body/>

5. الصق اسفل الوسم السابق الكود التالي :

<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=5"' 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><a href='http://www.blogger-archive.com/2013/11/add-Related-Posts-for-Blogger.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

6. إحفظ القالب واستمتع بالإضافة

باقي التفاصيل »

طريقة اضافة تأثير جميل على التسميات في بلوجر بكود CSS

تاريخ النشر الثلاثاء, نوفمبر 04, 2014

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

ارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.

اذهب للوحة تحكم مدونتك .
1. القالب.
2. تحرير HTML'
3. اضغط Ctrl+F من لوحة المفاتيح.
4. ابحث عن الوسم التالي:

]]></b:skin>

7. قم بلصق الكود التالي اسفله مباشره:

/*-----Custom Labels Cloud widget by www.blogger-archive.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}

8. الان اضغط حفظ.

باقي التفاصيل »

إضافة أداة آخر المواضيع مع الصور أفقي , أوتوماتيكي و بشكل أنيق .

تاريخ النشر الثلاثاء, نوفمبر 04, 2014

هذه الأداة الكثير يبحث عنها , و هى تعرض آخر مواضيع القسم

الذي تختاره أو موقعك بشكل عام
و لذلك أضفت أداتين و اختر إحداهما

الأداة الأولى :

لتركيب الإضافة يرجى إتباع الخطوات التالية :

1 . إذهب إلى مدونتك

2. ثم إلى تبويب تخطيط

3. ثم إضافة أداة

4. ثم تختار صنف HTML / JAVASCRIT

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

<center><div id='bp_recent'></div><div class='bp_footer'>
<script style='text/javascript'>
//Featured Posts Script by crounji.org
var postTitleOriginal, myLink, myDiv, myImage,mySeparator;
var    main;
var float_clear=false;
var flag = 0;
function bprecentpostswiththumbnails(json) {
for (var i = 0; i < numberOfPosts; i++) {
if (i == json.feed.entry.length) break;
var s;
    var entry = json.feed.entry[i];
    var postTitle = entry.title.$t;
    postTitleOriginal = postTitle;
    if (isNaN(titleLength) || titleLength == 0) {
        postTitle = '';
    }
    else if (postTitle.length > titleLength) postTitle = postTitle.substring(0, titleLength) + "...";
    var postUrl="";
    for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
            var commentText = entry.link[k].title;
            var commentUrl = entry.link[k].href;
        }
        if (entry.link[k].rel == 'alternate') {
            postUrl = entry.link[k].href;
            break;
        }
    }
    if (showThumbs == true) {
        var thumbUrl = "";
        try {
            thumbUrl = entry.media$thumbnail.url;
            thumbUrl = thumbUrl.replace("/s72-c/","/s"+imgDim+"-c/");
        } catch (error) {
            if ("content" in entry) s = entry.content.$t; else s="";
            if (thumbUrl == "" && mediaThumbsOnly == false) {
                 regex = /http\:\/\/www\.youtube(-nocookie){0,1}\.com\/(v){0,1}(embed){0,1}\/(([^"&?' ]*))/;
                videoIds = s.match(regex);
                if (videoIds != null) {
                    videoId = videoIds[4];
                }
                if (videoIds != null && videoId != null) thumbUrl = "http://img.youtube.com/vi/" + videoId + "/2.jpg"
            }
            if (thumbUrl == "" && mediaThumbsOnly == false) {
                a = s.indexOf("<img");
                b = s.indexOf("src=\"", a);
                c = s.indexOf("\"", b + 5);
                d = s.substr(b + 5, c - b - 5);
                if ((a != -1) && (b != -1) && (c != -1) && (d != "")) thumbUrl = d;
            }
        }
        if(thumbUrl.indexOf("static.flickr.com")!=-1) {thumbUrl= thumbUrl.replace("_b_t.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_m_t.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_s_t.jpg","_s.jpg");
        thumbUrl= thumbUrl.replace("_b.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_m.jpg","_s.jpg");}
        if (thumbUrl == "" && showNoImage == true)
        {
        thumbUrl = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihD05Zl2La3uY-QmLZidesCGyTLyCPmv4Ji-4-73jd4Eqd05SzmmmDSqkvDpOy4VgYRH6MUHaPJ6wjR4ndv4FFcDYaaFr1gTJtvXmr-VLiItPuWko6wRrnbT1cjOWRRYdC22eUf_HiW1ab/s1600/default.png";
        try{if(defaultImage!="") thumbUrl=defaultImage;}catch(error){}
        thumbUrl = thumbUrl.replace("/s72-c/","/s"+imgDim+"-c/");
        }
    }
    if (showPostDate == true) {
        var postdate = entry.published.$t;
        var cdyear = postdate.substring(0, 4);
        var cdmonth = postdate.substring(5, 7);
        var cdday = postdate.substring(8, 10);
        var monthnames = new Array();
        monthnames[1] = "Jan";
        monthnames[2] = "Feb";
        monthnames[3] = "Mar";
        monthnames[4] = "Apr";
        monthnames[5] = "May";
        monthnames[6] = "Jun";
        monthnames[7] = "Jul";
        monthnames[8] = "Aug";
        monthnames[9] = "Sep";
        monthnames[10] = "Oct";
        monthnames[11] = "Nov";
        monthnames[12] = "Dec";
    }
    code = "";
        main = document.getElementById('bp_recent');
        myDiv = document.createElement('div');
        myDiv.setAttribute("class", "bp_item_title");
        myLink = createLink(postUrl,"_top",postTitleOriginal)
        if(main.innerHTML!=""){
        mySeparator = createDiv("bp_recent_separator");
        main.appendChild(mySeparator)
        }
        if(postTitle != ''){myDiv.appendChild(myLink);}
        main.appendChild(myDiv);if(postTitle != '')myLink.innerHTML = postTitle;

    if (showThumbs == true && thumbUrl != "") {
        myImage = document.createElement('img');
        myImage.setAttribute("src", thumbUrl);
        if(imgFloat!="none")
        {
        float_clear=true;
        myImage.style.cssFloat=imgFloat;
        myImage.style.styleFloat=imgFloat;
        }
      try{if(myMargin!=0)myImage.style.margin = myMargin+"px";} catch(error){}
        myImage.setAttribute("alt", postTitleOriginal);
        myImage.setAttribute("width", imgDim);
        myImage.setAttribute("height", imgDim);
        myLink = document.createElement('a');
        myLink.setAttribute("href", postUrl+"?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent");
        myLink.setAttribute("target", "_top");
        myLink.setAttribute("title", postTitleOriginal);
        myLink.appendChild(myImage);
        myDiv = document.createElement('div');
        myDiv.setAttribute("class", "bp_item_thumb");
        myDiv.appendChild(myLink);
        main.appendChild(myDiv);
    }
try {
        if ("content" in entry) {
            var postContent = entry.content.$t;
        }
        else if ("summary" in entry) {
            var postContent = entry.summary.$t;
        }
        else var postContent = "";
        var re = /<\S[^>]*>/g;
        postContent = postContent.replace(re, "");
        if (showSummary == true) {
            myDiv = createDiv("bp_item_summary");
                if (postContent.length < summaryLength) {myDiv.appendChild(document.createTextNode(postContent));}
            else {
                postContent = postContent.substring(0, summaryLength);
                var quoteEnd = postContent.lastIndexOf(" ");
                postContent = postContent.substring(0, quoteEnd);
                myDiv.appendChild(document.createTextNode(postContent + '...'));
            }
            main.appendChild(myDiv);
        }
    } //end try
    catch (error) {}
    myDiv = createDiv("bp_item_meta");
    myDiv.style.clear="both";
    myDiv.style.marginBottom="4px";
    if (showPostDate == true) {
        myDiv.appendChild(document.createTextNode(monthnames[parseInt(cdmonth, 10)] + '-' + cdday + '-' + cdyear));
        flag = 1;
    }
    if (showCommentCount == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(" | "));
        }
        if (commentText == '1 Comments') commentText = '1 Comment';
        if (commentText == '0 Comments') commentText = 'No Comments';
        var myLink = createLink(commentUrl,"_top",commentText + " on " + postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML=commentText;
        flag = 1;;
    }
    if (showReadMore == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(" | "));
        }
        var myLink = createLink(postUrl,"_top",postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML = readMore+" »";
        flag = 1;;
    }
    if (flag == 1) main.appendChild(myDiv);
}
if(float_clear==true && imgFloat!="none")
{
myDiv = createDiv("bp_clear_float");
myDiv.style.clear=imgFloat;
main.appendChild(myDiv);
}
document.getElementById("bp_recent_link").style.backgroundImage="url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWSDeEKj-99FuwofvIEQh-aOzDjyNzlZM9PJ7-LqUihtTo5iYMq-bQyI8TdTQYQLQT0UI_m-4uq4SrcuzWDegArOIsBMYwbUBaiV0uo0zEUBGOuMt581g6k4Xas5cVMmETwDRlewhS5PFV/s1600/blogger-widgets.png')";
document.getElementById("bp_recent_link").style.backgroundRepeat="no-repeat";
try{
if(myMargin!=0 && imgFloat=="left" && flag==0) document.getElementById("bp_recent_link").style.marginLeft = myMargin+"px";
} catch(error){}
}
function createDiv(className)
{
var myDiv = document.createElement('div');
myDiv.setAttribute("class", className);
return myDiv;
}
function createLink(href,target,title)
{
var myLink = document.createElement('a');
        if(href.substring(href.length-13,href.length)=="#comment-form") {href= href.substring(0,href.length-13)+"?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent"+"#comment-form";myLink.setAttribute("href", href);}
        else myLink.setAttribute("href", href+"?utm_source=BP_recent&utm-medium=gadget&utm_campaign=bp_recent");
        myLink.setAttribute("target", target);
        myLink.setAttribute("title", title);
        return myLink;
}
</script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 115;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.enjoywithblogger.com/feeds/posts/default/-/أدوات بلوجر?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'>
</script></div></center>

ثم تستبدل : - الرابط الملون بالأحمر " www.enjoywithblogger.com "برابط مدونتك .
               - " أدوات بلوجر " بإسم القسم الذي تود أن يظهر على مدونتك .
               - " var numberOfPosts = 5 " و " max-results=5 " تغير قيمة عدد الصور .
              - " var imgDim = 115 " تغير حجم الصور .

ثم احفظ الإضافة .

الأداة الثانية :

هذه الأداة تعرض فقط مواضيع المدونة بشكل عام و تتغير مع كل عرض لواجهة مدونتك .

<b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #random-posts li{width:145px;height:150px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:145px;height:150px} #random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:2px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript"> var rdp_numposts = 4; var rdp_snippet_length = 150; var rdp_info = 'no'; var rdp_comment = 'Comments'; var rdp_disable = 'Turn off comments'; var rdp_current = []; var rdp_total_posts = 0; var rdp_current = new Array(rdp_numposts); function totalposts(a){rdp_total_posts=a.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default/-/صحة عامة?alt=json-in-script&max-results=0&callback=totalposts"><\/script>');function getvalue(){for(var b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a}; </script> <script type="text/javaScript"> function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+""}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVeFmmfon2IZcEn4JEkSgcDpUh2K6bsDvSSfl671isItJv5cubhRlQptbtBvpb5ndhk_LbRtn0bVqcTfQfUdZHA2MRyZEIU7VPc9QZ01wTuWDC-f8ZdTYi1WHD1j-LhB9g3QfL2lt9MJg/s1600/no_image.jpg"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="isinyako"><h5>'+m+"</h5>");if(rdp_info=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default/-/صحة عامة?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"><\/script>')}; </script> </ul></span> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("random-posts",120); //]]></script>
</b:if>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEiCwNHsCurfLlFSVeu1EQM4Uf6cuBhZK9DkCJ6NmZ3yW9rbRb0pL4YmRKaNJnc_xgnVYk9Jd8ETB4P-3iDhcoxbkWRLrgaNe8bH9EyJGX98-PDDsO0IXSMSRWzcuU64XLIrp9SWfLqzii/s1600/222.JPG" />

ثم تغير القيم الملونة باللون الأحمر بما يناسبك .

واحفظ الأداة .

باقي التفاصيل »

طريقة معرفة رقم الاي دي لصفحة او بروفايل بالفيس بوك .

إضافة مجموعة أنيقة من أزرار المشاركات الإجتماعية .

عدة طرق لوضع إعلانين جوجل أدسنس أو غيرهما فوق أو تحت التدوينة .

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

إضافة إعلانات جوجل أدسنس داخل المواضيع

إظهار أو إخفاء أداة على الصفحة الرئيسية أو على صفحة محددة على بلوجر .

كيف تحصل على 15692 باك لينك لموقعك مجانا .

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

طريقة اضافة تأثير جميل على التسميات في بلوجر بكود CSS

إضافة أداة آخر المواضيع مع الصور أفقي , أوتوماتيكي و بشكل أنيق .

الأكثر مشاهدة

التسميات

الأرشيف

إجمالي مرات مشاهدة الصفحة

آخر المواضيع