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

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

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

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

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

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

هناك طريقتان لوضع هذه الإضافة :

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

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

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

اقرا ايضا :إضافة الشبكات الإجتماعية بشكل جميل و جذاب Bookmarking Widget

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

</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">

اقرا ايضا :أيقونات جديد لمدونتك Social Icons

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 .

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

اقرا ايضا :أضف قائمة للأدوات أسفل مدونتك Wibiya Toolbar

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

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

</body>

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

<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>

اقرا ايضا :زر Twitter جميل و أنيق

<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 .

و أخيرا أتمنى أن يكون هذا الموضوع قد نال إعجابكم.