كود إظهار زوار المدونة على خريطة العالم 3D Revolver Maps "محدث"

هذه أداة مميزة جداً وخاصة لمدونات بلوجر وأغلب المدونات والمواقع أيضاً ومن مميزاتها:
أن كل زائر يدخل للمدونة يظهر على هذه الخريطة نقطة حمراء في مكان وجوده ويكون بجانب النقطة هذه اسم المدينة والدولة الموجود بها ويقوم بعرض علم الدولة الموجود بها أيضاً.

وهذه الخريطة على شكل 3D وبإمكانك تدويرها كيفما شئت لتنظر لمعظم لزوار القادمين لمدونتك من معظم دول العالم وهي متاحة كإصدار جافا وكذلك نسخة فلاش
وما عليك أخي العزيز لإضافة هذه الأداة إلا أن تدخل على هذا الموقع Revolver Maps وتتبع الخطوات وهي سهلة جداً ولا تحتاج لشرح، ومن ثم تقوم بنسخ الكود الموجود بالأسفل وتضعه في أداة HTML/JavaScript داخل المدونة..
ولأي استفسار بخصوص هذه الأداة ما عليكم إلا أن تضعوها في الردود والتعليقات أسفل الموضوع وسأقوم بالرد عليها أولاً بأول..

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

أولاً:
كما كتبت في بداية التدوينة نتوجه إلى موقع Revolver Maps 
 

كما نشاهد في الصورة السابقة.. هذه هي واجهة الموقع وكما تشاهد علم فلسطين واسم المدينة أي مكان تواجدي أنا أثناء دخولي على الموقع..

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

ثانياً:

نقوم بالضغط على " Get Standard Version  " كما نشاهدها في الصورة المشار إليها بالسهم في الصورة التالية:

 ثالثاً:

تكوين الكرة الأرضية الخاصة بك " Configure Your Earthball ":

في البداية نجد في الصورة التالية الصفحة التي نريد التوجه إليها وهي صفحة عمل الأداة أو تكوين الكرة الأرضية..

في الصورة السابقة يشير السهم إلى كلمة "Preview" أي "المعاينة" وهي معاينة الكرة الآرضية أثناءإختيارك شكل وحجم الكرة كما تريد أنت قبل أن تقوم بنسخ الكود وتلصقه في مدونتك..

والآن سنقوم بتكوين خريطتنا كما نريد..

1- تحديد شكل الخريطة " Select A Map " :

كما نشاهد في الصورة السابقة أشكال للخريطة أو بالأحرى للكرة الأرضية بشكل عام منها الطبيعية ومنها الملونة ومنها خريطة بيضاء وأشكال أخرى وأفضل منها الأولى..

2- إختيار أبعاد الخريطة " Choose Dimensions " :

هذه الخطوة رائعة جداً..

من هذه الخطوة كما نشاهد في الصورة نقوم بتحديد مقاس وأبعاد الخريطة أي كم يكون حجمها في مدونتك أو موقعك، فمثلاً المدونة ذات عمودين يحتاج صاحب المدونة حجم كبير مثلاً " 340px * 340px " أو أقل وأنت تقوم بالتجربة مرة ومرتين إلى أن يكون الحجم مناسب لمدونتك، وإذا كانت المدونة ذات ثلاث أعمدة فبالطبع سيكون الحجم أقل لأن العمود سيكون حجماً بالتأكيد..

المهم إنتوا اختاروا الحجم على ذوقكم...

وإذا كنتم تريدون حجماً أقل من الموجود فقموموا بالضغط على " Mini Globe " وهي موجودة في الصورة السابقة..

3- إختيار لون العلامة " Choose Marker Color " :

من هذه الخطوة تقوم بتحديد لون النقطة التي تُظهرمكان وجودك على الخريطة كما نشاهد في الصورة التالية النقط الحمراء:

وإذا كنت تريد أن تختار ألوان أكثر فبإمكانك الضغط على [more colors] كما يشير إليها السهم في الصورة التي قبل السابقة، وبعد الضغط عليها يأتينا الشكل التالي:

 وإذا أردت العودة لشكل تحديد الألوان الأول قم بالضغط على [less colors] كما يشير السهم..

4- إعدادات متقدمة " Advanced Settings " :

 الخيارات الأربعة تشير إلى إضافة عدد الزوار، ولون لخلفية المخصصة، وإلخ.. وأنصح بتركها كما هي..

أما الخيارات الثانية فهي إختيار إصدار التعليمات البرمجية " choose code version":

1. إختيار نسخة  عن طريق جافا سكربت، أي عرض نسخة فلاش بلاير وهذه أفضل إختيار للأداة في مدونات بلوجر.
2. اختيار نسخة فلاش html .

الخطوة الأخيرة..

5- نسخ كود الأداة إلى موقعك "Copy The Code To Your Site" :

وبعد هذه الخطوات يأتينا هذا الكود جاهز وما علينا إلا وأن نقوم بنسخه ولصقه داخل المدونة أو الموقع..

ولكيفية نسخ الكود في المدونة إليك الخطوات..

طريقة وضع الكود:
اذهب إلى لوحة التحكم ومن ثم تصميم:
نضغط على  إضافة أداة في الهيدر

ونختار الأداة " HTML/JavaScript "

ومن ثم نقوم بلصق الكود بداخله ومن ثم نضغط على حفظ

ولمن يريد نسخ هذا الكود ووضعه في مدونته ولكن حسب حجم معين..
الكود..

<div style="text-align:center; margin:0px; padding:0px; width:340px;"><embed src="http://re.revolvermaps.com/f/g.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="window" allowScriptAccess="always" allowNetworking="all" width="340" height="340" flashvars="m=0&amp;i=4win4a0r9vp&amp;r=true&amp;v=true&amp;b=000000&amp;n=false&amp;s=340&amp;c=ff0000"></embed><br /><img src="http://je.revolvermaps.com/c/4win4a0r9vp.gif" width="1" height="1" alt="" /><a href="http://www.revolvermaps.com/?target=enlarge&amp;i=4win4a0r9vp&amp;color=ff0000&amp;m=0">Large Visitor Globe</a></div>

وفي النهاية تمتعوا بهذه الأداة في مدونتكم ودمتم بخير

محبكم المبدع الفلسطيني