ALMOHATRIF: البلوجر

شرح موقع movaviوجميع برامجه

الموسوعة العلمية 4/10/2015 10:58:00 م التسميات: ادوات, الانترنيت, البرامج, البلوجر, التحميل, الخدمات, تشغيل, حصريات 0 التعليقات

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

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

ولهذا نحن هنا في موقع نقدم لكم موقع Movavi والذي بدوره يوفر عليك عناء البحث عن تلك البرامج ومن بين برامج التي يقدمها لك الموقع برنامج Movavi Screen Capture SE 4 السهل الاستخدام والشبيه برنامج Camtasia Studio والذي يساعدك علي تصوير سطح المكتب بدقات عالية كذلك برنامج Movavi Video Converter والذي يمكنك من التحويل الي كل الصيغ وبرنامج Movavi Vidéo editor وغيرها من البرامج فموضوع اليوم سنتكلم عن Movavi Screen Capture SE 4 خصائصه ومميزاته

تعريف البرنامج : برنامج Movavi Screen Capture SE 4هو برنامج تصوير الفيديو من علي سطح المكتب الشبيه بكماتسيا ستديو والذي يعمل بدقات وجودات عالية تصل الي HD سريع وسلس سهل الاستعمال ورائع ومن مميزاته

السرعة : 4 Movavi Screen Capture SE مزود بسرعة تسجيل عالية جدا حيث تعادل 30 لقطة في الثانية والتي تعتبر قياسية بالنسبة لصورة سلسة مع عدم وجود فواصل او تقطيع وغيرها من العيوب.

الدقة : تبدا من 360 الي 1280 بالنسبة للاحجام مع امكانية التحكم في عرض الشاشة كما نشير الي ان الدقة عند 720 و1280 هي HD وكما يمكنك التصوير شاشة كاملة وليس جزء منها عكس البرامج الاخري

التقريب (zoom) : يمكنك البرنامج من التقريب لتتمكن من توضيح الكتابات الصغيرة التي لا تظهر بشكل واضح علي سطح المكتب أو أثناء تصوير مستوى معين من لعبة ما

اللغة : يعمل البرنامج علي مجموعة من اللغات وهي الفرنسية الانجليزية الألمانية

الاختصارات : فأثناء التصوير يختفي البرنامج في الأسفل وهنا أنت لست بحاجة إلي استرجاع نافذته لتوقف التصوير فهو يوفر لك اختصار تختاره انت بنفسك حسب المفاتيح التي تلاؤمك ويخص الاختصار ( بدا تصوير فيديو - توقيف الفيديو – اخذ صورة للشاشة )

ملامح جديدة للهواتف النقالة: يمكنك كذلك من تصوير علي أحدث الموديلات من أجهزة الكمبيوتر اللوحية والهواتف الذكية الروبوت، ويندوز فون 7، وسوني وغيرها الكثير!
القدرة على تسجيل الفيديو من شاشة الكمبيوتر المحمول

دعم لتنسيقات الملفات الجديدة: MKV ، WebM ، OGV ، HTML5 ، AVCHD

بعض الادوات الداعمة لبرنامج Movavi Video Suite

Movavi Video Converter : هو الاختيار الأمثل لتحويل مقاطع الفيديو لصيغة iPod أو PSP للكمبيوتر مجانا Movavi Video Converter هو أداة صممت خصيصًا للأشخاص الذين لديهم أجهزة iPod، أو Zune، أو PSP ويرغبون في الاستمتاع بمشاهدة مقاطع الفيديو على أجهزتهم المحمولة.

وهو أداة صممت خصيصًا للأشخاص الذين لديهم أجهزة iPod، أو Zune، أو PSP ويرغبون في الاستمتاع بمشاهدة مقاطع الفيديو على أجهزتهم المحمولة وبالتالي يجب تحويلها إلي صيغ تتأقلم مع تلك الأجهزة المحمولة .

إذا كنت تريد تحويل مقطع فيديو إلى صيغة ( mp4، أو 3GPP، أو WMV الصيغ المدعمة من هذه الأجهزة) ستحتاج فقط إلى إضافته إلى قائمة التحويل و اختيار صيغة الإخراج: 3GPP للهواتف المحمولة، MP4 لأجهزة iPod و PSP، و WMV لأجهزة Zune… إلخ.

