السبت، 8 فبراير 2014

تواجه مشكل في ظهور مواضيع مدونتك عند نشرها على Facebook!!الحل من هنا

حل مشكل نشر المواضيع على الفيسبوك facebook لمدونة بلوجر


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

حل مشكل نشر المواضيع على الفيسبوك facebook لمدونة بلوجر

مع تطبيقك لهذا الدرس ستصبح مواضيعك تنشر على هذا الشكل:


حل مشكل نشر المواضيع على الفيسبوك facebook لمدونة بلوجر


نمر لتركيب الإضافة :

1.توجه للوحة التحكم الخاصة بمدونتك.
2.إختر قالب.
3.ثم تحرير HTML.
4.إضغط داخل مستطيل أكواد القالب مرة واحدة.
5.إضغط من لوحة المفاتيح keybord على CTRL+F.
6.تتحصل على مستطيل البحث داخل الأكواد,قم بالبحث عن الكود التالي:
<data:post.body/>

7. ثم ضع فوقه مباشرة الكود التالي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<meta expr:content='data:post.title' name='title'/>
</b:if>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>

8.ثم قم بحفض القالب.


أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.

الجمعة، 31 يناير 2014

اضافة كود تبادل اعلاني بمساحة يمكنك التحكم فيها وبشكل جديد واحترافي لمدونة بلوجر


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

اترككم الان مع الشرح :

انتقل إلى لوحة تحكم مدونتك
إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
والآن الصق داخل المستطيل الكود التالي:


<div align="center">
<table border="3" width="320px" id="table1" dir="rtl" style="border: 1px solid #ccc" >
<tr>
<td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td>
</tr>
<tr>
<td width="150" align="center" style="border: 2px dotted #FF9900" bordercolorlight="#000000" bordercolordark="#000000">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#FF9900" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #33CCFF" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#33CCFF" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #99CC00" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#99CC00" size="2">ضع اعلانك هنا</font></a></span></td>
</tr>
<tr>
<td width="150" align="center" style="border: 2px dotted #FF9900" bordercolorlight="#000000" bordercolordark="#000000">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#FF9900" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #33CCFF" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#33CCFF" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #99CC00" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#99CC00" size="2">ضع اعلانك هنا</font></a></span></td>
</tr>
<tr>
<td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td>
</tr>
<tr>
<td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td>
<td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000">
<p align="center">
<span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن">
<font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td>
</tr>
</tr>
</table>
</div>


ثم بعد ذلك :
استبدل كلمة ضع هنا رابط المعلن برابط مدونة المعلن لديك
استبدل كلمة   ضع اعلانك هنا بأسم مدونة المعلن لديك
width="320px لتغيير عرض الاضافه

الان قم بحفظ القطعه مبروك عليك الاضافه

أحدث اضافة لمدونة بلوجر تمكن زوار مدونتك من اختيار لون خلفية المدونه حسب رغبتهم


السلام عليكم اخواني اخواتي متابعي مدونة عزالدين احمد, اليوم اقدم لكم اضافه جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم الحل

هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم .

والان مع الشرح :

انتقل إلى لوحة تحكم مدونتك

HTML/Javascript إختر "تخطيط" ثم إضافة أداة ثم اختر
والآن الصق داخل المستطيل الكود التالي :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>


الان قم بحفظ الاداه وقم بالمعاينه ومبروك عليك الاضافه ^_^

إضافة زر "اضافة رد" على التعليقات لمدونات بلوجر

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

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


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ثم قم بالبحث عن هذا الكود :

    <data:commentPostedByMsg/>

ثم ضع مباشرة تحته هذا الكود :

    <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=11111111&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450&quot;); return false;'>
    <img src='http://hitskin.com/themes/14/77/83/i_reply.jpg'/></a></span><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>


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



إضافة زر إخفاء و إظهار جميع التعليقات من على صفحة التدوينة على مدونات بلوجر



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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

    </head>

