06‏/12‏/2016

قالب مدونة شخصية متجاوب أنيق وخفيف

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

مميزات القالب

متجاوب 100 في 100
سريع التحميل
محسن لآليات البحث
إضافات بلوجر مثل صندوق المشاركة عبر البريد، ازرار المشاركة على الشبكات الإجتماعية، ميزة قراءة المزيد، المشاركات الشائعة بتصميم مميز

تحميل  بلوجر مدونة شخصية

قالب مدونة شخصية بلوجر
قالب مدونة شخصية لمدونات بلوجر



اضافة اقرأ المزيد لمدونات بلوجر مع الصورة وفقرة نصية

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

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

اقرأ المزيد
اقرأ المزيد لمدونات بلوجر

بعد تعرفنا على الأداة شكلا ومضمونا، دعونا الآن نرى طريقة اضافتها على مدونات بلوجر.

اضافة خاصية اقرأ المزيد 

لإضافة هذه الميزة أو الخاصية على مدونتك، اتبع الخطوات التالية:

فتح أداة تغيير القالب

من واجهة المدونة قم بالنقر على قالب ثم تحرير HTML

اضافة الكود الأول

قم بالنقر في أي مكان وسط القالب ثم Ctrl+F من لوحة المفاتيح للبحث عن هذا الكود: <data:post.body/>

بعض القوالب تتوفر على هذا الكود مرتين أو أكثر، قم بالعمل على الأخير بالنقر على Enter لمرات عديدة حتى ايجاده. وبعد ذلك قم بتعويضه (مسحه وضع مكانه) بهذا الكود:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class='readmore' style='float:left;'><a expr:href='data:post.url'>المزيد »</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

اضافة الكود الثاني

