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

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

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


* قم بالذهاب الي
تصميم ومن ثم الذهاب الي تحرير 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(http://lh5.ggpht.com/_So-xppeH7x0/TKfoBd8U24I/AAAAAAAAAYg/tPsrA9WLIek/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(http://lh3.ggpht.com/_So-xppeH7x0/TKfoBaa6TsI/AAAAAAAAAYo/aq2JJqtTJvQ/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(http://lh4.ggpht.com/_So-xppeH7x0/TKfoBXGvlbI/AAAAAAAAAYk/bwSALZ7aCNY/s800/Digg_icon.png) no-repeat;}


* قم بحفظ قالب مدونتك ومبروك عليك الاضافة...
اي استفسار بخصوص تلك التدوينه يمكنك ترك تعليق بالاسفل.
أصدقاء(تطوير ويب)
تعليقات Facebook
13تعليقات Blogger

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

يسري عبود يقول...

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

فادي المصري يقول...

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

أحمد ( مدونة تقارب ) يقول...

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

احمد ابو الدهب يقول...

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

http://amar-nana.blogspot.com/2012/03/blog-post_05.html

tqarob weblog يقول...

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

Hareth Arabiyat يقول...

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

tqarob weblog يقول...

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

Hareth Arabiyat يقول...

أخي أحمد وجدت أربع أكواد أي واحد أختار

tqarob weblog يقول...

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

Hareth Arabiyat يقول...

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

tqarob weblog يقول...

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

Hareth Arabiyat يقول...

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

tqarob weblog يقول...

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

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .