Showing posts with label اضافات بلوجر. Show all posts
Showing posts with label اضافات بلوجر. Show all posts

Thursday, August 6, 2015

التخلص من الاسناد powerd by blogger تدعمه بلوجر

By on 6:46 PM

التخلص من الاسناد powerd by blogger تدعمه بلوجر

اليكم افضل طريقة للتخلش من مشكلة تدعمه بلوجر  التى يعانى منها المدونون عند تغيير القوالب لمدوناتهم واليك الطريقة المجربة الناجحة 100% .

اولا :- بعد الدخول الى بلوجر وتسجيل الدخول نذهب الى 

قالب>>>تحرير html >>>بعد ذلك نقوم بالبحث عن attribution تجدها بعد  b:widget  كما مبين بالصورة 



بعد ذلك نقوم بتغيير true نحولها الى false 

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

نقوم بالضغط على حذف وتأكيد ذلك ثم حفظ . 

Friday, January 23, 2015

طريقة رفع ترتيب المدونة فى اليكسا alexa

By on 2:37 AM
   كود رفع ترتيب المدونة فى اليكسا alexa  طريقة رفع ترتيب المدونة فى اليكسا alexa  سوف نقدم لكم اليوم الكود الذى سوف يثبت العنوان الاساسى للمدونة الى blogspot.com سوف يتسائل البعض حول اهمية ذلك اهمية ذلك تأتى من خلال ترتيب المدونة فى اليكسا الذى يقرب محركات البحث اكثر من مدونتك ,  هذا لان اليكسا تتعامل مع كل امتداد على انه موقع جديد ولا تحسب لك الزيارات التى يختلف نطاقها عن النطاق الاساسى للمدونة كمثال لذلك اسم مدونتى مثلا aboellil22.blogspot.com هذا النطاق الاساسى للمدونة فاذا دخل على المدونة زائر من روسيا مثلا يتحول النطاق الى aboellil22.blogspot.ru  وهكذا كمثال اذا دخل عشرة اشخاص من هولاندا مثلا سيحسبون عشرة للنطاق aboellil22.blogspot.nl ولن تحسب الزيارات للمدونة لدى اليكسا وبالتالى يظل الترتيب بعيدا من المستوى الحقيقى للمدونة من هنا تأتى اهمية هذا الكود للمدونة اولا ادخل على لوحة التحكم فى بلوجر ثم الى القالب ثم الى html وقم بلصق الكود التالى تحت head>  <  مباشرة وقم بحفظ القالب وسيتحول النطاق للمدونة الى .com تلقائيا وذلك سيساعد على رفع ترتيب المدونة لدى اليكسا وبالتالى الى محركات البحث الاخرى .  اليكم الكووود           <script type="text/javascript"> var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); } </script>              والى لقاء اخر ان شاء الله بالتوفيق للجميع .  ارجو ان امون قد وفقت فى الشرح وفى انتظار الاستفسارات من الجمع .  لا تنسى المشاركة  كنتم مع كود وطريقة رفع ترتيب المدونة فى اليكسا alexa
إضافة تسمية توضيحية


كود رفع ترتيب المدونة فى اليكسا alexa
طريقة رفع ترتيب المدونة فى اليكسا alexa
سوف نقدم لكم اليوم الكود الذى سوف يثبت العنوان الاساسى للمدونة الى blogspot.com سوف يتسائل البعض حول اهمية ذلك اهمية ذلك تأتى من خلال ترتيب المدونة فى اليكسا الذى يقرب محركات البحث اكثر من مدونتك ,
هذا لان اليكسا تتعامل مع كل امتداد على انه موقع جديد ولا تحسب لك الزيارات التى يختلف نطاقها عن النطاق الاساسى للمدونة كمثال لذلك اسم مدونتى مثلا aboellil22.blogspot.com هذا النطاق الاساسى للمدونة فاذا دخل على المدونة زائر من روسيا مثلا يتحول النطاق الى aboellil22.blogspot.ru  وهكذا كمثال اذا دخل عشرة اشخاص من هولاندا مثلا سيحسبون عشرة للنطاق aboellil22.blogspot.nl ولن تحسب الزيارات للمدونة لدى اليكسا وبالتالى يظل الترتيب بعيدا من المستوى الحقيقى للمدونة من هنا تأتى اهمية هذا الكود للمدونة اولا ادخل على لوحة التحكم فى بلوجر ثم الى القالب ثم الى html وقم بلصق الكود التالى تحت head>  <  مباشرة وقم بحفظ القالب وسيتحول النطاق للمدونة الى .com تلقائيا وذلك سيساعد على رفع ترتيب المدونة لدى اليكسا وبالتالى الى محركات البحث الاخرى .
اليكم الكووود



