التخطي إلى المحتوى الرئيسي

المشاركات

عرض الرسائل ذات التصنيف اضفات بلوجر

إضافة قطار المواقع الإجتماعية المتحرك إلى موقعك

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين أضف أزرار المشاركة الإجتماعية الفيس بوك ، تويتر، جوجل بلس بشكل جديد ومميز كما نعلم جميعا أهمية المواقع الإجتماعية فى زيادة عدد زوار ومتابعين المواقع والمدونات فلابد الإهتمام بإضافة أزرار الفيس بوك وتويتر وجوجل بلس إلى المدونة بشكل مميز لتشجيع الزائرين بالإشتراك بها ومتابعة جديد موقعك من خلالها. وقد قدمت طرق عديدة لإضافة أزرار المشاركة الإجتماعية يمكن أيضًا الإطلاع عليها: نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والقائمة البريدية  أفضل طريقة لإضافة أزرار الفيس بوك وتويتر وجوجل بلس لموقعك قائمة ثابتة من أيقونات المواقع الاجتماعية الخشبية  إضافة زر أعجبنى وصندوق الإعجاب Like box,Like من مميزات أنها تظهر أيقونات المواقع الإجتماعية على هيئة عربات قطار تتحرك أسفل شاشة المدونة  بالضغط عليها يتم التوجه إلى المواقع الإجتماعية الخاصة بالمدونة كما تتميز بأنها بسيطة سهلة التركيب تفتح الروابط فى صفحة جديدة من نوع نوفلو . طريقة تركيب القطار ...

أفضل 3 مواقع لعمل سلايدر ثلاثى الأبعاد للمواقع websites slideshow

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين إضافة عارض الصور إلى المواقع و المدونات أصبحت هامة جدًا لما تضيفه هذه الأداة للموقع من مظهر شيق للموقع أو المدونة ولإستخدامها فى عرض صور لاهم موضوعات الموقع. وتنوعت أشكال مستعرض الصور بالعديد من التقنيات وقد تحدثت فى موضوع سابق عن طريقة لإضافة سلايد شو ثلاثى الأبعاد  Piecemaker 2 مفتوح المصدر بطريقة iframe . ولكن قد يجد البعض صعوبة فى تركيب هذه الإضافة لهذا سأطرح بعض المواقع التى تقدم خدمة عمل عارض الصورمجانًا loxiastudio.com: هذا الموقع يسمح بعمل سلايدر فلاشى ثلاثى الأبعاد بطريقة بسيطة جدًا بتقنية  HTML5 ,  jQuery يعمل دون برامج (online slideshow)  أون لاين. فقط عليك إختيار شكل عارض الصور المناسب لموقعك ثم إرفع الصور التى سيتكون منها السلايدر ثم ضبط أبعاد الطول والعرض  للسلايد شو  ليناسب موقعك يسمح بإضافة الروابط على كل صورة. يستخدم لمواقع الووردبريس وبلوجر وGoogle sites وJoomla وغيرها من المواقع.  من مميزات هذا الموقع أيضًا ...

خمسة مصادر تعطيك أفكار لكتابة محتوى حصرى على موقعك

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين هل تواجهك مشكلة المحتوى الحصرى عندما تريد كتابة موضوع جديد على موقعك؟ بالتأكيد كل صاحب موقع أو مدونة يهتم بتقديم كل ماهو جديد لكسب ثقة الزوار إلى الموقع وكسب ثقة محركات البحث وبالتالى يؤدى ذلك لنجاح الموقع سواء كان محتوى المدونة باللغة العربية أم باللغة الإنجليزية ، فمن السهل كتابة موضوع على المدونة ولكن من أصعب الأمور التى تواجه المدونين الحفاظ على حصرية المحتوى لذلك سأقدم بعض مصادر  الأفكار التى تساعدك فى كتابة موضوعات فريدة. 1.القراءة والبحث من أهم المصادر للمحتوى الحصرى  إذا كنت من محبى قراءة موضوعات الآخرين ومتابعة العديد من المدونات التى تشبه مجال مدونتك فقد تفاجأ مرة بموضوع تستطيع أن تعرضه بشكل مختلف ولديك معلومات إضافية يمكن أن تضيفها لصياغة موضوع متكامل يكون متميزًا بشكل أكبر. 2. مواقع الإجابات كنز المحتوى تعتبر مواقع الإجابات من أهم المصادر التى يمكن أن يكون بها كم هائل من الأفكار ، فمن خلالها تستطيع أن تتعرف على بعض الأسئلة فى مجال معين وممكن أيضًا أن تستفيد من ال...