ومن بين صيغ الإخراج الأخرى المدعمة : ( AVI، و (MPEG DVD, VCD, SVCD، و ( (MPEG4 iPod, PSP, MP4، و ( MOV، و RM، و WAV، و MP3 ،WMA، وWMA. )

علاوة على ذلك، فإن Movavi Vidéo Converter يمكن استخدامه لدمج وخلط مقاطع الفيديو المتعددة، واستخراج الصوت، ونسخ مقطع DVD كامل للقرص الصلب الخاص بك، إلخ.

Movavi Vidéo editor : وهو من الأدوات التي يمكنك تحميلها لمساعدتك في التحكم في الفيديوهات وضبطها من حيث الصوت وطريقة الإنتاج وتقطيعها حسب ما يساعدك من معاير كما يمكنك من تعديل الإضافات كزيادة مقدمات علي الفيديو المصور وترتيب الفيديوهات إن كانت كثيرة كما لا ننسي انه يحتوي علي مجموعة مفيدة من الفلاتر المستخدمة في تطوير شكل الفيديو والتحسين من طريقة عرضه

Movavi Game capture : وهو كذلك من البرامج الداعمة لبرنامج 4 Movavi Screen Capture SE ومساعدة التي تدعم بالخاصة أصحاب المدونات التي تختص في مجال الألعاب وكيفية المرور من مستوي إلي أخر في حالة تعقد فهم الطريقة

Movavi ChiliBurner : وهو مجهز ليقوم بعمل حرق الميديا علي الأقراص المضغوطة وتجهيزها في اشكال مختلفة للقرص المضغوط مثل mp3 – vcd – dvd حسب نوعية التي تريدها

يمكنك الحصول عليها كلها من الموقع الاصلي movavi

يمكنك الحصول علي شهادة تفعيل من الموقع بطريقة مجانية عن طريق email بالنسبة لبرنامج 4 Movavi Screen Capture SE

الموسوعة العلمية

4/10/2015 10:58:00 م

أكمل القراءة

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

الموسوعة العلمية 4/01/2015 01:01:00 ص التسميات: البلوجر, الخدمات, شروحات, معلومات 0 التعليقات

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

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

سجل الدخول الى بلوجر > ثم الى تحرير html > ثم أبحث عن <head> وأضف بعده مباشرة أى كود منهم يعجبك

الطريقة الأولى هى عبارة عن كود جافا سكريبت

<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.\/\/[^\/]/, '');
location.href = 'http://belkacembbm.blogspot.com';
</script>
مع تغير http://belkacembbm.blogspot.com برابط مدونتك الجديدة

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

<script>
if(window.location.href == 'http://exmpel.blogspot.com')
{
window.location="http://belkacembbm.blogspot.com";
}
</script>

لا تنسي تغير http://exmpel.blogspot.com الي رابط مدونتك القديمة و http://belkacembbm.blogspot.com الي رابط مدونتك الجديدة

الطريقة الثالثة وعبارة عن كود html ووقت التحول بين المدونتين

<meta content='5;url=http://belkacembbm.blogspot.com' http-equiv='refresh'/>

يجب أستبدال http://belkacembbm.blogspot.com برابط المدونة الجديدة الخاصة بك وأستبدال (5) بالوقت الذى تريده ان يكون ليتم التحويل بين المدونتين من القديمة الي الجديدة

مع استعمال احدي هذه الطرق تكون قد حولت جميع مواضيعك من المدونة القديمة الي الجديدة انشاء الله نتمني ان تعمل الطريقة معكم نعتذر علي الاخطاء ونتمني منكم متابعينا تشيعنا علي العمل من خلال الضغط علي اعجاب للموضوع ومشاركته

الموسوعة العلمية

4/01/2015 01:01:00 ص

أكمل القراءة

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

الموسوعة العلمية 11/10/2014 01:31:00 ص التسميات: البلوجر, تعلم, حصريات, مجانيات, مواقع 0 التعليقات

السلام عليكم

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

ولهذا فكرت ان اكتب تدوينة اشرح فيها الطريقة التي نجحت معي ومن خلالها وتمكنت من تطوير صندوق التعليقات وهي عبارة عن خدمة يقدمها لك موقع disqus بحيث يقوم بادارة التعليقات وتحويلها نحو البريد الالكتروني الخاص بك حيث يدعم الموقع مجموعة من الاستظافات وهي الموجودة في الصورة

اذن نبدا الشرح

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

3 . ثم نتسجل في الموقع من خلال ملء الخانات

4 . بعد ذلك تظهر صفحة اخري نكتب فيها اسم الموقع الذي نريد اظافة التعليقات عليه ونختار ما هو العمل الذي يقوم به الموقع "اي الاشغال التي تطرحها علي الموقع"

5 . ثم نقوم ببعض التغيرات كما في الصورة ونختار الاستظافة التي نريد اظافة تعليقات عليها

6 . ومن هنا يقودنا الي صفحة اخري نقوم بتاكيد الاختيار اذا كان لنا مجموعة من المدونات التجريبية ونظغط علي الخيار الاول كما في الصورة

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

رابط موقع disqus

الموسوعة العلمية

11/10/2014 01:31:00 ص

أكمل القراءة

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

الموسوعة العلمية 10/11/2014 01:47:00 ص التسميات: البلوجر 0 التعليقات

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

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

شرح طريقة اضافة تعريف الكاتب الى المواضيع في البلوجر

1. نتوجه الى المدونة

2. قالب

3. تحرير HTML

4. نبحث عن الكود

</head>

5. نضيف كود الثالي فوقه

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
<style>
/* Post by box http://belkacembbm.blogspot.com
----------------------------------------------- */
.post_byfix p {
margin:0;
padding:0 5px;
line-height:25px!important;
font:13px "GESSTwoLight", Arial;
text-align:right;
color:#f1f1f1;
}
.post_byfix p a {
text-decoration:none;
color:#f24024;
}
.post_byfix {
float:right;
width:100%;
height:100%;
background: #333;
margin:-10px 0 10px 0;
padding: 12px;
border: 0px solid #f24024;
overflow: hidden;
}
.post_byimz {
display:block;
float:right;
padding-left:20px!important;
margin-top:1px!important;
overflow:hidden
}
.author-name {
color:#fff;
font-family:GESSTwoMediumRegular;
font-weight:400;
font-size:29px;
text-transform:uppercase;
}
.post_byimz img {
width:100%;
height:100%;
max-width:120px;
max-height:120px;
background: #FFFFFF;
float: right;
margin:0 0 0 10px;
padding: 5px;
border: 3px solid #f0f0f0;
border-radius: 100%;
}
.post_by {
width:100%;
float:left;
color:#423119;
width:100%;
font-family:GESSTwoLight;
font-weight:normal;
font-size:13px
}
.post_by ul {
margin:0;
padding:0
}
.post_by li {
list-style:none;
padding:3px 10px!important
}
.tag-widget9{
height:265px;
width:100%;
float:right;
}
.tag-widget16{
width:100%;
float:right;
}

#authorsn {
float:left;
}
.authorsn {
position:relative;
}
.authorsn {
display: inline-block;
position: relative;
cursor: pointer;
width: 24px;
height: 24px;
padding: 0px;
text-decoration: none;
text-align: center;
font-size: 16px;
font-family:FontAwesome;
font-weight: normal;
line-height: 1.7em;
}
/* facebook button class*/
.facebooksn{
background: #4060A5;
}
.facebooksn:before{ /* use :before to add the relevant icons */
font-family: "FontAwesome";
color: #fff;
content: "\f09a"; /* add facebook icon */
}
.facebooksn:hover{
color: #4060A5;
background: #222;
}
/* twitter button class*/
.twittersn{
background: #00ABE3;
}
.twittersn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f099"; /* add twitter icon */

}
.twittersn:hover{
color: #00ABE3;
background: #222;
}
/* google plus button class*/
.googleplussn{
background: #e64522;
}
.googleplussn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f0d5"; /* add googleplus icon */
}
.googleplussn:hover{
color: #e64522;
background: #222;
}
/* linkedin button class*/
.linkedinsn{
background: #0094BC;
}
.linkedinsn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f0e1"; /* add linkedin icon */
}
.linkedinsn:hover{
color: #0094BC;
background: #222;
}

