‏إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل

الجمعة، 2 نوفمبر 2018

اضافة ايقونة pinterest على صور مدونة بلوجر لتهيئة المدونة لمحركات البحث

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

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

ميزة اضافة زر pinterest داخل مدونة بلوجر

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

اشهار مدونة بلوجر من ايقونة pinterest

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

صورة توضح تركيب اضافة ايقونة pinterest

الصورة التالية توضح لنا ظهور ايقونة pinterest على صور مواضيع بلوجر عند وضع مؤشر الماوس عليها 
اذا اعجبتك الاضافة وتريد تركيبها على مدونتك تابع معى طريقة الاضافة 

كيفية اضافة زر pinterest على صور مدونتك

قم بالذهاب الى لوحة تحكم مدونتك ومنها ادخل على التخطيط ثم اضغط على اضافة اداة ومنها اختار HTML/JavaScript كما واضح لنا بالصورة التالية :
بعد اختيار اداة HTML/JavaScript ضع الكود التالى بداخل الاضافة واضغط على زر عملية حفظ 

كود اظهار ايقونة pinterest فى صور بلوجر

<script async='' data-pin-color='white' data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js'/>
اى استفسار يخص هذه المدونة اضف تعليق 

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

الكود الصحيح لمنع عملية نسخ المواضيع فى مدونة بلوجر لعدم ازعاج الزوار .

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

كود منع عملية نسخ محتوى بلوجر 

