الاثنين، 13 أبريل 2015
الأحد، 12 أبريل 2015
اصنع صورة كرتونية بالمواصفات التي تريد
بعض مستعملي الانترنت يحتاجون احيانا الى صور كرتونية في مواقعهم او في مواقع التواصل الاجتماعي.لكن الكثير ليس لديه الخبرة الكافية لصناعة الصورة الكرتونية بالبرامج المخصصة لذلك.موقع محترف الكمبيوتر والانترنت يقدم لكم طريقة سهلة ومجانية لصناعة هذه الصور الكرتونية وذلك من خلال موقع يمكنك من صناعة صور كرتونية باختيار اشكال والوان وملابس الشخصية الالكترونية .
هذه الصورة من صنعى اسم الموقع : وجهي
رابط الموقع :اضــغـــط هـــنـــا
طريقة عمل صورة كرتونية من موقع وجهي
1- اختيار الجنس (ذكر أو انثى )
2- اختيار شكل الجسم وأعضاء الوجه(العينين, الانف,الاذنين.......)
3- اختيار ألوان الاشكال و الملابس
(في القائمة الجانبية الاعضاء التي يمكنك التحكم فيها)
4- اضغط '' حفظ'' لحفظ الصورة
5- يمكنك ارسال الصورة الى البريد الالكتروني أو تنزيلها الى حاسوبك كما يمكنك الحصول على رابط مباشر للصورة من الموقع نفسه.
مع تحيات يحيى علاء من مدونة محترف الكمبيوتر والانترنت .................
طريقة وضع الفوتوشوب اون لاين فى مدونتك
أصبح بامكانك اضافة برنامج فوتوشوب الى موقعك أو مدونتك لتمكين زوارك من تعديل الصور مباشرة من موقعك. طبعا هذه خدمة للزوار تشجعهم على زيارة موقعك مرة أخرى . كود فوتو شوب أون لاين سهل التركيب ,بامكانك وضعه في مشاركة جديدة كما يمكنك وضعه في أداة html .
تركيب الاضافة في مشاركة جديدة :
- من مشاركة جديدة >>> تحرير html >>> انسخ الكود >>> ثم انشر المشاركة.
تركيب الاضافة في أداة html :
- من لوحة التحكم >>> تخطيط >>> اضافة أداة>>> HTML/JAVA SCRIPT >>> نسخ الكود في الأداة >>> حفظ الأداة.
ستجد الفوتوشوب فى المدونة اسفل
كود فوتوشوب أون لاين :
==> غير الرقم الذي بالأزرق لتغيير العرض .
انتهت الاضافة......
مع تحيات يحيى علاء من مدونة محترف الكمبيوتر والانترنت
تركيب الاضافة في مشاركة جديدة :
- من مشاركة جديدة >>> تحرير html >>> انسخ الكود >>> ثم انشر المشاركة.
تركيب الاضافة في أداة html :
- من لوحة التحكم >>> تخطيط >>> اضافة أداة>>> HTML/JAVA SCRIPT >>> نسخ الكود في الأداة >>> حفظ الأداة.
ستجد الفوتوشوب فى المدونة اسفل
كود فوتوشوب أون لاين :
<center><iframe
src="http://pixlr.com/editor/" name="ps" border="0"
align="middle" frameborder="0" height="500"
width="776"></iframe></center>
لتغيير مقاييس البرنامج ليتناسب مع موقعك قم بتغيير ما يلي :
==> غير الرقم الذي بالأحمر لتغيير الطول .==> غير الرقم الذي بالأزرق لتغيير العرض .
انتهت الاضافة......
مع تحيات يحيى علاء من مدونة محترف الكمبيوتر والانترنت
شرح اضافة ترقيم الصفحات لمدونة بلوجر
مرحبا بكم في درس اليوم و هو عبارة عن اضافة ارقام لصفحات المدونة .فأي مدونة يكون فيها صفحات عديدة وترقيم هذه الصفحات يسهل على الزائر التنقل داخل مدونتك بكل سهولة .في حين غياب ارقام الصفحات يجبر الزائر على التنقل داخل المدونة صفحة صفحة بشكل متتالي .و هذا قد يزعج البعض لذلك يعتبر ترقيم صفحات البلوجر من اهم المميزات التي تساعد الزائر على التنقل داخل المدونة بكل حرية.
لاضافة ارقام الصفحات للمدونة هناك طريقتين:
1-الترقيم عن طريق اضافة أداة ووضع الكود بداخلها.
2-الترقيم بوضع الكود داخل القالب.
الطريقة الاولى لترقيم الصفحات هي الاسهل خاصة بالنسبة للمبتدئين لذلك سأهتم بشرحها اولا لانها تحقق المراد بسهولة وبطريقة يفهمها الجميع.
تركيب الاضافة :
لوحة التحكم >>> تخطيط >>> اضافة أداة HTML/JavaScript .
نترك عنوان الاداة فارغ لكي لا يظهر في المدونة
ننسخ الكود التالي في الاداة
تاكد من نسخ الكود جيدا
...........................................................................................................................................................
<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.RYDNET.blogspot.com */ .showpageArea a {text-decoration:underline;color: #fff;}/* www.RYDNET.blogspot.com */ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #EFA347; background: -moz-linear-gradient(top, #EFA347 0%, #F49520 50%, #E07F08 51%, #eb6105 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFA347), color-stop(50%,#F49520), color-stop(51%,#E07F08), color-stop(100%,#eb6105)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFA347', endColorstr='#eb6105',GradientType=0 ); }/* www.RYDNET.blogspot.com*/ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.RYDNET.blogspot.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.RYDNET.blogspot.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.RYDNET.blogspot.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.RYDNET.blogspot.com */ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=8; var numshowpage=8; var upPageWord ='التالي'; var downPageWord ='السابق'; </script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
................................................................................................................................................................
1-الترقيم عن طريق اضافة أداة ووضع الكود بداخلها.
2-الترقيم بوضع الكود داخل القالب.
الطريقة الاولى لترقيم الصفحات هي الاسهل خاصة بالنسبة للمبتدئين لذلك سأهتم بشرحها اولا لانها تحقق المراد بسهولة وبطريقة يفهمها الجميع.
تركيب الاضافة :
لوحة التحكم >>> تخطيط >>> اضافة أداة HTML/JavaScript .
نترك عنوان الاداة فارغ لكي لا يظهر في المدونة
ننسخ الكود التالي في الاداة
تاكد من نسخ الكود جيدا
...........................................................................................................................................................
<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.RYDNET.blogspot.com */ .showpageArea a {text-decoration:underline;color: #fff;}/* www.RYDNET.blogspot.com */ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #EFA347; background: -moz-linear-gradient(top, #EFA347 0%, #F49520 50%, #E07F08 51%, #eb6105 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFA347), color-stop(50%,#F49520), color-stop(51%,#E07F08), color-stop(100%,#eb6105)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFA347', endColorstr='#eb6105',GradientType=0 ); }/* www.RYDNET.blogspot.com*/ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.RYDNET.blogspot.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.RYDNET.blogspot.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.RYDNET.blogspot.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.RYDNET.blogspot.com */ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=8; var numshowpage=8; var upPageWord ='التالي'; var downPageWord ='السابق'; </script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
................................................................................................................................................................
*var postperpage=8 :عدد المواضيع التي ترغب في ظهورها في الصفحة الرئيسية.
*var numshowpage=8 :عدد المواضيع التي ترغب في ظهورها في باقي الصفحات.
_ بعد نسخ الكود نقوم بحفظ الاداة.
_ ننقل الاداة و نضعها تحت رسائل المدونة الالكترونية لكي تظهر الصفحات تحت المواضيع مباشرة.
وبذلك نكون قد انتهينا من اضافة ارقام الصفحات للمدونة ويمكنك معاينة النتيجة.
مع تحيات يحيى علاء من مدونة محترف الكمبيوتر والانترنت.
السبت، 11 أبريل 2015
اضافة زر الصعود الى الاعلى الى مدونة بلوجر
مرحباً صديقي كيف صحتك ؟
اليوم لدينا اضافة زر الصعود الى الاعلى
اهلاً بكم اصدقائي في مدونتي محترف الكمبيوتر والانترنت
اليوم لدينا اضافة زر الصعود الى الاعلى
اهلاً بكم اصدقائي في مدونتي محترف الكمبيوتر والانترنت
اليوم سوف نتكلم عن اضافة زر الصعود الى الاعلى الى مدونة بلوجر فكما يعلم الجميع فهي مهمة لكل مدونه
زر الصعود الى الاعلى يختلف بالشكل والمؤثرات ..
هناك ازرار كثيرة وانا اخترت لكم الاجمل والافضل
كما تعودنا في مدونتي على الجديد والافضل الحصري كالعادة
هناك ازرار كثيرة وانا اخترت لكم الاجمل والافضل
كما تعودنا في مدونتي على الجديد والافضل الحصري كالعادة
طريقة التركيب
اذهب الى لوحة التحكم >التخطيط> إضافة أداة > HTML/JavaScript
ضع الكود ادناااه فى المحتوى
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyc3x1tI4jFUoDb2d7mmTNHjEM8DqzcOHFvb0sMR5WcCtg2PaD_NIYKFMVuwRpsbjKeQrzGVcjpa6wi5bEjBV5T51IIy_SSuRA1dJUu5VnbJA-8_UFcJV13_Tw2g-_gNK0NdsjQ6WkDL2o/s1600/Arrow-ap-orange-add-b.blogspot.com.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
/*<a href='http://www.add-b.blogspot.com/2015/03/add-go-up-to-top-arrow-up.html'></a>*/
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'إصعد إلى الأعلى !'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
/*<a href='http://add-b.blogspot.com'></a>*/
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
تغييرات على الكود :
> غير الرابط
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyc3x1tI4jFUoDb2d7mmTNHjEM8DqzcOHFvb0sMR5WcCtg2PaD_NIYKFMVuwRpsbjKeQrzGVcjpa6wi5bEjBV5T51IIy_SSuRA1dJUu5VnbJA-8_UFcJV13_Tw2g-_gNK0NdsjQ6WkDL2o/s1600/Arrow-ap-orange-add-b.blogspot.com.png
.. بـ رابط آخر من روابط الصور التالية.. قم بالضغط على الصورة click يمين واختار copy image url
(حسب لون وشكل أيقونة إضافة الصعود للأعلى التي تُناسبك ..)
ومبروك عليك إضافة "إصعد إلى الأعلى!" إلى مدونتك..
ولا تنسوا إبداء رأيكم بالموضوع ..فتشجيعكم مُحفز لتقديم الافضل ☺
الاشتراك في:
الرسائل (Atom)