Tuesday, August 31, 2010

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

http://1.bp.blogspot.com/_v5IxGTiMTD8/SvbP-mruXOI/AAAAAAAAAc4/jyjgSSVdyi4/s400/adsense_revenue+sharing.jpg

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

في بعض المدونات المتطوره تحتوي علي اكثر من كاتب يشاركون فيها بمواضيعهم وارائهم وحتي بتطوير الشكل العام 


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


لذلك كان من الضروري وجود كود يسمح بوضع لكل كاتب الاعلان الذي يريده داخل المقال الخاص .


بمعني اخر... 


                 الزائر الذي يفتح المقال الخاص بالكاتب (س) مثلا سيري اعلان الكاتب (س) فقط


 والزار الذي يفتح المقال الخاص بالكاتب (ص) يري الاعلان الخاص به ولن يري الاعلان الخاص بالاخر ..

فكما ترون في مجلة التقنية والتحميل فنحن نفعل ذلك والموضوع ناجح والحمد لله


موضوع مفهوم ومقيد ورائع

الان نأتي للكود..
1-الان اذهب الى التخطيط >> تحرير html 3-   اضغط على توسيع قوالب {اذا اغفلت هذه النقطة فلن تجد الكود المطلوب }
2-ابحث عن الكلمة الاتية <data:post.body/>
3- ثم فوقها مباشرة  او اسفل حسب مكان الاعلان الذي تريد وضعه في البوست ضع الكود الاتي 

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.author == "ahmad"'>
Insert Ad Code for admin here (first author)
</b:if>

<b:if cond='data:post.author == "hassan"'>
Insert Ad Code for anshul here (second author)
</b:if>

<b:if cond='data:post.author == "almessalami"'>
Insert Ad Code for sunil here (third author)
</b:if>

</b:if>


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

  1. نضع مكان الكلمة الاولي التي باللون الاحمر الاسم الاول ويجب ان يكون الاسم الذي يظهر في المدونة واللي بيشوفه الزوار لما يقروا مقالك يعني انا مثلا مكتوب (ahmad almessalami) مينفعش نكتب احمد بس او نص الكلمة يعني        
  2. نذهب الي الاعلانات الخاصه بكم ثم نحضر الكود وقبل اي حاجه في خطوة مهمه لازم نعملها                                                                                                                                                                                                                                                        خطوة مهمة 

عندما نحضر الكود يجب السماح للكود بالظهور داخل البوست عن طريق تحويله بالطريقة الاتية
اولا ...لتحوبل الكود يجب الدخول علب الموقع التالي http://www.elliotswan.com/postable



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

Thursday, August 26, 2010

اضافة اقرأ المزيد او read more اليا في كل مقال


1-الان اذهب الى التخطيط >> تحرير html
2-اضغط على توسيع قوالب {اذا اغفلت هذه النقطة فلن تجد الكود المطلوب }
3-ابحث عن الكلمة الاتية </head>
4- ثم فوقها مباشرة ضع الكود الاتي
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>
;

الان يمكنك التحكم في عرض وطول الصوره التي ستظهر في كل مقال




5- ابحث عن الكود الاتي  <data:post.body/>
6- قم بأزالة الكود الذي بحثت عنه وضع مكانه الكود التالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot;   data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>» تابع القراءة</b></a></span>
</b:if>


7-احفظ عملك واتوكل علي الله وشوف النتيجة
الان انتهينا من الدرس والي اللقاء في الدرس القادم 

Sunday, August 22, 2010

اضف اداة المقالات الاكثر شعبية الي مدونتك

اضافة المقالات الاكثر شعبية الى مدونة بلوجر popular post widget


طريقة اضافة المقالات الاكثر شعبية { اي التي حصلت على اكثر التعليقات من الزوار } الى مدونة بلوجر :

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