لتنسيق عرض قوالب بلوجر ولغة HTML

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

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

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

إنشاء فهرس مصور عام أولقسم معين على بلوجر

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين تهتم معظم المدونات بإضافة صفحة ثابتة بها فهرس أو خريطة تضم موضوعات المدونة لتكون دليل الزائر فى البحث والإستفادة من مشاركات المدونة وقد قدمت فى مشاركة سابقة شرح لطريقة إضافة  فهرس بلوجر  الذى كان يتميز بتنظيم روابط وعناوين التدوينات وعرضها بحسب التاريخ والتسميات مع السماح للزائر بفلترة الموضوعات بحسب التسمية أو القسم والعديد من المميزات الأخرى. أما اليوم أقدم الفهرس لمدونات بلوجر بصورة مختلفة حيث يعرض عناوين الموضوعات بجانبها صورة مصغرة للموضوع.  يعتمد إنشاء خريطة أو فهرس للموقع على رابط التغذية الخاص به atom or rss  بحيث ينشر تحديثات المدونة تلقائيًا بالفهرس. من مميزات هذا الفهرس أنه يزيد من إحصائيات الموقع وسهولة عرض المواضيع للزائر، ويعرض المواضيع من الأحدث إلى الأقدم بالإضافة إلى صورة مصغرة لأول صورة فى الموضوع ليعطى شكل توضيحى و جمالى للفهرس يمكن  بالإمكان إنشاء فهرس لجميع موضوعات المدونة أو إنشاء فهرس لقسم معين فقط حسب التسميات أ...

بنرات تتغير مع تحديث الصفحة

هل فكرت يوماً بان تضع مواضيع مختارة من مدونتك لكن لم تجد مساحة مناسبة في القالب هل كنت ترغب في إضافة سلايدر لمدونتك لكن خفت من الثقل هل أردت إظهار رسائل تنبيهية للزوار تتجدد مع التحديث مع هذه الإضافة يمكنك فعل كل ذلك وأكثر الإضافة عبارة عن كود يمكنك التحكم فيه بسهولة بان تضيف صورة أو اكثر بقدر ما تحب تتغير تلقائيا مع تحديث الصفحة يعني يمكنك عمل إضافة بمختارات من مواضيعك أو رسائل تتجدد مع كل تحديث للزائر أو بنرات أذكار تتجددد مع تحديث الصفحات أو حتى تبادل إعلاني يتجدد مع التحديث أشياء كثيرة والإضافة سهله جداً في الإستخدام ويمكن التعامل معها بسهولة كود الإضافة يمكنك إضافته الى آداة HTML/JavaScript <SCRIPT LANGUAGE="Javascript"> function banner() { }; banner = new banner(); number = 0; banner[number++] = "<a href='الرابط' target='_blank'><img src='رابط الصورة' border='0'></a>" banner[number++] = "<a href='الرابط' target='_blank'><img src='رابط الصورة' borde...

إضافة الفوتوشوب أونلاين من موقع Pixlr

كنا إستعرضنا في موضوع سابق عن تصميم البنرات للمدونات وكان التصميم عبر خدمة في مدونتي وهي الفوتوشوب أونلاين Photo Editor Blogger Widget وقد طلب بعض متابعينا الكرام هذه الإضافة وها هي متاحة للجميع والإضافة بسيطه هي عرض موقع Pixlr Photo Editing عبر نموذج Iframe وهذا هو الكود قم بوضعه داخل مشاركة او داخل صفحة ثابته لكن مع تحويل صندوق الرسائل من وضع تأليف الى وضع HTML <iframe height="600" src="http://pixlr.com/editor/" width="100%"></iframe> أو يمكن إضافتها كرابط عادي http://pixlr.com/editor

