[ للمبتدئين ] نصائح مهمة لجلب الزوار لمدونتك أو موقعك

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

1 . أكتب في مدونات الآخرين : 

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

2 . قم بنشر مقاطع الفيديو على اليوتيوب :

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

3 . علق في مدونات الآخرين :

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

4 . الخدمات المجانية :

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

5 . المنتديات :

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

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

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

 أما طريقة التركيب على بلوجر فهي كالآتي.

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

طريقة تركيب زر تويتر على بلوجر

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="tweetbutton" style="float:left; padding:6px;">
<a href="http://twitter.com/share" class="twitter-share-button" expr:data-url='data:post.url' expr:data-text='data:post.title' data-count="horizontal" data-via="droos_b">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

</b:if>

تعديل الكود

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

• left يمكنك استبدالها ب right لوضع الزر ناحية اليمين.

• horizontal نستبدلها ب vertical للحصول على شكل جديد للزر أو ب none لإخفاء عداد مرات النشر. لكم أمثلة توضيحية.

شكل أفقي horizontal


شكل عمودي vertical





دون عداد none

• data-via="doaibblog" هذه لإظهار حسابك على تويتر بهذا الشكل @iireyii مثلا يمكنك استبدال iireyii باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.

• أما الكود الأزرق فهو لإظهار الزر في صفحة المواضيع فقط إن كنت تود إظهار الزر في الرئيسية كذلك فاحذفه.

بعد الانتهاء من تعديل الكود و تركيبه احفظ القالب.

لتغيير اللغة الافتراضية لمدونة بلوجر ، ولجعل اتجاه النص فيها من اليمين لليسار اتبع التالي:
1- ادخل على مدونتك عبر الرابط التالي:
http://blogger.com

2- بجانب اسم مدونتك ، اضغط على الرابط "اعدادات" أو "settings"


3- ستفتح لك صفحة الاعدادت ، منها اضغط على رابط "تنسيق" أو "formatting"

4- ستفتح لك صفحة التنسيق ، ستجد بها جزء اللغة ، اختر اللغة العربية
5- قم بعمل حفظ للاعدادات

 ملاحظة : الموضوع منقول للافادة تقديم نورالدين

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

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

لكن للأسف ليس من بينها خط tahoma

في هذا الدرس سأشرح كيفية تغيير خط الصفحة إلى tahoma


1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com

2- اضغط على رابط "تصميم" أو "design" بجانب مدونتك
3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"

 4- الان ابحث عن السطور التالية:

<Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

واستبدلها بالسطور التالية:

<Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif"/>

كل ما فعلته هو ان جعلت الخط tahoma أول الخطوط ولا شيء قبله ، ولو لم يكن موجودا فأضفه في الأول(لاحظ الجزء الملون بالأحمر في الكودين السابقين)

يمكنك أيضا تغيير حجم الخط عن طريق تعديل الجزء الملون بالأزرق في الكود السابق

5- الآن قم بعمل حفظ القالب.

 

 ملاحظة : الموضوع منقول للافادة تقديم نورالدين

السلام عليكم ورحمة الله ، أخوكم أيوب من جديد اليوم أقدم لكم إضافة جميلة وهي أزرار تابعني على يوتوب ، فيسبوك،تويتر والخلاصة والإضافة تتميز بأزرار أو ايقونات أنيقة وواضحة بحدود دائرية جميلة وعند الإتجاه اليها بمؤشر الفأرة تصبح الحدود مربعة شاهد الصورة :

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



الأن حان وقت عرض الاكواد لوضع هذه الإضافة الرائعة في مدونتنا.
الخطوات: 

أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير html ، ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F اذا كنت تستخدم متصفح جديد مثل كرومي او موزيلا ونبحث عن :  ]]></b:skin>

ثم نضيف الكود التالي قبله .

