حسام ميديا - Houssem Media: اضافات بلوجر

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

الأحد، 20 أبريل 2014

طريقة اضافة أداة القرآن الكريم لمدونة بلوجر

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

و من خلالها تظهر قائمة بأسماء القراء ،يمكن اختيار القارئ المفضل لديكم للاستماع للقرآن الكريم بصوته، و تحتها قائمة سور القرآن الكريم
********

********
أو
********

********
خطوات اضافة الأداة

أولا: اذهب الى مدونتك الخاصة
* انقر فوق "تخطيط" ثم "اضافة أداة"
كما هو موضح في الصورة
*******

********
ثانيا: نختار من القائمة
html/javascript
كما هو موضح في الصورة
********

********
ثالثا: نقوم باختيار عنوان للأداة مثل
القرآن الكريم
ثم نقوم بنسخ الكود التالي دون تغيير في المكان المخصص له:

الكود الأول (لتظهر الأداة كما في الصورة الأولى)
********

*******
الكود الثاني (لتظهر الأداة كما في الصورة الثانية)
*******

*******
ملاحظة: يمكنكم التحكم في خصائص الأداة الثانية و تغييرها على النحو الذي يتلائم مع شكل مدونتكم، ثم قومو باستخدام السكريبت الذي ينتج لكم من الموقع التالي:
http://www.alro7.net/gen.php?langg=arabic
********
ثم نضغط على "حفظ"
كما هو موضح في الصورة
********

*******
رابعا: نضغط على "حفظ الترتيب" في أعلى اليسار
كما هو موضح في الصورة
*******

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

اقرأ المزيد

طريقة اضافة أداة الأذان لمدونة بلوجر

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

********
ثانيا: نختار من القائمة
html/javascript
كما هو موضح في الصورة
********

********
ثالثا: نقوم باختيار عنوان للأداة مثل
"الأذان"
ثم نقوم بنسخ الكود التالي دون تغيير في المكان المخصص له:
********

*******
ثم نضغط على "حفظ"
كما هو موضح في الصورة
********

*******
رابعا: نضغط على "حفظ الترتيب" في أعلى اليسار
كما هو موضح في الصورة
*******

********
و مبروك اضافة الأذان الى مدونتكم
و مزيدا من الأجر و الثواب ان شاء الله
**********
لا تنسونا بدعائكم

اقرأ المزيد

الأربعاء، 19 مارس 2014

أسهل طريقة لاضافة Meta Tag الى مدونة بلوجر

السلام عليكم
سأشرح لكم طريقة سهلة لاضافة ال Meta Tag الى مدونة بلوجر
الميتا تاج هي عبارة عن أكواد
meta description و meta keywords
تضاف في رأس الصفحة ، تظهر لمحركات البحث ولا تظهر للزوار ، و تحتوي على معلومات متمثلة في وصف عام للمدونة ، والكلمات الرئيسية بها ، ......إلخ
و تتمثل فائدتها في كونها تساعد محركات البحث في أرشفة المدونة ، كما قد يكون لها دور في تحديد إعلانات أدسينس.
***********
طريقة اضافة ال Meta Tag
قبل كل شيء قم بعمل نسخ احتياطي للقالب تحسبا لأي خطأ.

أولا: اذهب الى "قالب" ثم اضغط على
"تحرير HTML"
كما هو موضح في الصورة
***************

******************
ثانيا: ابحث عن الكود
<head>
و انسخ الكود التالي تحته مباشرة
**************
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<META NAME="Description" CONTENT="حسام ميديا مدونة عن اضافات بلوجر، الربح من الانترنت، برامج، بحوث، مذكرات تخرج، كتب، اسلاميات، مقالات " />
<META NAME="Keywords" CONTENT="بلوجر , برنامج , blogger, الربح, كتب ,محاضرات ,مذكرة ,بحث ,اضافات" />

</b:if>

***************************
مع تبديل ما هو مكتوب باللون الأخضر بوصف مدونتك
و ما هو مكتوب باللون الأحمر بالكلمات الدلالية لمدونتك (الكلمات الأكثر تكرارا فيها)
كما هو موضح في الصورة التالية
***************

*****************
ملاحظة: لا تستخدم كلمات كثيرة، اكتفي فقط ببضع كلمات
******************
ثالثا: اضغط على "حفظ النموذج''

بالتوفيق

في انتظار تعليقاتكم

اقرأ المزيد

الجمعة، 7 مارس 2014

طريقة اضافة أداة أحدث المواضيع بصورة منزلقة لمدونة بلوجر

السلام عليكم

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

و المتمثلة في أداة ''أحدث المواضيع''

و التي تظهر أحدث المواضيع التي كتبت في صورة منزلقة وراء بعضها البعض

*******

خطوات اضافة الأداة

أولا: اذهب الى مدونتك الخاصة

*انقر فوق "تخطيط" ثم "اضافة أداة"

كما هو موضح في الصورة

**************

ثانيا: اختر من القائمة