script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i  )
{
var href = "'"   obj.value.items[i].link   "'";
var item = "<li>"   "<a href="   href   ">"   obj.value.items[i].title   "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=28a
6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_HERE_WITHOUT_http://&num=10" type="text/javascript"></script>
<a href="http://macrolat.blogspot.com/" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>
ملاحظة استبدل كل ما كتب باللون الاحمر برابط المدونة URL  التي تريد اضافة الاداه اليها
ايضا : لاحظ انه ستظهر عشر رسائل في هذه الاداة  يمكنك تغيير الرقم10 المكتوب بلون ازرق  ووضع  عدد الرسائل التي تريد  عرضها  في الصفحة .
ستظهر المواضيع كما يلي كما يلي
عنوان المقالة الاولى (2)
عنوان المقالة الثانية  (6)
 الارقام في الاقواس تدل على عدد التعليقات

عرض الاعلانات او الاضافات في الرئيسية فقط


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

طريقة عرض الادوات واعلانات ادسنس في الصفحة الرئيسية لمدونة بلوجر:
1-ادخل الى حسابك في بلوجر >> التخطيط >>  اضافة اداة
قم باضافة اي داه ترغب بها لتجريب هذه الخاصية ولا تنسى ان  تسميها باسم مميز لتسهل العملية القادمة لنفرض انك اخترت الاسم "اعلان "
2-الان اذهب الى التخطيط >> تحرير html
3-اضغط على توسيع قوالب {اذا اغفلت هذه النقطة فلن تجد الكود المطلوب }

لتسهيل البحث استخدم CTRL+F ثم اكتب اسم الاداة وهي في مثالنا هنا "اعلان "
سيظهر الكود هكذا



<b:widget id='HTML3' locked='false' title='اعلان' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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>




  5- لجعل هذه الاداة تظهر  فقط في الصفحة الرئيسية  عدل الكود باضافة الجزء المكتوب باللون الاحمر في المكان الموضح هنا:
<b:widget id='HTML3' locked='false' title='اعلان' type='HTML'>
<b:includable id='main'>


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<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"'>
<!-- only display title if it's non-empty -->
<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.url == "SPECIFIC_BLOG_POST_URL"'>
<!-- only display title if it's non-empty -->
<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>

لا تنسى وضع رابط  الصفحة التي تود عرض الاداة فيها مكان SPISIFIC-BLOG-POST-URL


لعرض الاداة فقط في صفحة الارشيف :
<b:widget id='HTML3' locked='false' title='اعلان' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<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>



contact me

contact me

Tuesday, August 17, 2010

قالب orsted 2010

قالب  orsted 2010

معاينة القالب                         تنزيل القالب


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


تم التجربة والموافقه علية من خلال المتصفحات التالية..Firefox, IE6, Opera, Safari.

التركيب
 بعد التركيب المعتاد للقالب ابقي في صفحة html ثم اتبع الخطوات التالية لتنسيق الشكل.
1_تركيب navigation bar.
    

   اولا.. ابحث عن الكلمة التالية  <div id='header'> .
  

    ثانيا.. قم بتغيير علامة # بالرابط الذي تريدة وكلمة title بالعنوان.
ـــــــــــــــــــــــــــــــــــ
2_ تركيب Featured bar او الصور المتحركة في اعلي المدونة.
     اولا.. اضغط ctrl_f ثم ابحث عن كلمة <div id='featured'>  .
   

     ثانيا..
            قم بتعديل السطر التالي علي حسب ماتريد وضعه من صور ولينكات
             <li><a href='Your link here><img alt='Your content here' src='Your image source here'/></a></li>  
ـــــــــــــــــــــــــــــــــــ
 3 _ تركيب Ads
            اخيرا نركب الاعلانات
        اولا.. نبحث عن كلمة  <div class='ads'>  .

    

        ثانيا.. نضع لينك الاعلانات او لينك ادسينس ..

ـــــــــــــــــــــــــــــــــــ
تم بحمد الله

قالب بلوجر..Exotic Vacation 2010 .

احدي القوالب الرائعة في عالم البلوجر
لمحبي السفر والرحلات وجمع الصور والتذكارات والطوابع الان اقدم لكم اجمل القوالب المختصة في هذا المجال
Exotic Vacation2010
 قالب عملي مميز بصفات يصعب ان تجدها في قوالب كثيرة هذه الايام..
يمكنك مشاهدة اكتر واكتشاف المزيد واسرار هذا القالب السحري الذي سيجعل مدونتك من اجمل المدونات.
.exotic-vacation


قوالب بلوجر .. Hanging 2010

السلام عليكم ..

Hanging 2010


هذا القالب من اجمل قوالب بلوجر اعتقد انكم ستحبونة بمجرد استخدامة لاول مرة
hanging