مشغل MP3 بلونك المفضل

مشغلات MP3 للويب أو لبلوجر متعددة وكثيرة لكن قليلة هي المشغلات المميزة التي تجمع بين الخفة وامكانية التنسيق والحقيقة هذا المشغل أحد افضل مشغلات الـ MP3 على الإطلاق وهو مستخدماً كثيراً على منصة الوورد بريس لكن طبعا يمكن استخدامه في كافة ارجاء الويب كنت فكرت هل اطرح عدة مشغلات في الموضوع أم اكتفي بهذا وبعد تفكير قررت ان اكتفي بهذا المشغل كونه يمكن تنسيقه وتلوينه بما يتناسب مع كل القوالب فكان هو الإختيار ولكن طبعاً سنشرح طريقة تنسيقة ليكون الموضوع مكتملاً لكن هناك قاعدة يجب ان أسس لها في هذا الموضع نظراً ان البعض قد يسئ إستخدام هذا النوع من الإضافات أنا برئ من اى شخص سيستخدم تلك الإضافات فيما يغضب رب العالمين لذلك حاول ان يكون إستخدامك لها في نشر ما ينفع الناس وهي مناسبة جداً لطلبة العلم الشرعي الذين يستخدمون ملفات MP3 في نشر الدروس والخطب وطبعا القرآن الكريم لذلك أول شئ هو إستعراض المشغل وتجربته عبر النموذج التالي وهي آيات من سورة القيامة للقارئ سلمان العتيبي حقيقة انا احب جداً هذا المقطع فهو يذكر بالآخرة فتدبره الأن ننتقل لكود المشغل <br /> <center> <object t...

مواضيع ذات صلة مع ملخصات

عرضنا اكثر من موضوع حول إضافة مواضيع ذات صلة وكل واحده تختلف وتتميز عن الأخرى واضافتنا هذه أكثر ما يميزها هي الملخصات فقليل من إضافات مواضيع ذات صلة تسمح بعرض الملخصات إضافة الى مظهرها المميز والعملي وطبعا سيتم شرح كيفية تنسيقها بالألوان التي تناسب قالبك وايضاً طريقة الإختيار بين طريقة العرض والتقسيم تركيب الإضافة الكود الأول أضف هذا الكود فوق الوسم </head> <script type='text/javascript'> //<![CDATA[ /*Related Post*/ var relnojudul = 0; var numpost = 4; var numchars = 88; var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;p...

السلايدر التوأم لآخر المواضيع مع الإعدادات

أحد أشهر السلايدر المتاح لمنصة بلوجر والذي امتلأ به الإنترنت شرقاً وغرباً لكن هناك معلومتين قليل من يذكرهما عن هذا السلايدر أولهما أن لهذا السلايدر نسختين أحب ان اسميهما التوأم متشابهتان كثيراً الفرق بينهما في التنسيق فالأولى أفقية تتناسب اكثر مع الاماكن العريضة والأخرى رأسية تناسب السايدر بار والمساحات الصغيره وهناك الكثيرين من يخلطون بينهم فيركب تلك مكان هذه ويصبح المظهر غير مضبوط , المعلومة الثانية التي يتغافل الكثير عن ذكرها في الإعدادات البعض لا يذكر ان هذا السلايدر ليس فقط لآخر المواضيع ولكنه أيضاً يمكن ان يكون لآخر المواضيع من قسم محدد وليس المدونة باكملها وهنا ستكون فائدته أكبر ان كان لديك قسم عليه إقبال كبير فمن الجيد ان تستخدم السلايدر فيه وسنتطرق لتلك الأمور في موضوعنا طريقة التركيب ثابته اضافة كود السلايدر في آداة HTML/JavaScript <style type="text/css"> #top-main{position:relative} #top-main .widget{border:0;padding:0 0 22px} #top-main h2{position:absolute;left:-9999px} #slides li { display: none; background-color: white; padding: 4px; border: 1px ...

اضافة آخر المواضيع بتقنية جي كويري