/* pinterest button class*/
.pinterestsn{
background: #cb2027;
}
.pinterestsn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f0d2"; /* add pinterest icon */
}
.pinterestsn:hover{
color: #cb2027;
background: #222;
}

/* tumblr button class*/
.tumblrsn{
background: #3a5876;
}
.tumblrsn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f173"; /* add tumblr icon */
}
.tumblrsn:hover{
color: #3a5876;
background: #222;
}

/* rss button class*/
.rsssn{
background: #ff9900;
}
.rsssn:before{
font-family: "FontAwesome";
color: #fff;
content: "\f09e"; /* add rss icon */
}
.rsssn:hover{
color: #ff9900;
background: #222;
}
</style>

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

<div class=’post-footer-line post-footer-line-1′>

اذا لم تجده فبحث عن

<data:post.body/>

7.ااضف كود الثالي اسف من الكود السابق

<b:if cond='data:blog.pageType == "item"'>
<div class='post_byfix'>
<div class='post_by'>
<div class='post_byimz'>
<span class='author'><a href='ٍGoogle+ Link'><img src='https://lh4.ggpht.com/zz2uNLjPKuEC54ixmUFRI1hXycmgLywaMLdpkloNWge-aG_jXYX511M5dSVNTjggOEg=w300'/></a></span>
</div>
<div class='author-name'>مدونة حكمات</div>
<p>مدونةal mohatrif من المدونات الحديثة المختصة في تطوير المدونات البلوجر أو الووردبريس تهتم بكل ما هوجديد في عالم المعلومتيات والاعلاميات . تضم المدونة مواضيع عديدة حصرية و مفيدة ذات جودة عالية ، انشات في سنة 2014 و لها عدد من المتابعين </p>