html/javascript

كما هو موضح في الصورة

***************

**************

ثالثا: قم باختيار عنوان للأداة مثل

''أحدث المواضيع''

ثم قم بنسخ الكود التالي في المكان المخصص له:

**************

#rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#E3D79D; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style>

******

ثم اضغط على ''حفظ''

كما هو موضح في الصورة

**************

رابعا: اضغط على "حفظ الترتيب" في أعلى اليسار

كما هو موضح في الصورة

***************

و مبروك اضافة الأداة

*************

بالتوفيق

اقرأ المزيد

طريقة اضافة أداة أزرار مواقع التواصل الاجتماعي لمدونة بلوجر

السلام عليكم

السوم سأشرح لكم طريقة لاضافة أداة جميلة جدا لمدونتكم #Blogger

و المتمثلة في أداة ''تابعني على'' أو " Follow us"

و التي تظهر ازرار مواقع التواصل الاجتماعي

Google+ , Facebook, Twitter, Pinterest

في شكل قائمة منزلقة افقيا تحت بعضها البعض

من ما يمكن الزائرين من الضغط عليها و متابعة حساباتكم على هذه المواقع بكل سهولة

مثلما في الصورة

************

**********

خطوات اضافة الأداة

أولا: اذهب الى مدونتك الخاصة

*انقر فوق "تخطيط" ثم "اضافة أداة"

كما هو موضح في الصورة

************

**************

ثانيا: اختار من القائمة

html/javascript

كما هو موضح في الصورة

*********

**************

ثالثا: قم باختيار عنوان للأداة مثل

"تابعني على"

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

*******

<style>

#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}

#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}

#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}

#tbisose .googleplus, .facebook, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkW2J6xuulNLQdTmcFo96nf_0R_RX_q2cQiE0ZGEcH59wVtdaXhQTBVvLza1M4Bh4RY3NGpB84xjxZdTonhOoFZRng0HC2ia1D_dOZeP9SiLbna7rYNAK0QXO4i0T0S9JpGm718TVCjLs/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-javascript:void(0)shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#FFFFFF; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}

#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#FFFFFF; content:attr(data-alt); line-height:32px;}

#tbisose .icon{overflow:hidden; color:#fafafa;}

#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}

#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}

#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}

#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}

#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}

#tbisose li:hover .icon,

.touch #tbisose li .icon{width:210px;}

.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}

.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}

.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}

.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);}

.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}

</style>

<li data-alt="+Follow us on Google"><a class="icon googleplus"href="https://plus.google.com/u/0/112722828355861868913">+Follow us on Google</a></li>

<li data-alt="Follow us on Facebook"><a class="icon facebook"href="https://www.facebook.com/houssem.mysetrious">Follow us on Facebook</a></li>

<li data-alt="Follow us on Twitter "><a class="icon twitter"href="https://twitter.com/Patrick_Houssem">Follow us on Twitter</a></li>

<li data-alt="Follow us on Pinterest"><a class="icon pinterest"href="http://www.pinterest.com/PatrickHoussem/">Follow us on Pinterest</a></li>

</ul>

***********

ثم اضغط على "حفظ"

كما هو موضح في الصورة

****************

**************

رابعا: اضغط على "حفظ الترتيب" في أعلى اليسار

كما هو موضح في الصورة

***************

و مبروك اضافة الأداة

***********

*************

كما يمنكم اضافة أداة ''تابعني على يوتوب'' قرب الأداة السابقة لتكتمل القائمة
***********

*************

و الطريقة موضحة في الموضوع التالي:

رابط الموضوع

**************

بالتوفيق

اقرأ المزيد

الخميس، 6 مارس 2014

طريقة اضافة أداة تابعني على قناة يوتوب لمدونة بلوجر

السلام عليكم

سأشرح لكم أسهل طريقة لاضافة أداة "تابعني على قناة Youtube''

على مدونة بلوجر

و المتمثلة في اضافة قناة اليوتوب ليتمكن زوار المدونة من رؤيتها و الاشتراك فيها
**************

*************

خطوات اضافة الأداة

اولا: ادخل على قناة اليوتوب الخاصة بك

ثم اختر "Ma chaine" او "قناتي" في القائمة التي على اليسار

ليظهر لك معرف القناة في رابطها، و المتمثل في الجزء الذي بعد كلمة ""Channel"

كما هو موضح في الصورة

***********

*********

ثانيا: بعد نسخ معرف القناة، انزل الى اسفل الصفحة و اضغط على "المطورون" Développeurs

كما هو وضح في الصورة

***********

**********

ثالثا: ابحث في الصفحة حتى تجد عنوان "تكوين زر'' او "Configure a button"

** انسخ معرف قناتك في المكان الخصص له، و اضبط الاعدادات التي تليه بالشكل المناسب

(سيظهر شكل القناة مقابل الاعدادت)

ثم انسخ الكود الذي ينتج عن هذه العملية

كما هو موضح في الصورة

**************

*********

