السلام عليكم ورحمة الله وبركاته..كثير من الناس سالني عن طريق وضع اعلانات جوجل ادسنس داخل مواضيع مدون بلوجر
وقد تقدمت مسبقا بطرح اكثر من تدوينه في مدونتي تقارب تتناول تلك الاضافه والطريقه واليوم جائتني رساله علي بريدي الالكتروني
من احد متابعي المدونه يطلب طريقة وضع اعلانات جوجل ادسنس تحت عنوان الموضوع او في اخر الموضوع ويكون بجانبها ازرار مواقع النشر الاجتماعيه والتي من خلالها يتيح صاحب المدونه للزوار والقراء نشر تدويناته علي تويتر والفيس بوك
وبعد بحث طويل جئتكم بافضل اضافه تعطينا ماسبق شرحه.والصوره التي بتدوينتي تلك تشرح المقصود.
ان كنت انت ايضا من المهتمين بمثل تلك الضافات يمكنك تطبيق مابالاسفل---->>>>>
* سجل دخول الي لوحة تحكم مدونتك.
* قم بالذهاب الي تصميم ومن ثم الذهاب الي تحرير HTML.
* ثم. قم بوضع علامه علي خان توسيع قوالب واجهه المستخدم
* ابحث عن هذا الكود <div class='post-body entry-content'>
* انسخ الكود الموجود بالاسفل وضعه قبل او بعد هذا مباشرة <div class='post-body entry-content'>
* سجل دخول الي لوحة تحكم مدونتك.
* قم بالذهاب الي تصميم ومن ثم الذهاب الي تحرير HTML.
* ثم. قم بوضع علامه علي خان توسيع قوالب واجهه المستخدم
* ابحث عن هذا الكود <div class='post-body entry-content'>
* انسخ الكود الموجود بالاسفل وضعه قبل او بعد هذا مباشرة <div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
<script type="text/javascript"><!--
google_ad_client = "pub-1169679658259735";
google_ad_host = "pub-1556223355139109";
/* 336x280, created 12/03/11 */
google_ad_slot = "8340994228";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>
<a class='mini-tweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a>
<a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a>
<a class='mini-stumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a>
<a class='mini-tech' expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + 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/AVvXsEhvwrrMasnqkNq-3c76zgUk6Otkx_7MjxAsAxS-b4kjugk35A6DHQnAZf0EWPDaVdiHm9avOMf4tkXOBr5fGO_uoWNeSCQCMdqxXeb9ToMcPcbex0DDJKBK6qXk8rq9BrhWQOg24jnZw7I/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihoc7NXf3NXwIbWkpJqW0sL5CM8NSTzgJJEY6fuqSRgI6Jz8Ufgx1BdIYEYEb2ZXhhb4OoGPJ1AuScUC6vidg97-lXFPZvFbhqBiIB4zfBJnRqV7JbY6GWh7kCzgEMIYWd24sOp4Z1MIQ/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWEiGun898rJmCqW37JERx6s6MRhpe8LnRTCfmhLPI_sxl-jSXdkC2hDP7G76aZMmBKwqXKTUN0Qi2FesaQ19eOL3QGz1b1l0E8gIjd_Iqdq1M6N6CnPH0sEt4pEXwv29voAvXYwWoiw/s800/Digg_icon.png) no-repeat;}
* قم بحفظ قالب مدونتك ومبروك عليك الاضافة...
اي استفسار بخصوص تلك التدوينه يمكنك ترك تعليق بالاسفل.
أصدقاء(تطوير ويب)
13تعليقات Blogger
13 عدد التعليقات على موضوع طريقة اضافة اعلان جوجل ادسنس مع ازرار المشاركة الاجتماعيه في مدونة بلوجر
تصدق بالله والله انا كنت بدور من شهور علي اضافة زي دي
ومكنتش مصدق اني هلاقيها في مدونه عربيه
ربنا يبارك فيك وفي جهودك
@فادي المصري
باذن الله تركبها بنجاح واي مشاكل تقابلك راسلني
بالتوفيق لك
السلام عليكم اخى الاضافة تمت بنجاح بس الاعلان مكانه فاضى
ولم يظهر
http://amar-nana.blogspot.com/2012/03/blog-post_05.html
الأخ أحمد لقد بحثت عن هذه الاداه كثيرا وها أنا أجدها في مدونتك لاكن لم أجد الكود الاول كما هو ... أرجو منك المساعدة
مرحبا بك اخي العزيز حارث , هذا الكود يختلف من قالب لاخر فهو المسؤول عن ظهور الاضافات في بداية او نهاية الموضوع واحيانا يكون الثالث هو المعني او الرابع او الاول او الثاني ولكن في قوالب كثيره ومنتشره كان الكود المكرر رقم 2 هو المعني بالامر لذلك قم باخذ نسخه احتياطيه من القالب قبل البدء في العمل فمع هذا الكود بالذات يجب الحذر.
الحمد لله انها نجحت معك وتم التطبيق , بالتوفيق اخي حارث وشكرا على متابعتك .
أخي أحمد لقد قمت بتركيب الأضافة لكني أحس أنها تنقصها عبارة " شاركها مع الأ صدقاء : " فوق أزرار المشاركة هل تستطيع أن تساعدني في وضع العبارة ولك جزيل الشكر
مرحبا بك اخي حارث , قم بالبحث داخل الكود الاول عن
<div class='ads-right-min>
وضع فوقها مباشرة
<h1> شاركها مع الأ صدقاء </h1>
وقم بحفظ القالب
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