<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>




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

كنتم مع كود وطريقة رفع ترتيب المدونة فى اليكسا alexa

Sunday, January 18, 2015

طريقة عمل قائمة منسدلة للروابط والفيديو داخل المدونة او داخل المواضيع

By on 5:16 AM

 طريقة عمل قائمة منسدلة للروابط والفيديو داخل المدونة او داخل المواضيع 

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



<center><div style="width:auto; padding:0 10px 0 0;margin:5px 0 5px 0;background:#CB3A00;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;border:2px solid #777;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;">
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="font-size:17px; width:100%;border:0; background:transparent; color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;">
<option>عنوان القائمة</option>
<option value="#">Name</option>
<option value="#">Name</option>
<option value="#">Name</option>
<option value="#">Name</option>
<option value="#">Name</option>
</select></form></div></center>


 اما الكود الذى سوف نضع به قائمة منسدلة للفيديو فهو كالتالى:


<center><script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='300' height='230' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";
}
}
</script>
<div style="width:auto; padding:7px 10px 8px 10px;margin:5px 0 5px 0;background: #969595;background: -moz-linear-gradient(top,#969595,#000);background: -webkit-linear-gradient(top,#969595,#000);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;border-top:4px dashed #fff; border-bottom:4px dashed #fff; border-right:4px solid #fff; border-left:4px solid #fff;">
<select id="sVideos" onchange="MostrarVideo(this.value);" style="font-size:17px; width:100%;">
<option value="selected="selected">عنوان القائمة</option>
<option value="VID">Name</option>




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

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

By on 4:30 AM
طريقة تصميم مربع يظهر للزائر كرسالة عندما يدخل للمدونة
طريقة تصميم مربع يظهر للزائر عندما يدخل للمدونة لتنبيهه لشئ او اعجاب بالصفحة عل الفيس بوك وما الى ذلك اليكم الطريقة لفعل ذلك اولا بعد تسجيل الدخول للوحة التحكم لدى بلوجر ادخل على التخططيط بعد ذلك قم باضافة اداة HTML/JavaScript

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

<style>

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#colorbox {z-index: 99999999;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#bbb; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox {
  background-color:#fff;
  border: 5px solid #000;
  border-radius: 2px;
  outline: 0 none;
}
#cboxClose {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAg200b0FQzFqPJBBsvI-HLhKPZjpBhw6JCX6v8YT9ZW1BhTNBAuwgSBDtZRJL_WiwWfabZJWI8v1oLcLJvaNIbSTW86kBG1mcwiTS58oGVUHuZbmtiFcHFI5jmM3uI3t2jKDmmwrOgV8/s16/close.png") no-repeat scroll 0 0 #ccc;
  border: 0 none;
  display: block;
  font: 14px arial;
  height: 16px;
  position: absolute;
  right: 0;
  text-indent: -1e+7px;
  top: 0;
  width: 16px;
  z-index: 99999;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
<script src="https://cnmu.googlecode.com/svn/trunk/ColorBox/colorbox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"500px",height:"400px",inline:true, href:"#cnmuligmes"});
}
});
</script>
<div style='display:none;'>
<div id='cnmuligmes' style='width: 450px; height: 350px; overflow: hidden;'>
هنا أكتب  ما  تشاء
</div>
</div>
اعدادات أولية
اذا كان لديك مكتبة جي كويري احذف الكود الاحمر
 Lightboxوالكود الاخضر وما قبله يحذف اذا كان لديك خاصية الأكواد الزهرية
هذه الاضافة كما هى معدة لكى تظهر للزائر مره واحده لكى لا تسبب الازعاج للزائر اما اذا اردت ان تجعلها تظهر للزائر كلما زار المدونة عدل التالى
الرقم 500 هو العرض الاساسي للرسالة
الرقم 400 هو الإرتفاع الأساسي للرسالة
الرقم 450 هو العرض الخاص بمحتوى الرسالة
الرقم 350 هو الإرتفاع الخاص بمحتوى الرسالة
تحتاج ان يكون هناك اختلاف بين حجم الصندوق وحجم المحتوى الأمر يعود الك في ضبط المحتوى
يمكنك استبدال هنا أكتب  ما  تشاء بأى شئ تريد كود اضافة صورة كتابة طبعا يعود الأمر لك في تنسيقها بحسب ذوقك


هذا #bbb  لون الخلفية
وهذا #fff لون خلفية الرسالة
وهذا #000 لون الإطار
واترك لك الموضوع الاصلى

طريقة تصميم مربع يظهر للزائر كرسالة عندما يدخل للمدونة
http://cnmu.blogspot.com/2014/12/Lightbox-Popup.htm
لا تنسى المشاركة