<p>الموقع: <a href='http://belkacembbm.blogspot.com/' title='HUKMAT'>حكمات للمعلوميات</a></p>
<div id='authorsn'>
<p><a class='facebookBtn authorsn' href='social-media-profile-url'></a>
<a class='twittersn authorsn' href='social-media-profile-url'></a>
<a class='googleplussn authorsn' href='social-media-profile-url'></a>
<a class='linkedinsn authorsn' href='social-media-profile-url'></a>
<a class='pinterestsn authorsn' href='social-media-profile-url'></a>
<a class='tumblrsn authorsn' href='social-media-profile-url'></a>
<a class='rsssn authorsn' href='social-media-profile-url'></a></p>
</div>
</div>
</div></b:if>

8. قم بتغيير ما يناسبك و اضغط حفظ.

الموسوعة العلمية

10/11/2014 01:47:00 ص

أكمل القراءة

إضافة وصف البحث ميتاتاج Meta Tag لكل تدوينة

الموسوعة العلمية 10/10/2014 12:26:00 ص التسميات: ادوات, البلوجر 0 التعليقات

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

اعدادات البحث هذه تنقسم الى قسمين :
1- اضافة وصف للمدونة كاملة .
2- اضافة وصف لكل تدوينة على حدة .

طريقة اضافة وصف للمدونة

✔ من لوحة التحكم >>> إعدادات >>> تفضيلات البحث >>> في العلامات الوصفية اضغط على تحرير .

✔

بعد ذلك ستفتح لك الصفحة التالية :

1- اضغط على نعم لتفعيل وصف المدونة .

2- اكتب وصف مختصر لمدونتك .

3- ثم حفظ التغييرات .

طريقة اضافة وصف خاص لكل تدوينة

✔ بعد كتابة تدوينتك . اذهب الى اعدادات المشاركة ستجد انه قد تم تفعيل وصف البحث .

✔ افتح وصف البحث و اكتب وصف للمشاركة الجديدة .

✔ يجب مراعاة أكثر الكلمات بحثا في جوجل..يمكن معرفة الكلمات الاكثر بحثا في google من خلال قراءة المقال التالي :مــــــــــــــــــــــــــــن هـــــــــــــــــــــــــنـــــــــــــــــــــا

