كيفية اضافة زر الصعود والهبوط على شكل صاروخ لمدونتك

                                         

اضافة زر الصعود والهبوط على شكل صاروخ للمدونة 

  

                                      

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

كل ما عليك فعله هو التوجه الى اعدادات البلوجر على حسابك في جوجل ثم الضغط على theme  ثم الضغط على edit HTML

ثم البحث عن هذا الوسم :  ]]></b:skin> عبر الضغط على ctrl + F

وبعدها قم باضافة هذا الكود فوقه 

/* Back to Top Roket meluncur */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

ثم قم بالبحث عن هذا الكود :  </body> وبعدها قم باضافة هذا الكود فوقه 

<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>

<script type='text/javascript'>

//<![CDATA[

jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});

//]]>

</script>

في الاخير قم بحفظ التغييرات واعد تحميل المدونة وسيظهر الزر اسفله 

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

                                                       

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

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

1 اغلب شركات الاعلانية لن تقبل موقعك

2 ستواجه مشاكل في الارشفة

3 مساحة التخزين محدود عكس الاستضافات الفرعية

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

5 صعوبة التحكم والتوجيه

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

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

تعد ادلة المواقع من ابرز مواقع التي لها نسبة الزيارات عالية لكونها تجمع قائمة من المواضيع العامة والتخصصات متنوعة التي تستقطب العديد من الزوار وبالتالي يكون مستوى السيو مرتفع فهي تتميز ب page rank

عالي و backlink   جيد defollow  فهي اغلبها منتديات غنية بالمواضيع لطرح الافكار ومشاركة الاخبار في مواقع التواصل الاجتماعي مما يزيد من ارشفة موقعك وهي اول خطوة عليك القيام بها بعد تحسين موقعك هي نشر موقعك في اي دليل موجود على النت لربط نيتش موقعك بادلة مواقع وبالتالي كسب تحسين السيو و سرعة الارشفة على محركات البحت ورفع من ترتيب Alexa

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

1 http://websites-directory.a3mall.net/add-site.html End

2 https://www.directory-websites.net/add-site.html End

3 http://www.nwahy.com/free/dir/add-site.html End

4 http://www.ovpwebm.com/add-site.html End

5 http://www.eshtiq.com/dir/add-site.html End

6 https://www.dm0z.com/add-site.html End

7 http://www.barakish.net/addnewsite.aspx End

8 http://nashr.mubarak.in/ End

9 http://www.rwgg.net/add-site.html End

10 http://directory.hawanaajd.com/addsite.html End 

11 http://dir.ydbyd.net/add-site.html End

12 http://www.arbahy.info/p/daleel1.html End

13 http://www.dawwr.com/add_website.html End

14 http://www.sedany.com/dir/add-site.html End

15 http://www.raddadi.com/?action=dleel.didSite End

طريقة ارشفة مدونة البلوجر بسهولة

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

وهي طبعا الطريقة الصحيحة لحل مشكلة تاخر نزول الموضوع على محرك البحث جوجل وارشفة المحتوى فور ظهوره

اول شيء نتجه الى لوحة التحكم وبعدها الى اعدادات ثم الى تفضيلات البحث 

بعد الضغط على تفضيلات البحث نذهب الى ملف robot.txt  مخصص ونضغط على تحرير واختر نعم  وقم باضافة هذا الكود التالي

User-agent: Mediapartners-Google

Disallow:

User-agent: *

Disallow: /search

Disallow: /contact.html

Disallow: /error-page.html

Disallow: /about.html 

Disallow: /search/label/?updated-min=

Disallow: /search/label/?updated-max=

Allow: /

User-agent: *

