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

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

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

* سجل دخول الي لوحة تحكم مدونتك.


* قم بالذهاب الي
تصميم ومن ثم الذهاب الي تحرير HTML.

* ثم. قم بوضع علامه علي خان توسيع قوالب واجهه المستخدم

* ابحث عن هذا الكود
<div class='post-body entry-content'> 
* انسخ الكود الموجود بالاسفل وضعه قبل او بعد هذا مباشرة <div class='post-body entry-content'> 
 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-1169679658259735&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
/* 336x280, created 12/03/11 */
google_ad_slot = &quot;8340994228&quot;;
google_ad_width = 336;
google_ad_height = 280;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>
<a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a>
<a class='mini-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a>
<a class='mini-stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a>
<a class='mini-tech' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'>Digg This</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>


ملحوظه- قم بتغيير الكلام ذات اللون الاحمر بالكود الذي بالاعلى بكود اعلان جوجل ادسنس بالقياسات المحدده                               ابحث مجددا عن هذا الكود ]]></b:skin>                                                       

* انسخ الكود الموجود بالاسفل وضعه مباشر قبل هذا  ]]></b:skin>                                        


.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAAAFqw/UpGK_0UQUZg/technorati.gif) no-repeat;}
.mini-facebook{background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAAAAAAAFq0/ktY0xwRy4Oo/fb.gif) no-repeat;}
.mini-tweet{background:url(http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAAAAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtv7jyPoAwqiDop9PYrsZS8biLZ5YV3VJpfpx2ZdCgcnUvVZAIcQb5N_r8T9FXSi5pT_blaNLxlnY48n1RxKrrNvhLHKxBMAm8fnvDTHN9uGrYNC0Tps4Z6tK5bNWSdET4NM-UnkjKzg/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSwREZXpXnU0jFTjkT6mjUiVoMQ-myc1SfO8SwTsh9U7q7QXZE9PEwxP4wFJSFLNauS1u7sS2bDe3xLVTn9gO09eps0k1BfTBGXdFh3LKjgOxgdzeizGtxFkzOOnIfPL7GxpXJqQ3cywE/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQs1k2zWbZT-RssFkaSHsKk1a88HUN_R-wJCWfIqASvfq0vExbV-TLTiP8sPdpfT2akStEXCLpko_VQ5L1NCpEwPuXaN2d6ktzhPBlBtQiLGUkCQtQ-9TFZuOT4AcwgPPXmnYAIpjnV30/s800/Digg_icon.png) no-repeat;}


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

تعليقات

  1. تصدق بالله والله انا كنت بدور من شهور علي اضافة زي دي
    ومكنتش مصدق اني هلاقيها في مدونه عربيه
    ربنا يبارك فيك وفي جهودك

    ردحذف
  2. فادي المصري7 أغسطس 2011 في 12:15 م

    هطبقا باذن الله في مدونتي بس يارب تظبط معايا

    ردحذف
  3. @فادي المصري
    باذن الله تركبها بنجاح واي مشاكل تقابلك راسلني
    بالتوفيق لك

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

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

    ردحذف
  6. ابحث بدلا منه عن الكود التالي <data:post.body/>

    ردحذف
  7. أخي أحمد وجدت أربع أكواد أي واحد أختار

    ردحذف
  8. مرحبا بك اخي العزيز حارث , هذا الكود يختلف من قالب لاخر فهو المسؤول عن ظهور الاضافات في بداية او نهاية الموضوع واحيانا يكون الثالث هو المعني او الرابع او الاول او الثاني ولكن في قوالب كثيره ومنتشره كان الكود المكرر رقم 2 هو المعني بالامر لذلك قم باخذ نسخه احتياطيه من القالب قبل البدء في العمل فمع هذا الكود بالذات يجب الحذر.

    ردحذف
  9. يسلمو يا كبير نجحت الطريقة بعد الكود الثالث

    ردحذف
  10. الحمد لله انها نجحت معك وتم التطبيق , بالتوفيق اخي حارث وشكرا على متابعتك .

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

    ردحذف
  12. مرحبا بك اخي حارث , قم بالبحث داخل الكود الاول عن
    <div class='ads-right-min>
    وضع فوقها مباشرة
    <h1> شاركها مع الأ صدقاء </h1>
    وقم بحفظ القالب

    ردحذف

إرسال تعليق

اعلان وسط الصفحة 3