مكتبة الفيديو

Tatweerweb.Co Fans on Facebook

الخميس، 4 أغسطس 2011

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

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

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


* قم بالذهاب الي
تصميم ومن ثم الذهاب الي تحرير 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/AVvXsEhelV9XPSKBEqruyWujUWsj5F9_vaXi8jBI1QiPM1vHZhDW1APMjDkfmb_7AwBHVij_UoE5AY35_YkeCRzbmIDqOOrKuWJq6W9uDpLEy8WBchaPpwL9twH6JX3YWd84oRV_kit8G48AHHk/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3aa5bZRZhsBWxxI4L2m3ktwabyO11zEsKsALgx81SDG_Ycdn-xoQ9Dw4kKg5sla6_T_thqFnVonFAlO1uEB3DwkALmmPdkrgPQr1TB6mi0Jlkcjvk_hX5O6hUKsTgw5017vaGFdIWKA/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UWqhNkQbo8AEQRlIMIQqjpF-DShK_El8D529V_PzA06Xisopi7CG2VpBqzmFhxiAxPhOQ7BCKQyU7ChTDaT0aYitprWOVr_IJMBL2P2s477mGi1aZ5jzhl8xSEPyKw6AQubG2zlcF9M/s800/Digg_icon.png) no-repeat;}


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

 

 
ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :
اضافات css, جوجل ادسنس

التعليقات :

يسري عبود
7 أغسطس 2011 في 12:14 م

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

Best Blogger Tips
فادي المصري
7 أغسطس 2011 في 12:15 م

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

Best Blogger Tips
أحمد ( مدونة تقارب )
7 أغسطس 2011 في 12:16 م

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

Best Blogger Tips
احمد ابو الدهب
5 مارس 2012 في 4:46 م

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

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

Best Blogger Tips
tqarob weblog
6 مارس 2012 في 6:29 ص

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

Best Blogger Tips
Hareth Arabiyat
9 أبريل 2012 في 6:57 ص

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

Best Blogger Tips
tqarob weblog
9 أبريل 2012 في 11:59 ص

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

Best Blogger Tips
Hareth Arabiyat
9 أبريل 2012 في 1:54 م

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

Best Blogger Tips
tqarob weblog
9 أبريل 2012 في 2:04 م

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

Best Blogger Tips
Hareth Arabiyat
9 أبريل 2012 في 2:20 م

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

Best Blogger Tips
tqarob weblog
9 أبريل 2012 في 3:19 م

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

Best Blogger Tips
Hareth Arabiyat
15 أبريل 2012 في 2:32 م

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

Best Blogger Tips
tqarob weblog
15 أبريل 2012 في 3:53 م

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

Best Blogger Tips

إرسال تعليق

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