اضافة ووردبريس لتسهيل التعامل مع أدسنس

اضافة ووردبريس لتسهيل التعامل مع أدسنس

Unknown    تعليق   

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

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

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

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

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

ويمكن الإطلاع على تعليمات تركيب الإضافة من هذه الصفحة و تحميلها من هذه الصفحة

المصدر

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

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

Unknown    تعليق   

بقلم hocine amari

انا حسين عماري عمري 12 عاما من الجزائر مهتم بكل جديد في عالم الحواسيب و خفايا الحواسيب

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

1 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية 

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

تحرير HTML.
الخطوة الأولى (*) : ابحث عن ]]></b:skin>  و قم بتوسيعه و قبله مباشرة ضع كود CSS الآتي :

/* Author Bio */.postauthor { backgroundborder-topborder-bottomoverflow } .postauthor img { borderfloat } .postauthor hcolormargin-bottommargin-top } .postauthor p { colorfont-sizemargin-bottommargin-top } /* Author Bio End */

الخطوة الثانية :  ابحث عن <data:post.body/> (إن وجدت اثنتين او اكثر فالاخيرة هيه المقصودة)  ثم مباشرة بعدها ضع الكود الآتي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

 غير ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح .

2 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*)  كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت اثنتين فالثانية هي المقصودة)  و مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;أحمد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> حسين </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;جواد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> محمد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>

</b:if>

قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب .

شرح بالصور اضافة صندوق تعليقات Disqus الى مدونة بلوجر

شرح بالصور اضافة صندوق تعليقات Disqus الى مدونة بلوجر

Unknown    تعليق   

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

1- الخطوة الاولي :

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

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

4- الخطوة الرابعة :

5- الخطوة الخامسة :

6- الخطوة السادسة :

7- الخطوة السابعة :

8- الخطوة الثامنة :

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

تغيير لون وحجم الخط في قالب بلوجر

تغيير لون وحجم الخط في قالب بلوجر

Unknown    تعليق   

من المهم في المدونة أن يكون خطها جميلا و يظهر بوضوح للزائر .

في هذا الدرس الجديد من دروس بلوجر سأقوم بشرح كيفية إستبدال خط مدونتك إلى خط جميل مثل tahoma أو Arabic Droid kufiأو Arabic Droid naskh

وهي خطوط جميلة جدّاً وواضحة للزائر , أنا استعمل مثلاً خط Arabic Droid Kufi و ساشرع في تطبيق الدرس في كيفية وضع هذا الخط الجميل في مدونتك بخطوات جد سهلة وبسيطة تابع معي الشرح .

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

اضغط على Ctrl+F .

و ابحث عن  :

<head>

ضع مباشرة بعد الاكواد التالية

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>

الان ابحث عن :

font-family

ثم قم بوضع الكود Arabic Droid Kufi امامها مباشرة كما هي مبينة في الصورة :

إذا رغبت بتغيير خط مدونتك للخط اخر مثل tahoma فاكتب في المكان المشار إليه tahoma .

او اكتب اسم الاكواد الاخرى التي ترغب فيها .

arial

droid arabic naskh

Helvitica

sanserf

المصدر عفريت بلووجر .

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

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

Unknown    تعليق   

المشاركات الشائعة

• 

  Yandex Browser متصفح روسي جديد

  اعلنت شركة Yandex عن صدور متصفح انترنت خاص بها سعياً منها لدخول سوق متصفحات الانترنت ومنافسة الشركات الاخرى مثل جوجل ومايكروسوفت وموزيلا ...
• قالب sahifa الاصدار الثالث للوردبريس مع الشرح

  بسم الله الرحمن الرحيم   كما عودناكم دائماً على التميز في تطوير الويب العربي نقدم لكم اليوم القالب الاخباري الرائع والمتميز ب اصدارة ...
• 

  انسجرام يتجاوز تويتر بعدد المستخدمين يومياً

  اسنجرام يتجاوز تويتر بالاستخدام اليومي . اكدت دراسة اجريت في الولايات المتحدة ان زوار موقع انسجرام من اجهزة الموبايل يوميا هو 730000...
• مجموعة الهكر الشهيرة AnonyMous يخترقون شركة آبل

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

  مستخدمي الايفون غير راضين عن iSO 6 - المفكر العربي للتقنية

  مستخدمي ايفون غير راضين عن تحديث iSO 5 الى iSO 6 هذا وفقاً للاستطلاع الذي قامت به شركة ابحاث العملاء ، وجد الاستطلاع ان اكثر من 16 ...
• 

  قالب بلوجر اخباري

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

  قامت مجموعة الهكر anonymous بأختراق المواقع الإسرائيلية ، ووصل عدد هذه المواقع بحسب ما ذكر في حسابهم في تويتر إلى 40 موقع وشملت هذه الم...
• مؤسس ميجا Mega يعين مدير تنفيذي جديد

  اعلن Kim Dotcom اليوم عن تعين Tony Lentino. كمدير تنفيذي جديد لموقع ميجا الذي اطلقه مؤخرا وكمساهم في الموقع . Lentino هو صاحب شركة Ins...
• 

  شبكة ليكد أن تضيف الشخصيات المشهورة في العالم لمتابعتهم

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

  القبض على هكر جزائري سرق ملايين الدولارات

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

________________________________________________________________ 
لتركيب الإضافة الجديدة ، اذهب إلى لوحة تحكم مدونتك ، ثم تقوم بالضغط على قالب ثم على تحرير html ، وتبحث عن هذا الكود  .        

]]></b:skin>

بعد أن تجده قم بوضع هذا الكود قبله مباشرة :
      

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

قم بحفظ التغييرات ، انتهى  .