ملاحظة :(كل مشاركة جديدة يجب ان تكتب وصف بحث خاص بها )

✔

اكتب وصف البحث .

✔ ثم اضغط على تم .

✔ ثم قم بنشر التدوينة !

كلمات مفتاحية

ميتا تاج
meta tag
تحسين البحث
ارشفة مدونة
بحث جوجل
سيو
seo
وصف البحث
محركات البحث
اضافة مدونة الى محركات البحث
نشر مدونة
تفضيلات البحث
اعدادات البحث
recherche google

الموسوعة العلمية

10/10/2014 12:26:00 ص

أكمل القراءة

كود فوتوشوب اون لاين

الموسوعة العلمية 10/09/2014 10:27:00 م التسميات: ادوات, البلوجر, فطوشوب 0 التعليقات

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

تركيب الاضافة في مشاركة جديدة :
- من مشاركة جديدة >>> تحرير html >>> انسخ الكود >>> ثم انشر المشاركة.
تركيب الاضافة في أداة html :
- من لوحة التحكم >>> تخطيط >>> اضافة أداةhtml >>> نسخ الكود في الأداة >>> حفظ الأداة.
كود فوتوشوب أون لاين :


<center><iframe

src="http://pixlr.com/editor/" name="ps" border="0"

align="middle" frameborder="0" height="500"

width="776"></iframe></center>

لتغيير مقاييس البرنامج ليتناسب مع موقعك قم بتغيير ما يلي :

==> غير الرقم الذي بالأحمر لتغيير الطول .
==> غير الرقم الذي بالأزرق لتغيير العرض .

الكلمات المفتاحية

اكواد بلوجر
الفتوشوب
ادوات photoshope
مواقع التعديل علي الصور

الموسوعة العلمية

10/09/2014 10:27:00 م

أكمل القراءة

موقع يكشف لك أخطاء ملف robots.txt لموقعك

الموسوعة العلمية 10/09/2014 10:13:00 م التسميات: البلوجر, مواقع, WordPress 0 التعليقات

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

الآن يمكنك فحص ملف robots.txt لموقعك .كيف ذلك؟

موقع يكشف لك أخطاء ملف robots.txt لموقعك.

أقدم لكم اليوم موقع لفحص ملف robots.txt و تحديد الاخطاء الموجودة به.
1-ادخل الموقع التالي http://tool.motoricerca.info/robots-checker.phtml .
2-ادخل رابط موقعك بهذا الشكل http://www.belkacembbm.blogspot.com/robots.txt مع الحرص على كتابة robots.txt في نهاية الرابط .
3- ثم اضغط على Check Robots.txt .

بعدذلك ستحصل على النتيجة :

*No errors found in this robots.txt file لا يوجد اخطاء .
*1errors يوجد خطا واحد ...وهكذا .................
بالضافة الى عدد الاخطاء ستجد التفاصيل .

الموسوعة العلمية

10/09/2014 10:13:00 م

أكمل القراءة

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

الموسوعة العلمية 10/09/2014 08:42:00 م التسميات: ادوات, البلوجر, تعلم, شروحات, فايسبوك 0 التعليقات

السلام عليكم

تحدثنا في درس سابق عن اضافة تعليقات فيسبوك الى بلوجر نظرا لاهمية تعليقات فيسبوك في مدونة بلوجر.

تتجلى أهمية تعليقات فيسبوك في التفاعل مع الزوار,تمثل تعليقات فيسبوك نسبة مهمة من هذا التفاعل نظرا للاستعمال الواسع لموقع فيسبوك .

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

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

1- من لوحة التحكم >>> قالب >>> تحرير html .
2- ابحث بواسطة ctrl+f على :







   <span class='item-action'>

    <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

 <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>

  </a></span></b:if><div></div>

3- استبدله بالكود التالي :








 <span class='item-action'>

                              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

                                <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>

                              </a>

                            </span>

                          </b:if>

                    <div>

                      <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

                      <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='594'/>

                    </div>

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

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

width='594' : قم بتغيير الرقم594 بما يتوافق مع عرض مدونتك

تنبيه : الكود المقدم في الشرح يظهر تعليقات فيسبوك وبلوجر في آن واحد دون الضغط على تعليقات فيسبوك أو تعليقات بلوجر.