الكود الصحيح :
<style>
body {
-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
blockquote,.blockquote {
-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}
</style>

كيفية تركيب كود تعطيل نسخ محتوى بشكل صحيح

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

الأحد، 17 يونيو 2018

كيفية نقل كل مواضيع داخل قسم تسميات مدونة بلوجر الى قسم جديد دفعة واحدة

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


نقل مواضيع التسميات الى قسم اخر فى مدونة بلوجر دفعة واحدة


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

الجمعة، 30 مارس 2018

توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا

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

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

ما هى الفائدة من إعادة التوجيه الى HTTPS بدلا من HTTP ؟
ساضع لكم الاجابة من خبراء شركة جوجل :
هناك ثلاث مزايا أساسية لاستخدام HTTPS بدلاً من HTTP للدخول إلى مدونتك:
  • يساعد على التأكد من أن يفتح الزائرون الموقع الإلكتروني الصحيح ولا يتم إعادة توجيهم إلى موقع إلكتروني ضار.
  • يساعد على كشف محاولات أي مهاجم لتغيير أي بيانات مرسلة من Blogger إلى الزائر.
  • يضيف التدابير الأمنية اللازمة لزيادة صعوبة تمكن أشخاص آخرين من الاستماع إلى محادثات الزائرين أو تتبع أنشطتهم أو سرقة معلوماتهم.
مصدر الصفحة : تشغيل HTTPS لمدونتك

كيفية تشغيل خدمة HTTPS فى بلوجر للنطاق الخاص

فى البداية قم بالتواجهة الى لوحة تحكم مدونتك 
ومنها اضغط على الاعدادات ثم اساسى 
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
من الجهة اليمنى ستجد قسم HTTPS واسفلها ‏توفر HTTPS وايضا ‏إعادة التوجيه عبر HTTPS
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
ماذا نفعل الان لكى يتم التحويل الى HTTPS ؟
بكل بساطة قم بأختيار نعم لتفعيل الخدمة 
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
بعد تفعيل الخدمة وتشغيل HTTPS ستجد رسالة المعالجة بعنوان :
‏تتم معالجة توفر HTTPS. يُرجى معاودة التحقق لاحقًا.
صورة موضحة :
توفر خدمة HTTPS فى بلوجر وإعادة التوجيه الى النطاق المدفوع مجانا
كما تلاحظون بالصورة السابقة رسالة المعالجة وعملية المعالجة لا تستغرق ساعات طويلة بل 12 او 24 ساعة فقط حتى تجد مدونتك اصبحت بشهادة HTTPS وتوفر الخدمة بالمجان .

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

الجمعة، 29 سبتمبر 2017

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

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

اضافة اخر المشاركات متنوعة الاشكال ومنتشرة كثيرة عبر المدونات والمنتديات واليكم اهم واجدد الاشكال من اضافة اخر المشاركات عبر المواضيع التالية لعل تعجبكم :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر .
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر .

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

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

كيفية اضافة اخر المشاركات من قسم معين 

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
بالاخير ضع هذا الكود :
<style type="text/css">
#rc-plus {width:300px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.rc-plus h2{background:#B60202;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.rc-plus ul{list-style:none;margin:0;padding:0}
.rc-plus li{text-indent:0;background:url(http://lh5.ggpht.com/_PAuO_he0N0k/TRV_Oku19aI/AAAAAAAAACE/rXs7F4X9HcQ/tag_blue.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.rc-plus h2 a:link, .rc-plus h2 a:visited {color:#fff}
</style>
<div id="rc-plus" class="rc-plus">
<h2><a href="http://www.kingnt.com/search/label/الربح من الانترنت">الربح من الانترنت</a></h2>
<script type='text/javascript'>
numposts = 3; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.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)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="rc-plus"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.kingnt.com/feeds/posts/default/-/الربح من الانترنت?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

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


  • الكود المحدد باللون الازرق وبالاخص كلمة الربح من الانترنت هى مخصصة باسم الاقسم قم بتغييرها الى الاقسم الذى تريدة .


  • كلمة numposts = 3 المحددة باللون الاخصر هى مخصصة باظهار عدد المواضيع عليك بتغيير رقم 3 الى الرقم الذى تريدة .


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


الجمعة، 22 سبتمبر 2017

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

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
فى احدى الدروس السابقة من قسم دروس بلوجر وضعت لكم اضافة اخر المشاركات مع مصغرات الصور عبر العنوان التالى : اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر وكانت الاضافة اكثر من رائعة وتستحق التركيب فى المدونة .

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

صورة من اضافة عناوين اخر المواضيع 

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
وكما تلاحظون شكل الاضافة اعتقد تصميم بسيط وبشكل احترافى وبدون ان تسبب اى ثقل للمدونة فأذا اعجبتك هذه الاضافة وتريد تركيبها الى مدونتك فعليك بمتابعة طريقة التركيب .
طريقة تركيباضافة عناوين اخر المواضيع في بلوجر
فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
بالاخير ضع هذا الكود :
<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... اكمل القراءة";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 3;var posts_date = false;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default/-/مقالات?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #B60202;font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#B60202; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #B60202; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
</style></div> 
قبل الحفظ قم بعمل هذه التغييرات :

  • رقم 3 المحدد باللون الازرق خاص بأظهار عدد المواضيع 
  • رقم 80 المحدد باللون الاخضر خاص بعدد مقتطفات الموضوع
  • كلمة مقالات المحددة باللون الاحمر قم بتغييرها الى القسم الذى يناسبك 
فى الاخير قم بالضغط على حفظ

اتمنى بأن موضوع اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر نال على اعجابكم وان شاء الله فى القريب العاجل سأضع لكم بعض الاضافات المميزة واى استفسار قم بوضع تعليق .



اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر

اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
اضافة اخر المشاركات من قسم محدد بشكل مرقم واكثر من رائع مع مميزات عديدة .

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

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

مميزات اضافة اخر المشاركات من قسم محدد


  • صورة مصغرة
  • عنوان المشاركة
  • عدد التعليقات
  • عرض التاريخ
  • اقراءة المزيد
  • عدد المواضيع

صورة اضافة اخر المشاركات من اقسام المدونة


اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
وكما تلاحظون شكل الاضافة اعتقد بأنها اضافة مميزة ومن اهم اضافات بلوجر 

شرح تركيب اضافة اخر المشاركات فى مدونة بلوجر

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
ومنها اختار اضافة HTML/JavaScript :
اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر
بالاخير ضع هذا الكود :
<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 4;
var showpoststhumbs = true;
var readmorelink = false;
var showcommentslink = false;
var posts_date = false;
var post_summary = false;
var summary_chars = 40;</script>
<script src="/feeds/posts/default/-/الربح من الانترنت?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>

<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">
img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #B60202;}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #B60202;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:11px;line-height: 30px;font-weight:normal; text-transform: uppercase; color: #336699;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #777;}
</style>
<div id="thumb" class="thumb"></div>
قبل عملية الحفظ عليك بمعرفة محتوى الكود لكى تعرف كيفية اظهار التعليقات ومقتطف من الموضوع والتاريخ وكلمة اقراءة المزيد وعدد التعليقات .............
  • رقم 4 المحدد باللون الاحمر عدد المواضيع .
  • كلمة true اظهار وكلمة false اخفاء بمعنى اذا كنت تريد اظهار خاصية عدد التعليقات مثلا عليك بوضع كلمة true واذا كنت تريد مثلا اخفاء كلمة اقراءة المزيد بالطبع سنضع كلمة false تابع معى التحكم :

showpoststhumbs المحدد باللون الاخضر خاص باظهار الصورة 
readmorelink المحدد باللون الازرق خاص بأظهار كلمة اقراءة المزيد
showcommentslink المحدد باللون الاورنج خاص بأظهار عدد التعليقات
posts_date  المحدد باللون الروز خاص بأظهارتاريخ المشاركة
post_summary المحدد باللون السماوى خاص بأظهار مقتطف من الموضوع
  • رقم 40 المحدد باللون الاحمر خاص بعدد احرف مقتطفات محتوى الموضوع
  • كلمة الربح من الانترنت قم بتغييرها الى القسم الذى تريدة
بالاخير اضغط على حفظ
اتمنى بأن مدونة كينج نت تضع لكم اهم دروس بلوجر تفيد المستخدم العربى واى استفسار قم بوضع رد عبر التعليقات  واتمنى ايضا بأن موضوع اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر اعجبكم وانتظرونى باضافة جديدة فى القريب العاجل .