Disallow: /*.html

Allow: /*.html$

Sitemap: https://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

سوف تقوم بتغيير فقط رابط موقعك الخاص على sitemap وقم بحفظ التعديلات 

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

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

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

Html/java script  

ثم ضع هذا الكود وضغط على حفظ فهي اداة شغالة

<style type="text/css"> 

.form-wrapper { 

width: 270px; 

padding: 8px; 

margin: 10px auto; 

overflow: hidden; 

border-width: 1px; 

border-style: solid; 

border-color: #dedede #bababa #aaa #bababa; 

-moz-border-radius: 10px; 

-webkit-border-radius: 10px; 

border-radius: 10px; 

background-color: #f6f6f6; 

} 

.form-wrapper #search { 

width: 180px; 

height: 20px; 

padding: 10px 5px; 

float: right; 

font: bold 22px 'Arial', 'trebuchet MS', 'Tahoma'; 

border: 1px solid #ccc;

-moz-border-radius: 3px; 

-webkit-border-radius: 3px; 

border-radius: 3px; 

} 

.form-wrapper #search:focus { 

outline: 0; 

border-color: #aaa; 

} 

.form-wrapper #search::-webkit-input-placeholder { 

color: #999; 

font-weight: normal; 

} 

.form-wrapper #search:-moz-placeholder { 

color: #999; 

font-weight: normal; 

} 

.form-wrapper #search:-ms-input-placeholder { 

color: #999; 

font-weight: normal; 

} 

.thumb{position:relative;left:4px;top:1px;} 

.form-wrapper #submit { 

float: left; 

border: 1px solid #00748f; 

height: 42px; 

width: 70px; 

padding: 0; 

cursor: pointer; 

font: bold 15px Arial, Helvetica; 

color: #fafafa; 

text-transform: uppercase; 

background-color: #0483a0; 

-moz-border-radius: 3px; 

-webkit-border-radius: 3px; 

border-radius: 3px; 

} 

.form-wrapper #submit:hover, 

.form-wrapper #submit:focus { 

background-color: #31b2c3; 

} 

.form-wrapper #submit:active { 

outline: 0;

} 

.form-wrapper #submit::-moz-focus-inner { 

border: 0; 

} 

</style> 

<div class="rss">

<form class="form-wrapper" action="/search" method="get">

    <input id="search" name="q" type="text" placeholder="أكتب كلمة البحث" /> 

    <input id="submit" type="submit" value="بحث" /> 

</form>

</div>

<div class='clear'>

</div>

</textareaiv>

</div>

</form>

كيف تمنع النسخ لمواضيعك في المدونة

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

وسرقة المحتوى بدون ذكر المصدر او دون اخد تصريح من المالك

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

قم بالضغط على contrôle + F  وكتب فيه <head> ثم enter

ثم ضع هذا الكود اسفله مباشرة 

<!-- Disable Copy and Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

بعدها قم بالضغط على حفظ وشاهد النتيجة 

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

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

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

لتنفيد ذلك كل ما عليك هو التوجه الى مدونتك ثم الى التخطيط ثم قم باضافة html/javascript ومن الافضل اضافته في الصف post الى الاسفل

 ثم الصق هذا الكود مباشرة في الاضافة واضغط على حفظ

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script><script type='text/javascript'>(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=a('<a href="javascript:;" >إضغط هنا لتحميل المزيد من الإضافات</a>');c.click(h);var e=a('<img src="https://raw.github.com/techirsh/infinite-scroll-css-styles/master/images/fb-style-loader.gif" style="display: none;">');f.scroll(k);b=a('<div class="techirshloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</script><style>.techirshloader a{text-decoration:none;display:block;width:100%;color:#3772AB;}.techirshloader{font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; font-weight:bold; text-align: center; color: #3772AB; font-size: 24px;}.techirshloader a:hover{color: #000000;}

</style>

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

كيف تضيف اداة الرسائل الفورية والصوتية على البلوجر

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

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

هذه الاداة تتوافق مع اي نطاق سواء blogger  او wordpress   وكذلك مع  الدومين المدفوع و المخصص للسيو 

فطريقة اضافتها سهلة جدا بدون عناء

اولا نذهب الى هذا الموقع التالي ونقوم بانشاء حساب

www.tawk.to

ثم نقوم بتسجيل فيه وملئ البيانات ونضغط على sign up

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

 ثم ندخل اسم موقعك وفي الخانة الثانية ادخل رابط موقعك الخاص 

اذهب الى مدونتك واضغط على زر المظهر ثم html  واضغط على ctrl +f  في لوحة التحكم وابحث عن هذا الكود </body> 

ثم تقوم بنسخ الكود الموجود في الموقع وتضعه فوق هذا الكود </body>

وعندها اضغط على حفظ وسترى الاداة في موقعك

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