كلمات مفتاحية

تعليقات فيسبوك
تعليقات بلوجر
فيسبوك
facebook

الموسوعة العلمية

10/09/2014 08:42:00 م

أكمل القراءة

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

الموسوعة العلمية 10/09/2014 08:40:00 م التسميات: البلوجر, تعلم, شروحات, فايسبوك 0 التعليقات

السلام عليكم

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

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

1- من لوحة التحكم >>> قالب >>> تحرير html .
2- ابحث بواسطة ctrl+f على :

<div class='comments' id='comments'>

3- ستجده مكرر مرتين ضع تحت كل واحد الكود التالي :







  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='تعليقات فيسبوك'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpdOEVVCWNdxy3rW1qxYoGG6gGrWZz7rWlDV0OBkgPsh-bCWdP6yrslz6VUYeRheR1ASbqPQxqAuFrWl5SCB7c2XiZg_0ymMwzrfhY8av81C997ZTvcaTUn6jHBQKYvddphDm6Bo4euTuC/s1600/add-b.blogspot1.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='تعليقات بلوجر'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJBGsDAowPJvtJC97SKYl5iJl1u-sairkIhj4N2qXW32lKjUx9Eo-xse4CXY2Xnwqqjk96fB6p9GGpPZmr3uTyIfgIyY0Q38sTJGRyvwysaaezhM7aY8El3HfgbfXHssLaM8jGpq10xer/s1600/add-b.blogspot.com.jpg'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='600'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

4- احفظ القالب

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

التعديل حسب الارقام في الصورة في الأعلى.
' width='600 :عرض صندوق التعليقات يمكنك تغيير الرقم600 برقم آخر ليتوافق مع مدونتك

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

تعليقات فيسبوك
تعليقات بلوجر
فيسبوك
بلوجر
اضافة تعليقات فيسبوك
شرح تعليقات فيسبوك

الموسوعة العلمية

10/09/2014 08:40:00 م

أكمل القراءة

كل العناصر الموجودة في القالب

الموسوعة العلمية 10/09/2014 08:23:00 م التسميات: البلوجر 0 التعليقات

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

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

الصورة التالية تبين مكونات قالب بلوجر

- المكونات الاساسية لقوالب بلوجر :

1 - الجسم الأساسى للقالب “ Body “

وهو عبارة عن الوعاء التى يحتوى بداخله كل المكونات الاخرى للقالب من الهيدر " Header " والفوتر " Footer " والغلاف الداخلى " Content Wrapper " و شريط القوائم " Menu bare " و السايدبار " Sidebare "وكل الأجزاء التي ستأتي تندرج ضمن "body".

2 - الهيدر الخاص بالمدونة " Header "

وهو عبارة عن الجزء الموجود فى أعلى المدونة والذى يحتوى بدوره على عنوان المدونة " Title " ووصف المدونة "Description " وايضا إعلانات منها " Adsense " و غيرها من الاضافات .اما كود الهيدر فيشمل مل يلي

header-wrapper # : ويدل على بداية أكواد الصندوق الذي يتحكم في كل منطقة رأس المدونة header. ويشمل اسم المدونة، ووصف المدونة .

header# : وهو صندوق يقع بدوره ضمن الذي سبقه .

header h# : واكواده تتحكم في مظهر عنوان أو اسم المدونة.

header h1 a # : ويتحكم في عنوان المدونة باعتباره رابطاlink.

header description #: تتحكم في خصائص وصف المدونة.

header a img# : يتحكم في خصائص الصورة في منطقة الرأس .

3 - شريط القوائم " Menu bare "

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

4 - الجسم الداخلى " Content Wrapper "

او المنطقة الخاصة بمحتوى المدونة.

وهو يحتوى بداخله على كل من محتوى الرسائل " Main Wrapper " وأيضا محتوى السايدبار " Side bare " وهو الجزء الاهم فى المدونة .

5 - منطقة الرسائل " Main Wrapper "

يقع هذا الجزء فى الجسم الداخلى " Content Wrapper " والمسؤول عن نشر المواضيع " Posts " وأيضا نشر التعليقات " Comments " الخاصة بكل موضوع ومكونات أخرى نضعها في المدونة لتبدو بشكل جميل.