إضافة آخر المواضيع بتاثيرات مميزة بتقنية جي كويري JQuery يميز تلك الإضافة المساحة كونها تعرض عدد كبير من المواضيع في مساحة بسيطة ويمكن أيضاً تنسيقها بما يتناسب مع مدونتك سواء في مقاسات المصغرات او الألوان وهو ما سنتطرق اليه في شرح الإضافة <style type="text/css"> #cnmu-post-gallery {   background:#B5DBFC;   border-radius: 4px;   box-shadow: 0 0 2px #222222;   color: #494848;   font: 11px Arial,Sans-Serif;   margin: 0 auto;   padding: 6px;   width: 280px; } #cnmu-post-gallery h2 {display: none;} #cnmu-post-gallery .rp-item {   float:right;   display:inline;   position:relative;   margin:2px;   padding:0px 0px;   background:#fff url('https://lh5.googleusercontent.com/-6OPTGhq4gsI/U8ab6RQ1VvI/AAAAAAAAEa4/9Zkct-uLrbc/s48/loading-cnmu.gif') no-repeat 50% 50%;   width:66px;   height:66px; } #cnmu-post-gallery .rp-item img {   width:100%;   height:100%;   border:no...
أعطي لزوار مدونتك حرية أكبر في اختيار مظهر يتلائم أكثر مع ذوقهم وذلك عبر إضافة مغير الستايل هي إضافة تسمح للزائر بتبديل لون خلفية المدونة أو لون الخطوط او حجم الخط ليكون مناسب اكثر لذوقه الخاص خصوصا مسألة لون وحجم الخط تفيد كثيراً لاصحاب ضعف النظر أو من يجلسون على مسافة كبيرة ويحتاجون رؤية الخطوط بشكل أوضح الإضافة بسيطة وسهلة التركيب كل ماعليك فعله هو إضافة الكود التالي في آداة HTML/JavaScript والباقي يعود لزوارك يمكنك <style> #cnmustylechanger {height: 180px;} #stylechanger {   background:#FFFFFF;   border-collapse: collapse;   border-radius: 5px;   box-shadow: 0 0 2px #222222;   display: block;   font: 10px tahoma;   height: 170px;   margin-top: 10px;   text-align: right;   width: 235px; } #stylechanger th, #stylechanger td {   vertical-align:middle;   border:none !important;   padding:2px 5px; } #stylechanger th.title {   background-color:#33AFE0;   padding:5px 10px;   margin:0 0 10px;   t...

طريقتين لرفع البيج رانك الخاص بمدونتك أو موقعك

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

احسب عمرك

  

أخطاء يرتكبها أغلب المدونين - حاول أن تتفاداها

على إمتداد فترة حياتنا نخوض عدة تجارب في مجالات متنوعة، وكلما دخلنا مجالا ما إلا وارتكبنا أخطاء في البداية. التدوين ليس إستثناءا فجميعنا إرتكبنا 'حماقات' إن صحت العبارة ولكن من الواجب أن نتبادل الخبرات حتى نتدارك تلك الهفوات ونجعل تدويناتنا أكثر إحترافية في أعين قرائنا ومتابعينا. في ما يلي قائمة بأشهر الأخطاء التي يرتكبها المدونون والقائمة لا تنحصر على هذه الهفوات ولكن هذا ما رأيناه أشهرها. -1-تغيير مجال مواضيع المدونة: العديد من المدونين يغيرون نوعية المواضيع في مدونته عما كانت عليه في بداياتها، ربما البعض يمل من الكتابة في نفس الموضوع لكن القارئ عامة يريد المدونات المتخصصة لأنها توفر له عددا مهما من المقالات تتمحور حول شيء واحد ويبغض تلك المدونات التي تتحدث عن كل شيء وتتغير محاور مواضيعها بتغير مزاج مالكها. لذلك حاول دائما أن تدفع مدونتك في إتجاه التخصص، وإذا اردت أن تكتب حول أكثر من موضوع أنشئ أكثر من مدونة. -2-الإهتمام المفرط بتعليقات القراء: عزيزي المدوَن، مهما كان عدد التعليقات في مدونتك كبيرا تأكد أن العدد الجملي للقراء مدونتك أكبر. وكلما زاد عدد التعليقات إرتف...