قم بالبحث مرة أخرى عن الكود التالي:  </head>
ومن فوقه اضف الكود التالي:
<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
.readmore a {text-decoration: none; text-decoration: none;
padding: 5px;
background-color: #ddd;
border: 1px solid #bbb;}
</style>
</b:if>
</b:if>

حفظ التغييرات

ممتاز، لقد انتهيت قم الآن بحفظ التغييرات وشاهد كيف اصبحت مدونتك.

إذا اردت التحكم في طول الفقرة المقتطف التي تظهر مع الصورة وقراءة المزيد، قم بتغيير القيم التالية في الكود الثاني بما تريد:
490: الفقرة بدون صورة
400:  الفقرة مع الصورة

كيف تحذف مصادر الزيارات سبام في جوجل اناليتكس

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

طريقة حذف السبام Spam على جوجل اناليتكس Google Analytics


1 - من واجهة التحكم لجوجل اناليتكي قم بالنقر هلى مدير




2 - بعد ذلك الفلاتر



3 - ثم اضافة فلتر



 4 - قم باضافة الفلاتر مع الخيارات التالية:


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




5 - قم بحفظ التغييرات

في كل مرة تجد مصدر سبام قم بحبشه وخذفه بهذه الطريقة.

05‏/12‏/2016

نصيحة هامة لكل مدون مبتدئ يريد النجاح

هذه الرسالة موجهة لكل مبتدئ  لتجنب خطأ يسقط فيه الكثيرون ويكلف غاليا.

كمدون تمتد تجربته لسنوات فقط ارتكبت أخطاءا حرمتني من النجاح، ومن أهمها: الإهتمام بتصميم المدونة ونسيان المحتوى.
مصباح
نصيحة لكل مدون مبتدئ

سؤال لكم: كم مرة غيرت قالب مدونتك هذا الأسبوع؟

أكثر من 5 مرات؟؟ وكم من الوقت تطلب الأمر لكي تعدل عليه؟ الألوان؟ الاضافات المفقودة؟

العديد من الآيام ذهبت هباءا منثوراK بحيث وجدت قالبا آخر ونسيت كل ذلك العمل والجهد المفرغ في الذي من قبله؟ اليس كذلك؟

توقف
فقط توقف... وأجب عن هذا السؤال: لماذا أنشأت مدونة بالأساس؟

أنت لم تنشئها لكي تكون جميلة في عيون الآخرين؟ اليس كذلك؟

فالزائر عندما يأتي لمدونتك يبحث عن شيء مفيد وليس عن شكلها فهو لن يتزوج بها (أمزح). إذن عليك ان تقرر بين إنشاء مدونة جميلة أو مدونة مفيدة. المدونة الجميلة لن تفيدك في شيء بينما المفيدة ستنعكس إفادتها للآخرين عليك وستستفيد بدورك.

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

لاختيار قالب مناسب هناك عاملان اثنين لا ثالث لهما:

  1. أن يكون القالب سريع التحميل
  2. أن يكون القالب محسنا لأليات البحث


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

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

قالب سيو متجاوب لمدونات بلوجر

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

  1. سرعة التحميل
  2. متجاوب 100 في المائة
  3. محسن لآليات البحث لجلب الزيارات من مواقع البحث
  4. تصميم بسيط نوعا ما إلا أنه أنيق (كان كثير الألوان قبل أن أجعله بين السواد والبياض فقط).

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


قالب مدونة فولفلي
قالب مدونة فولفولي

حملوا القالب وجربه وحينئذ سترون الفرق.

تحميل قص وتحويل الفيديو من يوتيوب وفيس بوك بجودة عالية

جربت الكثير من البرامج، ولكني لم أجد أفضل من هذا البرنامج للعمل على الفيديو. أنت كذلك ستحبه بمجرد استعماله. حمله الآن، جرب وسترى.

البرنامج  سريع فعال، ويحافظ على جودة الفيديو. من استعمالات البرنامج:
برنامج any video converter
برنامج تحويل وقص الفيديو وتحميله من يوتيوب وفيس بوك


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

صيغ الصوت التي يعمل عليها البرنامج: MP3, AC3, OGG, AAC, WMA, M4A, WAV, APE, MKA, AU, M4B, AIFF, FLAC, DTS
صيغ الفيديو: MP4, MPEG, VOB, WMV, 3GP, 3G2, MKV, MOD, M2TS, RMVB, AVI, MOV, FLV, F4V, DVR-MS, TOD, DV, MXF, OGG, WEBM, 4K

طريقة استعمال البرنامج

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

تحميل من يوتيوب وفيس بوك

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

قص الفيديو وتقطيعه

شرح كيفية قص الفيديو بسهولة


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

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

04‏/12‏/2016

اظهار اعلان ادسنس بعد المشاركة الأولى على بلوجر

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

اعلان ادسنس على فولفولي
اعلان ادسنس كما يبدو على الصفحة الرئيسية لمدونة فولفولي


طريقة اظهار اعلان ادسنس بعد رابط المشاركة الأولى

1 - قم بحفظ نسخة من القالب قبل القيام بأي تغييرات
2 - افتح أداة تغيير القالب ثم تحرير HTML
3 - قم بالنقر وسط كود القالب ثم Ctrl+F  من لوحة المفاتيح للبحث عن الكود التالي:
<b:include data='post' name='post'/>
4 - بعد ايجاد الكود أضف هذا الكود تحته مباشرة:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost'>
<div style='border:1px solid #ccc;background:#f9f9f9;margin-bottom:15px;padding:10px;text-align:center'>
كود ادسنس هنا
</div>
</b:if>
</b:if>
5 - قم  بنسخ شفرة اعلان ادسنس قم بتحويلها  باستعمال محول الاكواد واضافته في مكانه.
4 - احفظ التغييرات وقد تم.

الآن سيظهر اعلان ادسنس بعد رابط المشاركة الأولى على الصفحة الرئيسية لمدونتك.

30‏/11‏/2016

الحلقة الثانية: ابق جائـعا mp3 - مائة طريقة لتحفيز نفسك

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

الحلقة الثانية: "ابق جائعا"


ابق جائعا


لم يكن "آرنولد شوارزنجر" قد اشتهر حتى عام 1976 عندما تناولت معه الغذاء في أحد المطاعم في تكسون في ولاية أريزونا ولم يكن هناك شخص في المطعم يعرفه .وقد كان "آرنولد شوارزنجر" في الولاية لرعايةفيلمه " ابق جائعا"  وهو الفيلم الذي انتهى منه للتوسع "جيف بريدجز وسالي فيلد" ولم يحقق الإيرادات المرجوة، وكنت وقتها أكتب عموداً رياضياً لمجلة (تكسون سيتيزن) وكُلفت بأن أقضي يوماً كاملاً لأكتب مقالاً عنه لمجلة  سان دي  التابعة لجريدتنا .

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

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

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

ولن أنسى أبداً تلك اللحظة عندما سمعت في برنامج منوعات تلفزيوني أن حجم الإيرادات من فيلمه الثاني جعلته أشهر نجم سينمائي في العالم، فهل كانت لديه القدرة على استقراء المستقبل، أو أن الأمر متعلق بوصفته ؟

وعلى مر السنين ظللت أستخدم فكرة "آرنولد شوارزنجر" في خلق صورة ذهنية وذلك كوسيلة تحفيز. كما أنني قمت بتفصيل هذه الفكرة خلال الندوات التي ألقيتها في التدريبات المؤسسية وكنت أدعو الناس إلى ملاحظة أن "آرنولد شوارزنجر"  كان يدعو إلى خلق صورة ذهنية، ولم يقل أن ننتظر حتى تأتينا الصور، فعليك أن تخلقها أو بعبارة أخرى تختلقها .

ابق جائعا
مائة طريقة لتحفيز نفسك - ابق جائعا

تحميل 

29‏/11‏/2016

حل مشكلة عدم ظهور تعليقات بلوجر على الهواتف


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

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

اضافة كود اظهار التعليقات

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


1  لإضافة هذا قم بفتح اداة تغيير القالب

2  ثم Ctrl+F من لوحة المفاتيح للبحث عن  ]]></b:skin> 
3  وفوقه مباشرة اضف الكود التالي:

.mobile .blogger-iframe-colorize {
display: block !important;
}

.blogger-iframe-colorize {
display: block !important;
}

4  قم بحفظ التغييرات وسيتم معالجة المشكلة

أصبح بإمكان الزوار الآن التعليق على المواضيع، مهما كان الجهاز الذي يستعملونه.