6 -#main : وهو صندوق يقع ضمن الذي قبله .

main.widget# : ويتحكم في في كل القطع والأجزاء التي تقع ضمن .main-wrpper

h2.date-header : يتحكم في خصائص تاريخ التدوينات .

post. : وهي مسبوقة بنقطة يتحكم في خصائص منطقة المحتوى – النشر- blog post .

Post h3. : يتحكم في خصائص عناوين التدوينات.

post body p. : يتحكم في خصائص جسم ومحتوى التدوينات .

post ul. : يتحكم في تنسيق القوائم غير المرقمة .

post ol. : يتحكم في تنسيق القوائم المرقمة.

a img : يتحكم في الخصائص العامة للصور.

7 - منطقة السايدبار " Sidebare "

يقع هذا الجزء فى الجسم الداخلى " Content Wrapper " وهو الجزء المخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من ( التسميات " Labels " , الأرشيف " Archives" ، التعليقات " Comments" ، اعلانات ادسنس " Adsense " .

اكواد هذا الجزء تشمل على

sidebar-wrapper. : ويحيط بكل العناصر التي يتكون منها العمود الجانبي .

sidebar. : صندوق يتواجد داخل الذي قبله.

sidebar1 # : يتحكم في خصائص العمود الجانبي الأول في حال وجود أكثر من عمود.

sidebar2 # : يتحكم في خصائص العمود الجانبي الثاني ، مع التنبيه إلى أنه أذا أردت ان تجعل كل الأعمدة متشابهة ، فيمكنك أن تتحكم في خصائصها مجتمعة من خلال العنصر الأول وهو .sidebar

sidebar .widget. : تتحكم في خصائص كل الأجزاء التي يتكون منها العمود الجانبي – "إضافة أداة ".

sidebar1 .widget. : تتحكم فقط في خصائص العمود الجانبي رقم 1.

sidebar .blogArchive. : يتحكم في خصائص الأرشيف الموجود في العمود الجانبي . ويستحب ترك خصائصه كما هي افتراضيا وعدم تغيير أي شيء فيها .

sidebar h2 . : يتحكم في خصائص عناوين أجزاء العمود الجانبي.

.sidebar #blogArchive1 h2. : يتحكم في عنوان الأرشيف.

Miscellaneous- 8 : هذا الجزء يضم ملف التعريف بالكاتب أو البروفايل و bockauote ، والأكواد التي تندرج ضمنه هي

profile1 # : ويتحكم في خصائص " التعريف بالكاتب" about me.

profile1 h2 #: يتحكم في خصائص عنوان ملف التعريف .

Profile-img a img : يتحكم في خصائص صورةالكاتب .

Profile-textblock :يتحكم في خصائص النص الذي يعرف به المدون نفسه فيملف التعريف .

Blockauote : يتحكم في خصائص النصوص التي يضعها المدون بين مزدوجتين "..."

9 - الفوتر الخاص بالمدونة " Footer "

وهو عبارة عن الجزء الموجود فى أسفل المدونة وهو مثل السايدبار " Side bare " تقريبا وهو مخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من( التسميات " Labels " , الأرشيف " Archives" ، التعليقات " Comments"، اعلانات ادسنس "Adsense

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

post-footer. : يتحكم في كل خصائص أسفل التدوينات والمواضيع.

post-footer-line. : يتحكم في خصائص كل سطر جديد في هذه المنطقة.

Post-footer a : يتحكم في خصائص الروابط في هذه المنطقة.

Post-footer .post-comment-link a : يتحكم في روابط التعليقات.

footer-wrapper # : وهو يحيط بكل العناصر التي يتكون منها "الفوتر" .

footer #: ويقع ضمن الجزء الذي قبله .

footer h2 # : يتحكم في خصائص عنوان الفوتر .

footer .widget # : يتحكم في الأجزاء أو الإضافات التي توجد في الفوتر .

blog-pager# : يتحكم في خصائص أرقام الصفحات ومن بينها " رسالة جديدة" و "الصفحة الرئيسية" و "رسالة أقدم" التي تتواجد في صف واحد أسفل منطقة المحتوى .

blog-pager-newer-link# : يتحكم في خصائص رابط " رسالة أقدم".

.blog-pager-older-link# : يتحكم في خصائص رابط "رسالة أقدم".

feed-links. : يتحكم في العبارة التي تكون أسفل كل تدوينة وهي عبارة " اشترك في الرسالة" .

10-مكان النشر" Posts" وهذا الجزء هو أهم ما في المدونة , فا من خلاله تعرض محتوى مدونتك للقراء , ويحتوي بدوره على أجزاء وهي عنون التدوينة , وتاريخ نشرها , واسم المدون , والتصنيف الذي تندرج فيه التدوينة .

اما الخصائص فهي التي تحدد فمن خلالها نتحكم في الحجم و المكان الخلفيات لهذه العناصر بالاضافة الى اختيار الالوان و نمط الخط.

11-التعليقات"comments"وتندرج تحته العناصر التالية:

comments# : ويتحكم في كل خصائص العناصر المكونة لصندوق التعليقات .

comments a# : يتحكم في خصائص الروابط .

comments h4 # : يتحكم في رأس header صندوق التعليقات.

comments author. : يتحكم خصائص كتابة أسماء المعلقين.

comment-body p . : يتحكم في خصائص جسم body منطقة التعليقات .

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

- text-align وتعني محاذاة النصوص , فإذا كان القالب إنجليزيا فستكون محاذاة النصوص على اليسار وستكون العبارة هكذا ;text-align:left أما اذا كان القالب معربا ستكون هكذا ;text-align:right .

- float وتعني محاذاة التنسيق , أي مكان وجود العنصر اما في اليمين فتكون العبارة هكذا ;float:rightواما في اليسار فتكون العبارة هكذا ;float:left .

- direction من خلالها نستطيع تحديد اتجاه القالب كامل , بحيث نضيفها بهذا الشكل direction:rtl مثلا تحت Body هنالك سيتحول اتجاه القالب كاملا في بعض القوالب , وفي القوالب الأخرى سيبقى اتجاه بعض العناصر مثل ما هو مع بعض التغيير . وفي بعض القوالب تكون هكذا direction:ltr; فعلينا تغييرها direction:rtl .

توضيح : rtl تعني right-to-left أي من اليمين إلى اليسار , و ltr تعني rleft -to-right من اليسار إلى اليمين .

- padding وتعني الهوامش الداخلية فإذا كانت في القالب الإنجليزي موجودةً هكذا padding-left:5px; فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا padding-right:5px; .

- margin وهي مضاد padding وتعني الهوامش الخارجية وهي لا تختلف عن padding , فإذا كانت في القالب الإنجليزي موجودةً هكذا margin -left:5px فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا ;margin -right:5px .

- Font-family , وتعني الخط , فإذا كان الخط هكذا ;font-family:arial ونريد أن نغيره إلى خط آخر مثلا tahoma سنغير arial فقط . ;font-family:Arial, Helvetica, sans-serif;

هذا إيجاز لبعض الخواص [ css ] التي عادة ما أستخدمها عندما أعرب قالباً ما , ولن تفهموها بشكل جيد الآن , ولكن بعد التطبيق ستسهل لكم وستحبونها كثيرا .

{…} a : ويتحكم في خصائص الروابط .

: {…}a:visited ويتحكم في خصائص الروابط التي تم الضغط عليها.

:{…}a:hover ويتحكم في خصائص الروابط عندما يكون مؤشر الفأرة فوقها.

أما بالنسبة لتعديل Html فإني لم أعد أستخدمها كثيرا عندما أعرب أحد القوالب , وذلك لأن أكثر التعديل يكون على css والتنسيق من خلالها من اليمين إلى اليسار , أو العكس .

فعادة ما نبحث في القالب في تحرير Html في البلوجر عن dir , ونضع بجانبها rtl لتكون بهذا الشكل dir="rtl" .

الموسوعة العلمية

10/09/2014 08:23:00 م

أكمل القراءة

طريقة اضافة وصف للمدونة

طريقة اضافة وصف خاص لكل تدوينة

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

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

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

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

الأرشيف

Live Traffic Stats