طريقه سهله لوضع ازرار المفضله تحت مواضيعك الجديده




اضافة أيقونات المفضلة تحت مواضيعك أمر جميل ويسمح لزوار مدونتك بمشاركة أصدقائهم عبر الشبكات الإجتماعية المختلفة لمواضيع مدونتك مما يزيد عدد زوار المدونة بشكل كبير ,خاصة منها الشبكات الإجتماعية الكبيرة مثل facebook وموقع twitter و myspace وغيرها من المواقع التي تحتوي على عدد كبير من المشتركين يقدر مئات الملايين .

اتبع الخطوات البسيطة لشرح كيفية اضافة أيقونات المفضلة social bookmark تحت مواضيع مدونتك :

-قم بتسجيل الدخول الى مدونتك .

- من لوحة التحكم بمدونتك اختر
التخطيط ثم اختر تحرير html .

-اضغط المفتاح f3 من لوحة المفاتيح وقم بالبحث عن الكود التالي :

قم بعمل توسع للقالب لكى تتمكن من العثور على الكود


___________________________________
<data:post.body/>
___________________________________


- مباشرة بعد الكود السابف قم بلصق الكود التالي ثم اضغط حفظ .

<div align='left'>
<span class='post-icons'>


<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://3.bp.blogspot.com/_JwD5r652h00/S4LlnJNSFHI/AAAAAAAAAU8/b0CwEmD94jg/s400/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->



<!-- Stumbleupon Button Start, Remove Or leave -->
<a 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'><img alt='Stumble This' border='0' class='icon-action' src='http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png'/></a>
<!-- Stumbleupon Button End, Remove Or leave -->


<!-- Technorati Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png'/></a>
<!-- Technorati Button End, Remove Or leave -->


<!-- Delicious Button Start, Remove Or leave -->
<a 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'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->


<!-- Digg Button Start, Remove Or leave -->
<a 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'><img alt='Digg This' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png'/></a>
<!-- Digg Button End, Remove Or leave -->


<!-- Reddit Button Start, Remove Or leave -->
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png'/></a>
<!-- Reddit Button End, Remove Or leave -->



<!-- FaceBook Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png'/></a>
<!-- FaceBook Button End, Remove Or leave -->


<!-- Yahoo Button Start, Remove Or leave -->
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png'/></a>
<!-- Yahoo Button End, Remove Or leave -->

<!-- Twitter Button Start, Remove Or leave -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>
<span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<!-- Twitter Button End, Remove Or leave -->

</span>
</div>


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



-اذا كنت تمتلك مدونة باللغة العربية تستطيع تغير الكود من اليسار الى اليمين وذالك بتغيير left الى right كما يمكنك تغيير الإسم share this الى أي اسم أخر بالعربية أو الإنجليزية , اذهب الى أي برنامج تصميم للصور وليكن paint مثلا ثم اختر نص صغير مثلا انشر الموضوع ثم قم بحفظ النص بصيغة صورة jpg أو png ثم قم بتحميل الصورة على احدى مواقع رفع الصور أو على بلوجر .



قم بنسخ رابط الصورة المحملة على النات ثم ألصقه كما هو موضح بالصورة التالية :

بالتوفيق

ليست هناك تعليقات:

إرسال تعليق