رابعا: اذهب الى مدونتك الخاصة

*انقر فوق "تخطيط" ثم "اضافة أداة"

كما هو موضح في الصورة

*************

**************

خامسا: اختر من القائمة

html/javascript

كما هو موضح في الصورة

***********

**************

سادسا: قم باختيار عنوان للأداة مثل

"تابعني على Youtube"

ثم الصق الكود الذي نسخته من صفحة اليوتوب في المكان المخصص له

ثم ضغط على حفظ

كما هو موضح في الصورة

*************

***********

سابعا: اضغط على "حفظ الترتيب" في أعلى اليسار

كما هو موضح في الصورة

*************

***************

و مبروك اضافة قناة اليوتوب الى المدونة

بالتوفيق

اقرأ المزيد

طريقة اضاقة نص داخل اطار لمدونة بلوجر

السلام عليكم
الكثير من المدونين يحتاجون الى اضافة نص داخل اطار في مواضيعهم، خاصة (الكود) في مواضيع الشرح

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

اولا: ابدأ بكتابة موضوعك بطرقة عادية
و عندما يحين دور كتابة الكود ، أو النص الذي تريده داخل اطار
اضغط على Html التي في اليمين
كما هو موضح في الصورة
****

*****

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

**********

<code>

<textarea cols="42" name="code" rows="2" style="-moz-border-radius-bottomright: 40px; -moz-border-radius-topcenter: 30px; background: # EAFFED; border: 2px ridge #7F4500; color: #848484; line-height: 5em; padding: 5px;">أكتب نصك

******
مع تغيير عبارة (أكتب نصك) ، بالنص أو الكود المراد كتابته.
و ستكون النتيجة مثل ما يلي:


<code>
<textarea cols="42" name="code" rows="2" style="-moz-border-radius-bottomright: 40px; -moz-border-radius-topcenter: 30px; background: # EAFFED; border: 2px ridge #7F4500; color: #848484; line-height: 5em; padding: 5px;">أكتب نصك

**ثم ارجع الى ''تأليف'' و أكمل كتابة موضوعك

*************

بالتوفيق

في انتظار تعليقاتكم

اقرأ المزيد

طريقة اضاقة أقسام و ادخال المواضيع فيها لمدونة بلوجر

السلام عليكم

سأشرح لم طريقة اضافة أقسام لمدونة بلوجر

و كيفية ادخال المواضيع المكتوبة سابقا (قبل اضافة الاقسام) للقسم المناسب

+ كيفية اضافة الموضوع الجديد مباشرة الى القسم المناسب

أولا: اذهب الى مدونتك الخاصة

* انقر فوق "المشاركات" ثم حدد المواضيع المراد اضافتها الى نفس القسم

ثم اضغط على رمز "تصنيف المشاركات الحددة" قرب كلمة نشر

ما هو موضح في الصورة

****

******

ثانيا: اختر "تصنيف جديد"

كما هو موضح في الصورة

****

******

ثالثا: اكتب اسم القسم الجديد، ثم اضغط على ok

كما هو موضح في الصورة

****

*****

و مبروك اضافة القسم الجديد + اضافة الموضوع اليه

*****

*************

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

***************

الآن سأوضح طريقة اضافة موضوع جديد الى قسم موجود (اضيف سابقا)

** أثناء كتابة الموضوع، قم بالضغط على "التسميات" من قائمة "اعدادت المشاركات" التي في اليسار

* ستجد أسماء الأقسام ، ما عليك سوى النقر على اسم القسم المراد اضافة الموضوع اليه

كما في الصورة

****

*******
كما يمكنكم مشاهدة فيديو الشرح التالي:
*********

*********

بالتوفيق

في انتظار تعليقاتكم

اقرأ المزيد

طريقة اضاقة أداة الترجمة لمدونة بلوجر

السلام عليكم

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

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

و هذا ما يمكن الزائرين من فهم المحتوى مهما كانت لغتهم، و منه زيادة عدد الزيارات لمدونتكم
***********

خطوات اضافة الأداة

أولا: اذهب الى مدونتك الخاصة

* انقر فوق تخطيط ثم اضافة أداة

كما هو موضح في الصورة

**************

ثانيا: نضيف نختار من القائمة

html/javascript

كما هو موضح في الصورة

**************

ثالثا: نقوم باختيار عنوان للأداة مثل

Translation Tool

ثم نقوم بنسخ الكود التالي دون تغيير في المكان المخصص له:


>
<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ar'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

ثم نضغط على حفظ
كما هو موضح في الصورة

**************
رابعا: نضغط على "حفظ الترتيب" في أعلى اليسار
كما هو موضح في الصورة

***************
و مبروك اضافة أداة الترجمة

***************
ملاحظة: من الأفضل اضافة أداة الترجمة في أول المدونة ليراها الزائرون مباشرة
**************
بالتوفيق

في انتظار تعليقاتكم

اقرأ المزيد

الاشتراك في: الرسائل ( Atom )