ثم قم بوضع الكود التالي قبله :

    <script language='javascript'>
    function toggle() {
    var ele = document.getElementById(&quot;toggleText&quot;);
    var text = document.getElementById(&quot;displayText&quot;);
    if(ele.style.display == &quot;block&quot;) {
    ele.style.display = &quot;none&quot;;
    text.innerHTML = &quot;<img alt='إظهار التعليقات' src='http://2.bp.blogspot.com/_gToJ30Luauw/TKA7G_2qx_I/AAAAAAAABs4/5fSYSHvGlIA/s1600/cooltext470930301.png' title='إظهار التعليقات'/>&quot;;
    }
    else {
    ele.style.display = &quot;block&quot;;
    text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://3.bp.blogspot.com/_gToJ30Luauw/TKA7LihKnQI/AAAAAAAABs8/TNvjknNFd20/s1600/cooltext470930319.png' title='إخفاء التعليقات'/>&quot;;
    }
    }
    </script>

حيث يمثل الرابط ذا اللون الأزرق صورة الزر "إظهار التعليقات" و الرابط ذا اللون  الأحمر صورة الزر" إخفاء التعليقات "

والآن نقوم بالبحث عن هذا الكود :

    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

ثم قم بوضع الكود التالي قبله :

    <a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='http://1.bp.blogspot.com/_gToJ30Luauw/TKA7Bw59q6I/AAAAAAAABs0/Mk7g4Gk1vzk/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
    <div id='toggleText' style='display: none;'>

ثم نقوم بالبحث عن الكود التالي :

    <b:include data='comment' name='commentDeleteIcon'/>
     </span>
    </dd>
    </b:loop>
    </dl>

ثم قم بوضع الكود التالي تحته :

    </div>

وأخيرا قم بحفظ القالب،وتوجه للمعاينة

طريقة إضافة لمسات جمالية على صندوق تعليقات مدونة بلوجر


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

1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم Advanced ثم Add CSS وضع هذا الكود فى المستطيل

    @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { border: 1px solid #B6B6B6; max-height: 70px !important; margin-top: -5px; width: 70px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 75px !important; } .comment .comment-header { background: none repeat scroll 0 0 #A9F5D0; color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: white !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 #FEFFF9; border-bottom: 2px solid #E6E6E6; font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 2px 20px; position: relative; z-index: 99; margin-left: -20px; } cite.blog-author { background: none repeat scroll 0 0 #8181F7 !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; } .comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;background-image:url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);wid

لاحظ : اذا لم يتم تفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)

طريقة إضافة تعليقات بلوجر والفيسبوك متجاورين جنبا إلى جنب - الطريقة الصحيحة والبسيطة


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

شرح التركيب :

قم بأخذ نسخة احتياطية وقم بحذف أي كود متعلق بتعليقات الفيسبوك إذا كنت تستخدمها

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

لتحصل على معرف التطبيق + معرف الحساب

من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم وابحث عن :
كود PHP:
<div class='comments' id='comments'> 
قد تجد أكثر من واحد المهم أضف بعد كل واحد الكود التالي :
كود:


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='أضف تعليقك عن طريق الفيسبوك'>


<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> تعليقات
</div>

ents' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='أضف تعليقك عن طريق بلوجر'>

<div class='comments-tab inactive-select-tab' id='blogger-com
m

img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات

<</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>

expr:href='data:post.url' num_posts='2' width='580'

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comment
s/>
</b:if>
</div>

s comments-page' id='blogger-comments-page'>

<div class='commen
t

