![]() |
|
|
|
||||
|
مصمم عالمي
|
السلام عليكم ورحمة الله وبركاته شرح موقع التمبلر راح نتطرق لعدة مواضيع ونشرحها حبه حبه 1- التسجيل في موقع التمبلر 2- ضبط اعدادات مدونتك الخاصه 3- كيفية اضافة ثيم وتعديل خصائصه 4-تعريب الثيم 5- شرح لوحة التحكم في موقع التمبلر 6- التسجيل في موقع disqus لأضافة التعليقات 7- وضع الروابط في صور لوضعها في الرئيسيه + مواقع تهمك نبدأ بالتسجيل في الموقع سهل مثله مثل أي موقع بتسجل فيه ![]() الشرح بالارقام أسهل 1- البريد الألكتروني 2- الباس حق المدونه 3- الرابط حق مدونتك تكتب الاسم اللي تبيه 4- نضغط على sign up and start posting بتجينا كتابة الرمز وتأكيد التسجيل ![]() نكتب اللي بالصوره ونضعط على I'm human وبكذا سجلنا بالموقع بتجينا رساله على البريد بس مالها لزمه
|
||||
|
|
|
|
||||
|
مصمم عالمي
|
![]() Blog Title = نكتب فيه الاسم حق المدونه مثل الحين المدونه اللي اشرح عليها (alashjan) اكتبه بهالفراغ Upload a portrait photo = الافاترز Show all appearance options = نضغط عليها علشان ننتقل لباقي الاعدادات بعدها بتفتح لنا الاعدادات وراح نشرحها وحده وحده نبدأ بـ Info ![]() المربعات واضح كتبت شرحها بوسطها ![]() 1- اللقب 2- التعريف بمدونتك وتطلع تحت الافاتر وبرضو تقدر تضيف لها أكواد مثل الساعه وعدد الزوار والدلالات والتاريخ 3- صورة الافاتر 4- لأضافة دومين خاص نجي لأضافة الاكواد كود الـ tags كود بلغة HTML:
<!--Start Tumblr Tag Cloud--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://rive.rs/javascripts/tumblr_tag_cloud.min.js?css=default&minsize=120&ma xsize=280"></script><!--End Tumblr Tag Cloud--> كود التاريخ والساعه كود بلغة HTML:
<iframe src="http://free.timeanddate.com/clock/i28rts4d/n214/fn7/ftbi/bo2/tt0/tm3/th2/ts1" frameborder="0" width="280" height="23"></iframe> كود عدد الزوار كود بلغة HTML:
<script type="text/javascript">cid = "53727";</script><script type="text/javascript" src="http://www.ezwebsitecounter.com/c.js?id=53727"></script><noscript><a href="http://www.ezwebsitecounter.com/">free hit counter ezwebsitecounter.com</a></noscript> وهنا للي يبي يضيف الاسك مي حقه والتويتر والفيس بوك او اي موقع يبي يضيفه ( حطينا رابط الاسك مي حق سيدة الاشجان واللي تحته خط هذا الاختصار اللي يطلع في المدونه وتدل على الاسك مي حقها) كود بلغة HTML:
<A HREF="http://www.formspring.me/alashjan">Ask me </A> أو كود بلغة HTML:
<a href="http://www.formspring.me/alashjan" target="_blank"><img src="http://i53.tinypic.com/104ksad.png" border="0" alt="Image and video hosting by TinyPic"></a> لأضافه القرآن الكريم كود بلغة HTML:
<center><iframe align="center" id="IW_frame_1438" src="http://www.tvquran.com/add/index.htm" frameborder="0" allowtransparency="1" scrolling="no" width="302" height="334"></iframe></center> وبكذا خلصنا أول الأعدادات نروح الحين للثيمات وهاذي صورتها وراح نشرحها بالتفصيل بالرد الجاي لا تستعجلون ![]() ![]() ![]() نروح للخانه الثالثه اللي هي Appearance بهالخانه راح يطلع فيها الاشياء اللي يتيحها لك الثيم من الوان الخطوط وحجمها وخلفيه للثيم من الجهاز ....الخ ![]() نروح الحين لخانة Pages هذه الخانه خاصه لعمل مدونه أخرى صغيره تختص بالمعلومات الشخصيه تسمى abaut ![]() نضغط على Add وتطلع لنا الصفحه اللي نكتب فيها ![]() الخانه اللي بعدها اللي هي سيرفيز تختص بربط المواقع بالتمبلر مثل ربط التويتر بالتمبلر او الفيس بوك بالتمبلر ![]() بعدها خانة community وهي خاصه للتفاعل مع الاعضاء ![]() وآخر خانه اللي هي Advanced خاصه لضبط الوقت + عدد التدوينات بالصفحه ولغة المدونه وهكذا ![]() وآخر شي نضغط على حفظ لحفظ الاعدادات السابقه ![]() ملاحظه لا أحد يسوي الاعدادات مثل الصور لأني صورتها قبل أسوي الاعدادات اللي ابيها يعني كلن يحط اعداداته على كيفه
آخر تعديل الخــود
في 03:14 PM.
|
||||
|
|
|
|
||||
|
مصمم عالمي
|
نرجع لخيار الثيمات ونشوف وش فيه ![]() ![]() نختار اي ثيم ونضغط على Browse more themes علشان تفتح لنا صفحة الثيمات في التمبلر بعدين بتطلع لنا هاذي اللافته ونضغط موافق ![]() بعدها بيطلع لنا صفحة الثيمات في التمبلر ونختار الثيم اللي يعجبنا وعلى فكره ترا مب كل الثيمات مثل بعض يعني بتلقى خصائص موجوده في ثيم مب موجوده في ثيم ثاني وهاذي خيارات الثيمات من حيث التصنيفات ![]() Featured = الثيمات المميزه premium = هاذي الثيمات بقروش ![]() Recent = الثيمات الجديده Popular = الثيمات الأكثر شعبيه واخترنا ثيم وثبتناه طبعا ما يحتاج شرح بتلقون في صورة الثيم كلمة install نضغط عليها وبيتثبت وبيطلع لنا فوق بالزاويه من جهة اليمين هالشي ![]() نضغط على customize علشان نكمل باقي الاعدادات على فكره ابقول لكم حاجه ترا الاعدادات افضل شي انك تختار الثيم بعدين تضبط الاعدادات علشان بس ما تتعبون انفسكم تضبطون واخر شي تغيرون الثيم لأن الاعدادات راح تختلف من ثيم لثيم
|
||||
|
|
|
|
||||
|
مصمم عالمي
|
فصار فيه أختراع اسمه تعريب ثيم مدونة التمبلر ![]() ![]() يالله خلونا نشوف كيف نعرب مدونتنا ومنتكم يالتمبلر في الشحم يوم ما حطيتوا لنا لغه عربيه ![]() نضغط على ثيم من القائمه فوق وبتطلع لنا هالصوره ![]() نضغط على Use custom HTML بعا بيفتح لنا بالنافذه نفسها زي المفكره وفيها اكواد ودنيا احنا ما يهمنا الا هالسطر وتراه يختلف اختلاف بسيط من ثيم لثيم بس لو شفتوه بتعرفونه على طول وغالبا يجي بالسطر الثالث او الرابع ![]() كود بلغة HTML:
<html xmlns=http://www.w3.org/1999/xhtml"> <head> ![]() ننسخ هالكود ونحطه بين السطر وكلمة head> كود بلغة HTML:
<html dir="rtl" lang="ar">
![]() ونضيف برضو هالشي نهاية السطر الأول اللي حددناه كود بلغة HTML:
dir="rtl" كود بلغة HTML:
<html xmlns="http://www.w3.org/1999/xhtml"dir="rtl"> <html dir="rtl" lang="ar"><head> ونروح لخيار ![]() ونحط في خانة add custom css الموجود في الكود كود بلغة HTML:
.post {direction:rtl}
بعض التعديلات اللي اضفتها على الثيم نفسه علشان يطلع بالشكل اللي ابيه توسيط الكتابه ![]() ندخل اللي عربنا فيه ونضيف كود بلغة HTML:
text-align: center; تحت كلمة كود بلغة HTML:
body {
بعد الاضافه بيصير بهالشكل اما بخصوص الخط أحيانا يكون الخطوط محدوده فودك تضيف الخط اللي انت تبيه وتحب تكتبه مثل خط Mudir MT لسيدة الأشجان ![]() برضو بنفس الشي نضيف كود بلغة HTML:
font-family:Mudir MT وبيصير هذا شكله بعد الاضافه وانتم حُرين بإضافة اي كود ثاني
|
||||
|
|
|
|
||||
|
مصمم عالمي
|
نروح دحين لواجهة المدونه ![]() ![]() ![]() Dashboard هاذي الخاصيه لأضافة التدوينات Text = التدوينات الكتابية Photo = الصور بالإمكان إضافة أكثر من صورة Quote = الاقتباس Link = وضع الروابط Chat = المحادثة Audio = التدوينات الصوتية Video = لتدوينات الفيديو بإمكانكم في تدوينات الصوت والفيديو تضيفون كلام تحته بيجيكم بوكس لأضافة كتابة Directory الخاصيه هاذي تبع تصنيف التدوينات ويتيح لك موقع التمبلر كل يوم خميس تقييم مدونه تبع تصنيفها Account هاذي الخاصيه تبع المعلومات الشخصيه للمدون مثل الايميل والباس وغيرها ![]() Goodies هاذي الخاصيه تقدم خدمات التمبلر اللي هي تمبلر آي فون أو تمبلر بلاك بيري أو تمبلر فيس بوك وغيرها من الخدمات لتثبيت تمبلر على البلاك بيري // Download tumblr for blackberry لتثبيت تمبلر على الآي فون//Download Tumblr for iPhone لتثبيت تمبلر على اجهزة الاندرويد// Download tumblr for android نروح للجزء الآخر من لوحة التحكم وهو ![]() following = تظهر لك عدد الاشخاص اللي تتابع تدويناتهم Untitled = عنوان المدونه alashjan alashjan.tumblr,com = للوصول الى صفحة مدونتك posts = هذه تبين عدد المشاركات التي قمت بتدوينها Drafts = هذه اذا كنت تحب تحتفظ بمسودات قبل ارسالها Queue = هذا خاص بعمل جدول معين للتدوينات المؤجلة. Customize = للوصول الى صفحة الاعدادت اللي منها تغير الثيم ..الخ. ![]() القلب = وضع علامة مفضله على التدوينه الأسهم =اعادة عرض التدوينه في مدونتك علامة + = اضافة المدونه الى قائمة الأصدقاء خاصية Tracked Tags تتيح لك البحث في موقع التمبلر اي شي تبي تبحث عنه تكتبه هكذا في الرابط اول شي بيكون رابط الموقع هكذا http://www.tumblr.com/ بعد السلاش نضيف كلمة http://www.tumblr.com/tagged بعدها نضيف سلاش ونحط كلمة الشي اللي نبحث عنه http://www.tumblr.com/tagged/msa6el ![]() وراح يطلع لنا بهالشكل اذا سوينا لها حفظ ![]() ![]() |
||||
|
|
|
|
||||
|
مصمم عالمي
|
طيب كيف نضيف بوكس التعليقات؟ يالله خلونا نشوف كيف <- ![]() نروح أول شي ونسجل بهالموقع http://disqus.com/profile/signup/ ![]() بعد التسجيل نسيت اصور بس ابكتبه لكم ![]() site URL = رابط مدونتك site name = اسم مدونتك site shortname = اسم مختصر لمدونتك بعدين بتجيكم صفحه تختارون منها اللغه طبعا نختار عربي ونأشر صح على المواقع اللي ودك تضيفها واذا ما ودك مب لازم وهمن نضغط continue بعدين بيجنا صفحه فيها خيارات للمواقع اللي تبيها نختار التمبلر وانتهى التسجيل ![]() بعدها نروح للمدونه ونسوي كذا في الاعدادات اللي عليها سهم ![]() نحط الاسم المختصر للمدونه فقط علشان تشتغل معنا التعليقات وبكذا انتهينا من اضافة بوكس التعليقات تحت كل تدوينه
|
||||
|
|
|
|
||||
|
مصمم عالمي
|
![]() وش نسوي اذا بغينا هالشي ؟نروح لموقع TinyPic - Free Image Hosting, Photo Sharing & Video Hosting ونرفع الصوره عليه وناخذ الرابط اللي في HTML for Websites ونروح للمدونه ونفتح lnfo ونضيف لها الرابط اللي نسخناه بيصير بهالشكل <a href="http://www.formspring.me/alashjan" target="_blank"><img src="[URL]http://i53.tinypic.com/104ksad.png[/IMG]" border="0" alt="Image and video hosting by TinyPic"></a> نخلي الرابط كله مثل ماهو بس نشيل الرابط الاول اللي بين القوسين ونحط رابط الصفحه بعدها حفظ للاعدادات ومبروك عليكم ايقونة صفحتكم المفضله بالرئيسيه ![]() نجي لأهم رابط وأحسن رابط وانصح الكل بمتابعته اذا صعب عليكم حاجه http://t3lm.tumblr.com/ ![]() برضو رابط لحقون الـ آبل طھظ…ط¨ظ„ط± | ط¹ط§ظ„ظ… ط¢ط¨ظ„ رابط لرفع الصور على موقع التمبلر Log in | Tumblr انتهينا وهاذي النتيجه معي على مدونه لحبيبة قلبي سيدة الأشجان ![]() ![]() http://alashjan.tumblr.com/ أخيرا هذا شرح بسيط جدا لموقع التمبلر ولو تعمقتوا فيه كل يوم بتكتشفون حاجه جديده ![]() أتمنى انه اعجبكم ولا تنسوني وأخواني المسلمين من الدعاء في ظهر الغيب ملاحظه: الله لا يسامح اللي يفتح مدونه ويحط فيها شي يغضب الله ، اللهم أني بريئة منه
آخر تعديل الخــود
في 11:39 PM.
|
||||
|
|
|
|
|||||||||||||||||||
|
مُنتج محترف
|
انت لو منك اثنين بس كان إحنا بخير وأجهزتنا كمان ![]() ![]() ماشاء الله تبارك الله عندك إصرار وطولة بال على تعلم الجديد اغبطك عليها الصراحة ![]() والله يجعل كل حرف خير اكتبه في المدونة في ميزان حسناتك يارب , يحتاج ارجع اقول لك اني احبك ! احبك والله يشهد ![]()
آخر تعديل سيدة الأشجان
في 11:28 AM.
|
|||||||||||||||||||
|
|
|
|
||||
|
مصمم عالمي
|
![]() من هنا تسوي مدونه صغيره بوسط المدونه الكبيره بتقول وشلون Page URL = تكتب فيه رابط المدونه الصغيره Page Type = هنا تسوي واجهه او خلفيه للمدونه الصغيره يعني تختار من السهم اللي بهالخيار اللي يعجبك Page Title = عنوان التدوينه نفسها او عنوان المدونه الصغيره Body = تكتب بهالبوكس التدوينه اللي بتضيفها بالمدونه الصغيره مثلا تعريف عن نفسك Show a link to this page = تحط صح اذا تبي رابط المدونه الصغيره في المدونه الكبيره واذا ما تبيه يطلع تشيل الصح وتضغط اخر شي على Create page بهالطريقه تسوي مدونه صغيره داخل المدونه الكبيره ![]() |
||||
|
|
|
|
|||||||||||||||||||||||
|
مصمم عالمي
|
شوف انت اذا فتحت الأكواد حقة الثيمات طبعا شي أكيد بيطلع لك بربره واجده بس شوف صورتها لك ![]() شايف اللي عليه مستطيل أحمر؟ هو اللي يهمنا في المستطيل الأحمر 3 سطور انت بتلقاها قبل تضيف التعريب سطرين اللي هو الأول والثالث انت تنسخ السطر الثاني من هنا كود بلغة HTML:
<html dir="rtl" lang="ar">
) هاذي الاسماء حقة الواجهه الرئيسيه والارشيف وهالطقه يعني وتقلبها من انقلش لعربي في الاكواد نفسها وبكذا تكون عربت كل شي تمامطريقة التوسيط والخط هاذي راجعه لك اذا حاب تضيفها بمدونتك أو لا هاه ان ما فهمت حطيت شرح أدق من كذا
|
|||||||||||||||||||||||
|
![]() |
| الكلمات الدلالية (Tags) |
| tumblr |
| الذين يشاهدون محتوى الموضوع الآن : 4 ( الأعضاء 0 والزوار 4) | |
| أدوات الموضوع | |
|
|
|
|