إضافة طائر تويتر متحرك لمدونتك (مدهش)

إضافة طائر تويتر متحرك لمدونتك (مدهش)


بسم الله الرحمن الرحيم

اليوم سنتكلم عن إضافة أكثر من رائعة و هي خاصة بموق Twitter، الإضافة هي عبارة عن طائر تويتر متحرك يتنقل في صفحة الموضوع و يتبع الزائر أينما دهب، وعندما تضع زر الفأرة عليه تظهر عبارة "follow me" ليتمكن وزارك من متابعتك على Twitter . و تعتمد هذه الإضافة على تقنية java script الرائعة.

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

يمكنك مشاهدة هذه الإضافة على الصفحة التالية 

Demo
إضافة زر تويتر الطائر

هناك طريقتان لوضع هذه الإضافة :
  1. إما أن تجعلها تظهر في المواضيع فقط أي أنك لن ترى الطائر المحلق في كل المدونة كما في المثال السابق.
  2. إما تجعلها تظهر في كل مواضيع المدونة بما فيها الصفحة الرئيسية.

إضافة طائر تويتر المحلق في صفحات المدونة فقط

توجه إلى لوحة التحكم الرئيسية / تصميم / تحرير HTML

Blogger Dashboard

ثم إبحث عن الوسم التالي:

</body>
و ألصق قبله مباشرة الكود التالي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="
http://widget-blogs.blogspot.com" target="_blank">Best Blogger Gadgets</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
</b:if>
غير جملة Your Twitter User Name Here بإسمك على موقع Twitter .

إضافة طائر تويتر المحلق إلى المدونة بأكملها

توجه إلى لوحة التحكم الرئيسية / تصميم / تحرير HTML

Blogger Dashboard

ثم إبحث عن الوسم التالي:

</body>

و ألصق قبله مباشرة الكود التالي:

<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "Your Twitter user name here";
var tweetThisText = " <data:blog.pageTitle/> ~ <data:blog.Url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="
http://widget-blogs.blogspot.com" target="_blank">Best Blogger Gadgets</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->

غير جملة Your Twitter User Name Here بإسمك على موقع Twitter .

و أخيرا أتمنى أن يكون هذا الموضوع قد نال إعجابكم.
إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك تعليق واحد:

  1. جزاك الله خير

    أختي ابحذف إيقون تويتر كيف

    وأقصد اللي بالون الأزرق وشوفي مدونتي

    http://hamsaltaif77.blogspot.com/

    ردحذف