الآن ابحث عن </head> وأضف قبلها الكود التالي مع تغيير معرف الحساب :
كود PHP:
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='معرف الحساب' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script> 
الآن ابحث عن ]]></b:skin> وأضف قبلها :
كود PHP:
.comments-page { background-color: #f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: right; padding: 5px; margin-left: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-left: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;} 
ابحث عن <html أضف بعده مباشرة الكود التالي :
كود PHP:
xmlns:fb='http://www.facebook.com/2008/fbml' 


ليصبح الكود هكذا :
كود PHP:
<html xmlns:fb='http://www.facebook.com/2008/fbml' 


الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :
كود PHP:
<div id='fb-root'/>

<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script> 

كيف أربح من الإنترنت

وسائل الربح من منزلك 12 وسيلة

الكثير يسأل.. كيف أربح من الإنترنت؟ حاولت تجميع طرق الربح في حوالي 12 طريقة تحتوي على أكثر من 60 موقع للربح 
طرق الربح من الإنترنت:




1- الربح من الأعمال البسيطة.

2- الربح من بيع أدوات أو أجهزة مستعملة أو أي شئ لا تحتاجه في منزلك .


3- تقاسم الأرباح بكتابة مقالات مع موقع .


4- الربح من المواقع الاجتماعية .


5- الربح من العمل الحر .


6- الربح من التسويق الالكتروني .


7- الربح من الاعلانات .


8- الربح من البيع بالعمولة .


9- الربح من ملئ الاستبيانات.


10- الربح من الكتابة والتدوين.


11- الربح من بيع الصور والتصاميم الحصرية.


12- طرق ربح أخرى.


الربح من الأعمال البسيطة:

هي مواقع تربح منها مقابل مهام بسيطة لا تحتاج منك مهارات ولكن يجب أن يكون لديك معرفة بسيطة بالانجليزية لتعرف ما هو المطلوب منك في هذه المواقع :
Jobego
microworkers
Mechanical Turk
e-jobber
cashcrate

الربح من بيع أدوات أو أجهزة مستعملة أو أي شئ لا تحتاجه في منزلك:

مثل هذه المواقع بدأت في الانتشار في الفترة الأخيرة منها موقع dubizzle و opensooq وnefsak


تقاسم الأرباح بكتابة مقالات في موقع أو منتدى:

هناك منتديات عربية تفعل ذلك والمواقع الأجنبية أكثر بكثير من ضمن المواقع العربية التي تشارك الأرباح بكتابة المقالات فيها :
منتدى نجوم مصرية : نسبة الأرباح 80% وهي تعتبر نسبة عالية.
موقع إيجي كيت : نسبة الأرباح 70% .
يوجد مواقع أخرى لكنها غير مجدية وإليكم بعض المواقع الأجنبية وبالطبع تحتاج إلى مواضيع باللغة الانجليزية وحصرية:
Infobarrel : نسبة أرباح أدسنس من 75% إلى 90%.
Hubpages : الموقع الأكثر شهرة ونسبة ارباح أدسنس 60% وتستطيع وضع باك لينك لموقعك واعلانات Amazon و eBay وغيرها.
Flixya : تشارك فيه مقالاتك وصورك وفيديوهاتك مقابل 100% من أرباح أدسنس.
يوجد كثير من المواقع الأجنبية في هذا المجال ذكرنا القليل فقط منها.

الربح من المواقع الاجتماعية:

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

الربح من العمل الحر:

تحدثنا قبل ذلك في تدوينة سابقة عن الربح من العمل الحر سنذكر فقط مواقع العمل الحر العربية والأجنبية.
خمسات: موقع عربي ممتاز لتربح فيه مقابل خدمة تقدمها أي خدمة انت ماهر فيها تستطيع أن تقدمها مثل تصميم مواقع أو تعريب ورد بريس أو كتابة مقالات او جلب اعجاب لصفحة اجتماعية وغير ذلك كثير.
خمسة خمسة: نفس الموقع السابق.
وأشهر المواقع الأجنبية:
Elance 
Odesk
Freelancer 
Guru

الربح من التسويق بالبريد الالكتروني:

هو واحد من أقدم طرق الربح والتي لم تعد فعالة بحد كبير بسبب انتشار مواقع التواصل الاجتماعي لكنها مهمة بالنسبة للمؤسسات والشركات والتسويق بالعمولة.
من أفضل مواقع التسويق عبر البريد الاكتروني:
Aweber: تدفع دولارا واحدا مقابل التسجيل والاستفادة بالقوائم البريدية وهو الموقع الأفضل بالنسبة للمسوقين.
Getresponse 
Streamsend 
iContact 
sendfree
mailchimp 

الربح من الاعلانات:

طرق الربح من الاعلانات كثيرة منها:

الربح مقابل النقرة PPC
أشهرها على الاطلاق جوجل أدسنس واليوتيوب 
ومن المواقع العربية
adaraby 
حسوب 
Bidvertiser: يدعم المواقع العربية

الربح مقابل الظهور PPV: يدفع لك مقابل كل 1000 ظهور يجب أن يكون لديك زيارات كثيرة.

directcpv 
Trafficvance 
Media Traffic 

الربح من الضغط على الاعلانات PTC: وهي أقل طرق الربح ربحا وأسهلها منها 

Probux
Clixsense
Neobux
Goldenclix
clicksia
cashnhits

الربح من التسويق بالعمولة:

الدفع مقابل فعل CPA
أي العميل يدفع لك مقابل حركة تحدث عن طريقك مثل PPC و PPV أو الدفع مقابل التسجيل أو الشراء ومن أشهرها.
Cpaway 
Commission Junction
Ikoo: موقع عربي. 

الربح من بيع منتجات لا تملكها 

Amazon Associates
eBay Partner Network 
Commission Junction 
Clickbank 
E-Junkie 
Google Affiliate Network 
DigiResults 

الربح من ملئ الاستبيانات:

عين العرب
yougov
dollar signup
Palm research
ومواقع أخرى كثيرة

الربح من الكتابة والتدوين:

كلها مواقع أجنبية تدفع لك مقابل كتابة مقال أذكر منها:
Social Spark
Pay Per Post
Blogging Ads
Linkworth
Sponsored Reviews
Blogsvertise

الربح من بيع الصور والتصاميم الحصرية:

Shutterstock
Dreamstime
DepositPhotos
iStock Photo
Fotolia

طرق ربح أخرى:

الربح من اختصار الروابط: موقع AdF.ly
الربح من رفع الملفات: Files in 

الربح من اليوتوب

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

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

ولتوضيح ذلك نتبع الخطوات التالية :

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

الخميس، 30 يناير 2014

أفضل طريقة تجعل مدونتك صديقة لمحركات البحث - اضافة خرائط جوجل sitemap لمدونة بلوجر



السلام عليكم ورحمة الله وبركاته

اليوم سوف نقوم بإضافة خريطة sitemap.xml 

الخريطة موجوده بشكل تلقائي من بلوجر في جميع المدونات

بدل من الطرق الأخرى التي نستعملها والمتعارف عليها , والتي يواجه العديد منا صعوبة في اضافتها او صياغة الرابط الخاص بها فتظهر إشارة خطأ في خرائط جوجل

لم يتم انتشار الطريقة بشكل كبير وبحثت عنها هنا أيضاً بالمعهد ولم أجد نفس الشرح

بالبداية مدونة بلوجر لا تحتاج لإثبات ملكية عند الدخول لأدوات مشرفي المواقع عبر الرابط التالي من نفس الإيميل المسجل للمدونة


ومن ثم تختار المدونة لإضافة الخريطة

انا إستعملت الطريقة من أكثر من 10 ايام وبصراحة لاحظة تحسن ممتاز في الأرشفة ونتائج البحث مع إني كنت أستعمل طريقة اخرى


ملاحظة لا تأخذ التحسن على الموقع فقط بسبب الخريطة , بمعنى لو أضفت أنت الخريطة سيصبح الموقع مأرشف , هناك أيضاً اسباب اخرى

الصورة فقط للتوضيح سرعة قوقل في قرأئة الخريطة

طريقة الإضافة كالتالي
نضغط من القائمة الجانبية على كلمة التحسين
ونختار ملفات Sitemap
ثم إضافة/اختارملف SITEMAP
كما في الصورة

بعد الضغط عليها نقوم بكتابة 

sitemap.xml

احرص على ان يكون حرف s سمول وليس كابتل S

ونضغط على تقديم ملف sitemap

وتحديث الصفحة

ومبروك عليك الخريطة

طريقة اضافة عداد الزوار Visit counter لمدونات بلوجر بسهولة وباكثر من طريقة


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

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

 - الحصول علي احصائيات الزوار من لوحة تحكم بلوجر .

- اضافة عداد احصاءات المدونة من بلوجر .

- من خلال موقع    whos.amung.us

-----------------------------------------------------------
 أولا :  الحصول علي احصائيات الزوار من لوحة تحكم بلوجر

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

من لوحة التحكم اختر " احصائيات " .


ستظهر قائمة بها " نظرة عامة - المشاركات - مصادر حركة الزيارات - الجمهور " .

اضغط علي الصورة لرؤيتها بحجمها الطبيعي .

1- نظرة عامة 

تحتوي علي جميع البيانات تقريبا ولكن ليست بالتفصيل , وتحتوي علي " رسم بياني لعدد الزيارات في 10 ايام سابقة , عدد الزيارات الآن واليوم وفي خلال اسبوع وشهر وطول الوقت , مصادر الزيارات وعدد الزوار القادمون من كل مصدر , المواضيع التي تم زياراتها وعدد الزوار لكل موضوع , خريطة لدول الزوار " , ويمكنك الضغط علي " عدم تتبع مرات مشاهدتك للصفحة " لعدم احتساب زياراتك ضمن احصاءيات الزوار , عموما الاحصاءيات بسيطة جدا وبدون أي تعقيدات وباللغة العربية اكتشفها بنفسك .

2- المشاركات 

بها المواضيع التي تم تصفحها من قبل الزوار ومرات مشاهدة هدة هذه المواضيع الآن واليوم وفي اسبوع وشهر .

 

3- مصادر حركة الزيارات 

بها رابط المواقع التي تم وصول الزيارات من خلالها , وكلمات البحث الرئيسية التي تم البحث عنها للوصول الي مدونتك .

4- الجمهور

بها البلاد التي تم وصول الزيارات منها وعدد الزيارات لكل بلد , وكذلك المتصفحات التي تم من خلالها تصفح مدونتك ونسبة كل متصفح .


ثانيا : اضافة عداد احصاءات المدونة من بلوجر .

هو عبارة عن عداد لعرض عدد مرات مشاهدة الصفحة بمدونتك .

- من لوحة تحكم بلوجر إختر " التخطيط " .


- ثم " اضافة أداة " .


- اختر " احصاءات المدونة " .


- حدد الاختيارات التي تناسبك ثم اضغط " حفظ " .


- ضع العداد في المكان المناسب في مدونتك , واضغط " حفظ الترتيب " .


ثالثا : من خلال موقع   whos.amung.us


عبارة عن موقع مجاني يتيح لك معرفة عدد الزوار المتصفحين حاليا لمدونتك ومن أي بلد والمواضيع التي يتم تصفحها في الوقت الحالي , مع تغييرتلقائي للنتائح بدون عمل تحديث للصفحة , طريقة التركيب سهلة للغاية فقط عبارة عن كود تنسخه وتلصقه في الصفحة التي تريد تتبع عدد الزيارات بها .

- قم بالدخول الي الموقع بالضغط هنـــــــــــــــــا


- ستفتح صفحة بها اشكال العدادات الموجودة بالموقع , اختر الشكل المناسب , وسنشرح كل خيار علي حده .


 The classic widget

 عبارة عن الشكل الكلاسيكي والافتراضي للموقع , وهو عبارة عن مربع باللون الاسود به عدد الزوار المتصفحين حاليا للمدونة .

The colored widget

 نفس الشكل الكلاسيكي ولكن يمكنك تغيير الوان خلفية المربع وخلفية الارقام .


 The small widget

 عبارة عن مربع به عدد الزوار المتصفحين للمدونة ولكن بشكل صغير لا يأخد حيز كبير بالمدونة 

 The tab widget

 عبارة عن عداد زيارات , ولكن يمكنك اختيار مكان ظهورة علي موقعك في الجانب الايمن أو الايسر أو اعلي أو اسفل وكثيير من الخيارات للتحكم في المكان الذي يناسبك .



The map widget

 عبارة عن خريطة بها دول جميع الزوار المتصفحين لموقعك أو مدونتك ويمكنك تغيير شكل الخريطة والعلامات التوضيحية الموجودة عليها , عن طريق الاختيار بين الاشكال المختلفة التي يوفرها لك الموقع . 

Chrome and Firefox

عبارة عن أداة تضاف للفيرفوكس وجوجل كروم .

بعد اختيار الشكل المناسب , اضغط علي المربع الموجود به الكود سيتم نسخ كود عداد الزيارات الذي حددته .


- انتقل الي لوحة تحكم المدونة , ثم اختر " تخطيط " >> " اضافة اداة " >> " HTML/JavaScript " .

- قم بلصق الكود واضغط " حفظ " , ثم قم باختيار المكان المناسب لظهور العداد بمدونتك , ثم اضغط " حفظ الترتيب .

 لمعرفة عدد الزيارات والمواضيع التي يتم تصفحها وبلد الزوار كل ما عليك فعله هو الضغط علي العداد "المربع الذي يوجد به الارقام " الموجود علي مدونتك , وسيتم الانتقال بك الي صفحتك بالموقع وبها جميع الاحصاءيات والبيانات التي تريدها عن زوار موقعك أو مدونتك .

المشاركات الشائعة