/*sus code by Ayoub-Etmaiti */
 .Azrar-Ayoub-Etmaiti {
border-radius: 50%; /* الحدود الدائرية  */
box-shadow: 0px 0px 15px #000; /* الظل*/
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.Azrar-Ayoub-Etmaiti:hover {
box-shadow: 0; /* لحذف الحدود الدائرية عند مرور المأشر */
border-radius: 0; /*لحذف الظل عند مرور المأشر */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

.Ayoub-Etmaiti-center {
        text-align: center /*لتوسيط الأزرار  */
}
 /*sus code by Ayoub-Etmaiti */

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


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<div class="Ayoub-Etmaiti-center">
<a href="رابط الفيسبوك هنا" target="_blank" title="¡فيسبوك!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkaDtk8hyphenhyphenfo-53fbHxwcUooQIVouMMOWAbnfDMP14JN6VEKh0j3Uic9T4PmhHqlWkAAnN064QvvYreZ4-fJV-Azx_BkOFblihzBeZmeCkdrHlEmYnfpdeJRC6G9IEuDrx5h_J4HI2Ncr-d/s1600/sus-Ayoub-Etmaiti-facebook.png" /></a>
<a href="رابط تويتر هنا" target="_blank" title="¡تويتر!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFkSPz2QDHS1fGlZqRq1QL2C-Zr2JJQAV2ueCB2rnmhffHwOgnBrhi8XK1E8Kzun694kSRoXhmLFY30XTsjWAgHFQs3dKyOpfA9bcWrMWnAi52PsiAxmS4MuWIiuADuod9-nh5Gh5RQTE/s1600/sus-Ayoub-Etmaiti-twitter.png" /></a>
<a href="رابط يوتوب هنا" target="_blank" title="¡يوتوب!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6U3qS3Vnzsvi1H8O_69DapkZ96srHGPjenO0PSm07sPTcGz2ZWFDvfpJQUTp7bbRZBjrxPldz6zFrrFl18N7nhdw3-X4DeJ1BEGmwDnPx15DXj4bTd8GFkn_-uY8YNEMszIDGYAaUo55X/s1600/sus-Ayoub-Etmaiti-youtube.png" /></a>
<a href="رابط الخلاصة هنا" target="_blank" title="¡الخلاصة!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8opMS3xBzzGaWhDq-vx5f14SC_ou_1R3M41An3OXxAAAeEqxQMlpvxgGeieM5qT5uSQ4OPOutAnUHCBJ_Fv1qjq2VWBCLSlUsC9pYbNJkeo9hN5jjxy08ROxo7YcN6KWjOttbDPq4IiA/s1600/sus-Ayoub-Etmaiti-rss.png" /></a>
</div>

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

بسم الله الرحمن الرحيم

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

ما هو وسم DoFollow

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

مدونة عرب بلوجر
اذا قمنا بتحليل الرابط سنجد التالى

<a href="http://blogger-araby.blogspot.com" target="_blank">مدونة عرب بلوجر</a>

ما باللون الازرق يمثل الرابط الذى سيتم الزحف عليه
ما باللون الاخضر يفيد بأنه عند الضغط على الرابط يُفتح في صفحة جديدة
مما باللون الاحمر يمثل اسم الموقع

كما قلت سابقاً يمكننا اضافة علامة الدوفولو DoFollow فيصبح الرابط هكذا

<a href="http://blogger-araby.blogspot.com" target="_blank" rel="dofollow">مدونة عرب بلوجر</a>

وفى الحالتين سيزحف محرك البحث ( جوجل او ياهو .. الخ )  الى موقعك

ما هو وسم NoFollow

وسم النوفولو NoFollow هو عبارة عن امر بلغة Html يأمر محركات البحث بأن لا تقترب من الرابط , لأسباب عديدة منها ان يكون الموقع مضافاً في تعليق أو ان صاحب الموقع لا يريد من عناكب البحث الزحف على هذا الموقع , أو اى سبب اخر .....
مثال على رابط نوفولو
مدونة عرب بلوجر
فنلقم بتحليل الرابط :

 <a href="http://blogger-araby.blogspot.com" rel="nofollow" target="_blank">مدونة عرب بلوجر</a>

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

 rel="nofollow"

وكل هذا الكلام يتلخص في هذه الصورة :

فوائد الوسم DoFollow

الوسم دوفولو مهم جدا ... حيث انه اساسى في زيادة عدد الباك لينكس BackLinks والبيج رانك الخاص بمدونتك او موقعك , فكلما زاد عدد الروابط الخارجية ( Dofollow ) لموقعك زاد :

• البيج رانك ( تزكية موقعك )
• عدد الزوار
• تحسن نتائجك في جوجل

اتمنى ان تكون قد استفدت من هذه المعلومات في تطوير مدونتك او موفعك ....
الســـــــــلام عــــــــــــليكم

من المعروف ان قوالب بلوجر تكون محفوظة بصيغة xml , فلا يوجد قالب بلوجر محفوظ بصيغة اخرى

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

ادخل الى صفحة لوحة تحكم بلوجر

ثم اذهب الى قالب مدونتك ( تحرير HTML )

واضغط على " نسخ احتياطى / استعادة "

 

مبرووك عليك رفع القالب , انتهى الموضوع

الســلام علــيـكم

بسـم الله الـرحمن الرحـيم

اهلا بكم في درس سيو جديد ومهم لكل المدونات والجديدة بالتحديد 

مما لا شك فيه ان الميتا تاجز  Meta Tags مهمة جدا لانها هى التى توضح نوع محتوى موفعك لدى محركات البحث , مما يساعد في صداقة محركات البحث , وسرعة الارشفة ..!

 

شرح اضافة الميتا تاجز لمدونات بلوجر

لا تنسى حفظ نسخة احتياطية من القالب قبل اى تعديل

• اذهب الى لوحة تحكم بلوجر
• اختر تصميم ثم "قالب"  ( تحرير Html )
• ابحث عن هذا الكود :

<b:skin>

ضع فوقه هذا الوسم

<meta content='Your-Keywords-HERE' name='keywords'/>
<meta content='Your-description-HERE' name='description'/>

استبدل ما باللون الاحمر بالكلمات الدلالية ولا تنسى ان تفصلها بفاصلة ","

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

قم بحفظ القالب , وستلاحظ تحسن النتائج بعد فترة وجيزة .. 

والسلام خير ختام
السلام عليكم

زر اعجبني - ازرار جديدة من فيس بوك لمدونات بلوجر

لا تنسى حفظ نسخة احتياطية من القالب قبل اى تعديل

شرح إضافة زر أعجبني أسفل مواضيع بلوجر

قم بــ "توسيع قوالب عناصر واجهة المستخدم"

ابحث عن هذا الوسم  :

<body>

 ضع بعده ( تحته ) هذا الكود :

 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 ابحث عن هذا الكود( إذا وجدته اكثر من مرة فالكود الاخير هو المقصود )

<data:post.body/>

 ضع هذا الكود بعده ( تحته ) :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <fb:like send="false" width="450" show_faces="false" font="tahoma"></fb:like>
 </b:if>

لإظهار زر المشاركة share بجانب زر الاعجاب بدل ما باللون الاحمر ( كلمة false ) بكلمة true
قم بحفظ القالب , ومبروووك الإضافة
والسلام عليكم ورحمة الله وبركاته

زر اعجبني - ازرار جديدة من فيس بوك لمدونات بلوجر

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

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

 

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

 

شاهد مدونتك كما يراها محرك جوجل

 

اختبر سرعة مدونتك

 

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

 

معرفة أي صفحات مدونتك تم أرشفتها لدى جوجل

 

 عمل اختصار للموضوع ليظهر كاملا بالضغط على "اقرأ المزيد"

 

 زر اعجبني - ازرار جديدة من فيس بوك لمدونات بلوجر

 

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

 

 كيف تحمي محتويات مدونتك من السرقة

 

كيف تتحكم في عدد المواضيع في الصفحة الرئيسية

 

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

 

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

 

 

 

 

 

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

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

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>

ثم قم بإستبداله بهذا الكود :

<!--  http://www.pergola-aluminium.org/  adsense in post mod. START -->
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>
<!--  http://www.pergola-aluminium.org  adsense in post mod. END -->

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

<data:post.body/>

ثم قم بلصق هذا الكود قبله إذا كنت تريد إدراج الإعلان فوق الموضوع, وبعده إذا كنت تريد إدراج الإعلان تحت الموضوع

<!-- http://www.pergola-aluminium.org adsense in post mod. START -->
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.org">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>
<!--  http://www.pergola-aluminium.org  adsense in post mod. END -->

وهناك طريقة أخرى أثبتت جدارتها ،وتستحق التطبيق , حيث يمكنك من الآن فصاعدا إدراج إعلانات جوجل أدسنس في أي مكان تريد على مدونتك ،مما يسهل ظهورها على زوار المدونة ،وكما تلاحظ في مدونتي أن إعلانات جوجل أدسنس توجد بين سطور المقالات التي أكتبها .
بداية قم بالدخول إلى حسابك على جوجل أدسنس ثم أنشئ إعلانا جديدا وقم بنسخ الكود ،بعدها تقوم إستعمال أداة لتحويل الكود لكي لا يقع خطأ عند تنسيقه ، ولإستعمال هذه الأداة ،"إضغط هنا" حيث تقوم بلصق الكود المحصل عليه من حسابك من جوجل أدسنس في الإطار ثم اضغط زر التحويل" Make it friendly"
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي : إذا وجدت منه إثنين فإختر الكود الثانيتذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

<data:post.body/>

ثم إستبدله بالكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

ضع كود أدسنس هنا،بعد تحويله

</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script><font size="0"><a href=" http://www.pergola-aluminium.org ">monte escalier</a></font>

</b:if>

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

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

فلقد قمت بزيادة تعديل بسيط على الكود و ذلك لمن يريد اظهار اعلانات جوجل ادسنس في جانب نص الموضوع ،سواء على اليمين،وسط،اواليسار

وللقيام بهذا التعديل قم بتبديل الكلمة ذات اللون الأخضر clear:both باحد الكلمات التالية:
float:left : لعرض الاعلان في يسار الموضوع
float:right : لعرض الاعلان في يمين الموضوع
float:center : لعرض الاعلان في وسط الموضوع

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

<!-- adsense -->

تحميل قالب Johny Papers Magazine المعرب

قالب أبيض للمدونات الإخباري بثلاثة أعمدة فوتر بخلفية زرقاء وعمود للإضافات على اليسار بخلفية رمادية

تعديلات ضرورية :

لظهور آخر المواضيع بشكل جيد :

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

لتغيير عدد المواضيع قم بتغيير رقم "عدد الرسائل على الصفحة الرئيسية:" من نفس الصفحة

لتفعيل السلايدر :

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن :

numposts1 = 4;label1 = "رياضة";

استبدل الرقم 4 بعدد المواضيع المراد عرضها بالسلايدر
واستبدل رياضة بالقسم المراد عرضه في السلايدر

الآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الأولى" :

اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>


<script type="text/javascript" src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>


<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://johny-papers-mag-arblogger-templates.blogspot.com/feeds/posts/summary/-/رياضة?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 11px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم &#187;</a>

استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه

واستبدل ما باللون الأزرق برابط مدونتك
var numposts =  عدد المواضيع المراد عرضها بالصور
max-results= عدد المواضيع المراد عرضها

الآن لإضافة أقسام "مثل ما هو موجود بالمشاهدة أسفل المساحة الإعلانية الثانية" :

اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :

<script type="text/javascript">var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script><script src="/feeds/posts/default/-/رياضة?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script><a href="http://johny-papers-mag-arblogger-templates.blogspot.com/search/label/رياضة" style="float:right;font:normal 10px Arial;padding:5px 0;">اقرأ المزيد من مواضيع هذا القسم</a>

استبدل ما باللون الأحمر باسم القسم المراد عرض آخر مواضيعه

واستبدل ما باللون الأزرق برابط مدونتك

var numposts = عدد المواضيع المراد عرضها

الآن لإضافة آخر جديد حسابك على تويتر :

اذهب إلى تصميم ومن عناصر الصفحة أضف أداة HTML/JavaScript وقم بلصق الكود التالي :

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSkZVVD1GVhRG5VobAophrcqziEoBlaBuLgYglpLzVmO4n-UR75szAo_cjqrPqP8qhZbXS550GmCnkalgnRkPMxhlZ5HWOYp1TJZMtAg7Lw_x3cH0Or_-huRfaZaEqMnDUngWeGtMj2X6n/h1600/twitter.png) no-repeat;padding-top:45px;padding-left:8px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 3000,width: 285,height: 123,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#135a9e'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'default'}}).render().setUser('OthmaneBlog').start();</script></div>

استبدل OthmaneBlog بحسابك على تويتر

لحذف صورة الإعلان أسفل المواضيع أو استبدالها :

إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن الكود التالي :

<a href='http://www.arblogger-templates.com/'><img src='http://www.i666i.com/wp-content/uploads/b.gif'/></a>

احذفه أو استبدله بكود أدسنس أو بصورة أخرى

قالب ArBlogger-Templates 1  (أربعة في واحد)

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

لتركيب أداة اختر لونك المفضل، قم بتحرير الأداة والصق الكود التالي :

<center><a class='styleswitch' href='serversideSwitch.html?style=style1' rel='styles1'><img src='https://lh5.googleusercontent.com/-Zf64gNJwCk4/T4nHMfuWEqI/AAAAAAAAANk/_ww56kROeXE/h1600/Circle_Blue.png'/></a>
<a class='styleswitch' href='serversideSwitch.html?style=style2' rel='styles2'><img src='https://lh4.googleusercontent.com/-3LgpzmUtn6M/T4nHM5RLz5I/AAAAAAAAANs/Sut1QFuBPfo/h1600/Circle_Orange.png'/></a>
<a class='styleswitch' href='serversideSwitch.html?style=style3' rel='styles3'><img src='https://lh5.googleusercontent.com/-RmneGtqeZ3Y/T4nHNZy2SVI/AAAAAAAAANw/yfR01lZ4k9o/h1600/Circle_Pink.png'/></a>
<a class='styleswitch' href='serversideSwitch.html?style=style4' rel='styles4'><img src='https://lh3.googleusercontent.com/-2aNDkNw25_s/T4nN6xkWX5I/AAAAAAAAAOM

 /veR71J8PJ9Q/h1600/Circle_Green.png'/></a></center

 مشاهدة

 تحميل

 

تحميل قالب Zoom Magazine 2 المعرب

قالب أبيض بخلفية رمادية للراغبين في زيادة أرباحهم على أدسنس أو أي شركة إعلانية بعمودين للإضافات واحد على اليسار بعرض 320px وآخر على اليمين بعرض 180px وهيدر مقسم على نصفين نصف على اليمين بعرض 500px للإعلانات والنصف الآخر لعرض عنوان أو صورة المدونة بعرض 468px بالإضافة إلى ثلاثة أعمدة في الفوتر

 مشاهدة

 تحميل