How to Add Custom Social Bookmark Icons at the end of Your Blogger Blog Posts

كيفيه اضافه ايقونات السوشيال مارك الي اخر المدونه بلوجر

اول حاجه تعمل حساب علي اي موقع من مواقع رفع الصور مثل

Photobucket
ImageShack

بعد كده تفتح الموضوع ده وتختار اي اشكال من الايقونات دي وتعملها رفع علي المواقع اللي فوق دي
http://moih60.blogspot.com/2009/01/bookmark-icons.html

الخطوه الثانيه:
انك تعمل اديت للبلوج بتاعك عن طريق الذهاب الي
"Layout" tab. Select the "edit HTML" option.
بعد كده اعمل صح علي
"Expand Widget Templates"



الخطوه الثالثه:
دوس علي
Ctrl+F

واعمل لصق للكود ده



<div class='post-footer-line post-footer-line-3'>



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

For Digg:

<a expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Digg It!' border='1' height='40px' src='insert your direct link to Digg icon image here' width='40px'/></a>

For Stumble:

<a expr:href='"http://www.stumbleupon.com/refer.php?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Stumble Upon' border='0' height='40px' src='insert your direct link to StumbleUpon icon image here' width='40px'/></a>

For Delicious:

<a expr:href='"http://del.icio.us/submit?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Add to Delicious' border='0' height='40px' src='insert your direct link to Delicious icon image here' width='40px'/></a>

For Twitter:

<a expr:href='"http://twitter.com/home?status=Reading%20this:+"+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Tell Your Tweets' border='0' height='40px' src='insert your direct link to Twitter icon image here' width='40px'/></a>

For Reddit:

<a expr:href='"http://reddit.com/submit?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='I Reddit!' border='0' height='40px' src='insert your direct link to Reddit icon image here' width='40px'/></a>

For Techorati:

<a expr:href='"http://www.technorati.com/faves?add="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Add to Your Faves' border='0' height='40px' src='insert your direct link to Technorati icon image here' width='40px'/></a>

For Facebook:

<a expr:href='"http://www.facebook.com/sharer.php?u="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Face It!' border='0' height='40px' src='insert your direct link to Facebook icon image here' width='40px'/></a>

For Mixx:

<a expr:href='"http://www.mixx.com/submit?page_url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Mixx it Up!' border='0' height='40px' src='insert your direct link to Mix icon image here' width='40px'/></a>

ملحوظه مهمه......تغير الكلام المكتوب في كل كود بطريقه كبيره برابط الصوره بتاعه الايقونه اللي قمت برفعها علي المواقع الموجوده في اول الموضوع

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