طريقة جعل الصور شفافة فى مدونة بلوجر

السلام عليكم ورحمة الله وبركاتة 

زوار مدونة عرب فرتكة الكرام 

نقد لكن اليوم طريقة رائعة لجعل الصور فى المنشورات 

شفافة قليلاً وعند الوقوف عليها بالمواس ترجع اىل شكلها الطبيعي 

مثال 

وطريقة عمل ذلك كالتالي

1 - من لوحة البلوجر " نضغط على قالب".

2 - توجه إلى تخطيط .

3 - انقر فوق زر تحرير HTML .

4 - قم بالبحث فى القالب عن ]]></b:skin>.

عن طريق الضغط على ctrl + f ثم ضع الكود المراد البحث عنه فى المربع ثم اضغط enter

5 - ثم قم بلصق الكود التالي قبلها مباشرةً :

img.hovereffect {
 opacity: 0.5;
 -webkit-transition: all .3s linear;
 -moz-transition: all .3s linear;
 -o-transition: all .3s linear;
 transition: all .3s linear;
}
img.hovereffect:hover {
 opacity: 1;
}

6 - قم بحفظ القالب 

 الآن كل ما تبقى لك هو إضافة class="hovereffect" لصورك. على سبيل المثال، عند إضافة صورة صندوق كتابة المنشور بالمدونة   في وضع HTML ستبدو:

<div class="seperator" style="clear: both;">
<a href="http://the-image.jpg"><img height="240" src="http://the-image.jpg" width="320" /></a>
</div>

ولكن، لإضافة هذا التأثير، تحتاج إلى إضافة فئة كما هو مبين أدناه:

<div class="seperator" style="clear: both;">
<a href="http://the-image.jpg"><img height="240" class="hovereffect" src="http://the-image.jpg" width="320" /></a>
</div>

اتمني ان ينال المنشور اعجابك

إقرأ المزيد »

المشاركات الاجتماعية بشكل رائع لمدونة بلوجر

السلام عليكم ورحمة الله تعالي وبركاتة 

زوار مدونة فرتكة نيوز الكرام 

نقدم لكم اليوم كود رائع ومفيد لكل مدونة 

وهو هبارة عن ايقونات المشاركات الاجتماعية بشكل رائع

صورة للكود

طريقة وضع الكود

1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2 - توجه إلى تخطيط .

3 - ثم إضافة أداة.

4 - إختر HTML/JavaScript .

5 - ثم قم بلصق الكود التالي في مدونتك :

<!-- DELICIOUS CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB3AqTmHC4Ui0d7H-G09a1WK1B1iHNS_6yvRAY9z41IzG3KWZSXG_INQQI03GgQZ6j5NY1Zls7mHR4gzsi_p2JMLVgZeqzlEspZriPrrrFma7-q6D4vYgZcys-H39gA8iZW9l1XGRtwoc/s400/DELICIOUS1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaB98GyUI6dW63dshSneSBoOIFtW_lbFAyuAKgOtOg7JS2LARsyxmqMI5HcKArWBkRa6PmBTsN7i0DlCrQ9ErL5S4BLtgnV2nvNQs06RcH9x5wNcS1CbEiNg7EoW_gcGnWm2z9ftiwHEQ/s400/DELICIOUS2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaB98GyUI6dW63dshSneSBoOIFtW_lbFAyuAKgOtOg7JS2LARsyxmqMI5HcKArWBkRa6PmBTsN7i0DlCrQ9ErL5S4BLtgnV2nvNQs06RcH9x5wNcS1CbEiNg7EoW_gcGnWm2z9ftiwHEQ/s400/DELICIOUS2.png'"/> <!-- DELICIOUS CODE ENDS --> <!-- RSS CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkBTVBhf_e4XJUC1cWOaY2v1SYcePvwq9uMDxXvmNAByhMgQ_G7pVLaUhGowYTIBhb2ulXgPkYR6mXTAnqu0ET-Va6ynVFQEkOj7c9g-mQvourhoaWZf3yaMQrH3WD69LkXJ8XSmE1o-s/s400/RSS1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxJI7mTBdvvLihvv054u2QNJMVXg3INPZntMXULNGy00Ygge5vOVe64NnXrG2lWGXeU4y5AorxOVTxefNMggss4_wvmM12G4lZ6rNC49RRabkmBbFsolBN25Adm1t81ViDqIiYWOpov0/s400/RSS2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxJI7mTBdvvLihvv054u2QNJMVXg3INPZntMXULNGy00Ygge5vOVe64NnXrG2lWGXeU4y5AorxOVTxefNMggss4_wvmM12G4lZ6rNC49RRabkmBbFsolBN25Adm1t81ViDqIiYWOpov0/s400/RSS2.png'"/> <!-- RSS CODE ENDS --> <!-- YOUTUBE CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFFzJxBevei1YyOTy9alX4FplFc3gcUcFcB8Vz_-AyPhMGA8HX-jVcwwTmpGkesIGQHvZ3bwXU6OYQLOL2tu1i1-f6RLP5HUJcyC3h12gfKk3WTXHuHTZz1CXJ7dK9EMFuVOYKdcSiBI4/s400/YOUTUBE1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_O-Nc2ZSLH68PpWotH2B3_kWKVfjyUDCHTSnsvRi-oLbDA3yTY1BIC3bBgzQKr8WVLFltpWsmUZ-rF6A5hVGHDh7GIrLXsynT0HLdiLHTawxdawWnCiZww7q11cqfUjTyjFjdcgVY1RY/s400/YOUTUBE2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_O-Nc2ZSLH68PpWotH2B3_kWKVfjyUDCHTSnsvRi-oLbDA3yTY1BIC3bBgzQKr8WVLFltpWsmUZ-rF6A5hVGHDh7GIrLXsynT0HLdiLHTawxdawWnCiZww7q11cqfUjTyjFjdcgVY1RY/s400/YOUTUBE2.png'"/> <!-- YOUTUBE CODE ENDS --> <!-- YAHOO CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHo0GIFNu47SdCWfoHE7GRoedqEDCb6AysGxnGlTY-id7aWs6ELI_HLdRPohZkrCEd0lNUWZWySQayZAy8oAxR9Gi7GuIoXGyove9AxU451m0L3i8KmuDO8ui_RJ3Gy_nCYbMDLLQaN4/s400/YAHOO1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIpNOgJVmbVqW15gs42Rc28Gx-5d8_3f8oiIqxOK_qCBhLDZh6F0FjSb8Tv0S2ijWKValBsUXPdCxI4B5rwXYWimDYQhPmfPTdcvUGYzMamCjRKYA8LPNPyAYwlfqfoP1nlZUtB-_1GA/s400/YAHOO2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIpNOgJVmbVqW15gs42Rc28Gx-5d8_3f8oiIqxOK_qCBhLDZh6F0FjSb8Tv0S2ijWKValBsUXPdCxI4B5rwXYWimDYQhPmfPTdcvUGYzMamCjRKYA8LPNPyAYwlfqfoP1nlZUtB-_1GA/s400/YAHOO2.png'"/> <!-- YAHOO CODE ENDS --> <!-- TWITTER CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMN3jwTLjzpGKqw3ksPU26-7oc5c4KsvuAcRVha2571GRAd94Cj0hPML7OUA_3AOv9WqN8k3SmvnE8uukm-cS0r4lpYukRBAs16PdgRkvJLtibwDXX02qSs1znjz2EBUUgs8gscM500xQ/s400/TWITTER1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfp3FW0Mc1DtkTcS78v6sfd4lSWtfwxiTlYrHLSkdPa8_RDKRbKzqKMo8VOpYhYoS8vlgUax_5KMtO3AmNJvRifJFz3j9xtNoSlxrHB1uhIuS3Kb4Q_RAbapYwu5ZWjaRs7GD_P8hxiU/s400/TWITTER2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfp3FW0Mc1DtkTcS78v6sfd4lSWtfwxiTlYrHLSkdPa8_RDKRbKzqKMo8VOpYhYoS8vlgUax_5KMtO3AmNJvRifJFz3j9xtNoSlxrHB1uhIuS3Kb4Q_RAbapYwu5ZWjaRs7GD_P8hxiU/s400/TWITTER2.png'"/> <!-- TWITTER CODE ENDS --> <!-- TECHNORATI CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg4l5HbNL_Ktyw0_isFvc2ahmQPDU0hBX0p_msKyCadXqq_i_kql7opSgnJYETGeZQ8uhakAYa0ZLtC6PQ5ZRURQljblZ8stDb4neKuzgVhPwJelJPOzqS1wBGugk3KszikW1s-SxNwY/s400/TECHNORATI1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCbBjWvkiY1rRelhwJ3ojAf3LR7AQntaRwnIiwa381Nq0UYJRQYWRrU0oZX3OEOHnmvyTgVLSEEriDxNd62XHcDuA1ODfPRzNPorTXVzlrFXk4fFqOi530FEcP7Dm4U1_9wSA3Xhiv-Rk/s400/TECHNORATI2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCbBjWvkiY1rRelhwJ3ojAf3LR7AQntaRwnIiwa381Nq0UYJRQYWRrU0oZX3OEOHnmvyTgVLSEEriDxNd62XHcDuA1ODfPRzNPorTXVzlrFXk4fFqOi530FEcP7Dm4U1_9wSA3Xhiv-Rk/s400/TECHNORATI2.png'"/> <!-- TECHNORATI CODE ENDS --> <!-- REDDIT CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3XztUjbyK9z5H60h7KiDwaswFwtBwTXjzYoq6CjVMhkgC6hqXxdbNoPeRPyK5de4SY5jm-KkdNbH7ZyE-q_IRD3wyv_tNah4vKPheEMFOjqt05oD2AqgYGK0tfJvVzspq33AqYmCLFc/s400/REDDIT1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnOAFMOaEKfSS1LkmqOQZ-JhGF_u2aUIDEju30XV2V2f4GSxt_jupgmXHX850Tf1PC3AmNzeZAV4MrQZcFfQxXVserS8D85c0UaOaUtU_teBlIkC6Hmg1Ju-M4Crmyjz-dul-FTwK6qY/s400/REDDIT2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnOAFMOaEKfSS1LkmqOQZ-JhGF_u2aUIDEju30XV2V2f4GSxt_jupgmXHX850Tf1PC3AmNzeZAV4MrQZcFfQxXVserS8D85c0UaOaUtU_teBlIkC6Hmg1Ju-M4Crmyjz-dul-FTwK6qY/s400/REDDIT2.png'"/> <!-- REDDIT CODE ENDS --> <!-- FACEBOOK CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdov1tqI4rWzDDoWhBfTaL86dRVTi8141Ipslpv7zsJ68bUvUlihR_EHejMRCl2Di3wZn1awH7io4cgxfg8BE06SXO0PjXChOf1d_B6hyphenhyphenvwTIUxDSUM2qDfEXgklAOdV7Dbo3b6AbqQ0/s400/FACEBOOK1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZRsqOTM-dIYz0IX8q-BK2hsvAD1vRl1_E2T3FHxq7Gmoh9dIvEBkcHAqqCw2FGheP6aKrpoGNqLWNmi09B8jIKYb1_EQFt8jwtVLUjctQfrhTMy5ESyc83VpkDt8Afe0UJGl6WFVvj0/s400/FACEBOOK2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZRsqOTM-dIYz0IX8q-BK2hsvAD1vRl1_E2T3FHxq7Gmoh9dIvEBkcHAqqCw2FGheP6aKrpoGNqLWNmi09B8jIKYb1_EQFt8jwtVLUjctQfrhTMy5ESyc83VpkDt8Afe0UJGl6WFVvj0/s400/FACEBOOK2.png'"/> <!-- FACEBOOK CODE ENDS --> <!-- DIGG CODE STARTS --> <img width="" height="" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUu0AGmi3-i_ujx7qYMoz0vQapriT1GnFUXvaBEI3zYepk3aiqx4b5mRHx2M-yphqKV1V5LasilkwTrpGp7EJh-TcKXtj3SFhZ_7FVrhD-rgYS-JXYPh-2DttpbDgkA7_vgOMdWO321hk/s400/DIGG1.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU63QpfAYjAIPHeBfKk9vh1womWXHK3_R6yoJjXiXdjvAqxw8ccixztrlbgt9VwDtQ_CpVQCH13ykxNGymjhKg2jP9Kmyl-y20HcZO5vSZRCJ1LfCTel1DJOiB13gVDpANTCm0sYYVJic/s400/DIGG2.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU63QpfAYjAIPHeBfKk9vh1womWXHK3_R6yoJjXiXdjvAqxw8ccixztrlbgt9VwDtQ_CpVQCH13ykxNGymjhKg2jP9Kmyl-y20HcZO5vSZRCJ1LfCTel1DJOiB13gVDpANTCm0sYYVJic/s400/DIGG2.png'"/> <!-- DIGG CODE ENDS -->

6 - مع مراعاة تغيير ما باللون الاحمر width ( العرض ) و height ( الارتفاع )  بما ترغب به

7 - ثم قم بتغير مكان الكود حسب رغبتك 

اتمني ان يعجبكم الموضوع 

إقرأ المزيد »

كود ازارا رائعة لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته

زوار مدونة عرب نيوز الكرام 

نقدم لكم اليوم كود ازرار رائعة لدونتكم

صورة للكود بعد وضعه

طريقة وضع الكود :

1 - من لوحة البلوجر " نضغط على قالب".
2 - توجه إلى تخطيط .
3 - انقر فوق زر تحرير HTML .
4 - قم بالبحث فى القالب عن ]]></b:skin>.
عن طريق الضغط على ctrl + f ثم ضع الكود المراد البحث عنه فى المربع ثم اضغط enter
5 - ثم قم بلصق الكود التالي قبلها مباشرةً :

/* Menu Stylings */ .w2bmenu *{margin: 0;padding: 0;} ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;} ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;} ul.w2bmenu li{list-style: none;position:relative;float: left;margin: 0 !important;padding: 0 !important;} ul.w2bmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;} ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #f5f5f5 !important;} ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;} ul.w2bmenu li:hover > ul{display: block;} ul.w2bmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;} ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;} ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #fff !important;} ul.w2bmenu ul ul{display: none;left: 100%;top: 0;} /* AJAX Menu Stylings */ ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;left: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;} ul.w2bajaxmenu li:hover div.submenu {display: block;} ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;} ul.w2bajaxmenu ul li{background: none !important;float: none !important;} ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;left:0;top:0;bottom: 0;background: #f5f5f5;} ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: right;margin: 8px 0 !important;background: none;} ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;} ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;} ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;left: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;} ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;} ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;} ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;right:5px;} ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;right: 11px;top: 50%;width: 0;} #w2bajaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;}

ثم

1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2 - توجه إلى تخطيط .

3 - ثم إضافة أداة.

4 - إختر HTML/JavaScript .

5 - ثم قم بلصق الكود التالي في مدونتك :

6 - مع مراعاة تغيير ما باللون الاحمر بما ترغب به

7 - ثم قم بتغير مكان الكود حسب رغبتك 

<ul id="w2bajaxmenu" class="w2bmenu"> <li> <a href="#">الرئيسية</a> </li> <li> <a href="#"> مثال1</a> <ul> <li><a href="http://yourblogdomain.blogspot.com/search/label/AdSense">Sample Label</a></li> <li><a href="http://yourblogdomain.blogspot.com/search/label/Gadgets?q=harish">Label w/ Search</a></li> <li><a href="http://yourblogdomain.blogspot.com/search?q=way2blogging">Search Query</a></li> <li><a href="http://yourblogdomain.blogspot.com/search?q=This+is+long+query+you+do+not+get+any+results,+so+try+others">Unknown Search</a> </li></ul> </li> <li> <a href="#">مثال2</a> <ul> <li><a href="http://yourblogdomain.blogspot.com/search/label/Design">Design</a></li> <li><a href="http://yourblogdomain.blogspot.com/search/label/ Facebook ?q=Like+Button">Facebook</a></li> <li><a href="http://yourblogdomain.blogspot.com/search/label/Templates">Templates</a></li> <li><a href="http://yourblogdomain.blogspot.com/search?q=Guest+Posts">Guest Posts</a></li> </ul> </li> <li><a href="#">مثال 3</a></li> </ul>

ارجو ان يعجبكم الموضوع

إقرأ المزيد »

اكتب اسمك بالدم

السلام عليكم ورحمة الله وبركاتة 

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

مثال حي للتطبيق

 

الكود

<div  class="good">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.good{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ou_ouo10.png');
    border: 1px solid;    color: #96c169;    background-color: #e4f5c9;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

طريقة اضافة الكواد

1 -  قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2 -  توجه إلى تخطيط .

3 -  ثم إضافة أداة.

4 -  إختر HTML/JavaScript .

5 -  ثم قم بلصق الكود  في مدونتك :

6 -  قم بتعديل ابعاد الكود الملونه بالاحمر حسب رغبتك

طريقة اخري

1 -  قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2 -  توجه على صفحات.

3 -  قم بإنشاء صفحة جديدة.

4 -  قم بلصق الكود بها وعدل عليها كما تشاء.

إقرأ المزيد »

فوتوشوب اونلاين

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

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

صورة للتطبيق

مثال حي للتطبيب

كود التطبيق

<center>
<iframe align="middle" border="0" frameborder="0" height="600" name="ps" src="http://pixlr.com/editor/" width="600"></iframe></center>
<center>

طريقة اضافة الكواد

1-  قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2-  توجه إلى تخطيط .

3-  ثم إضافة أداة.

4-  إختر HTML/JavaScript .

5-  ثم قم بلصق الكود  في مدونتك :

6-  قم بتعديل ابعاد الكود الملونه بالاحمر حسب رغبتك

طريقة اخري

1-  قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2-  توجه على صفحات.

3-  قم بإنشاء صفحة جديدة.

4-  قم بلصق الكود بها وعدل عليها كما تشاء.

إقرأ المزيد »

طريقة رفع ترتيب موقعك فى جوجل

السلام عليكم ورحمة الله وبركاته 

موضوعنا اليوم عن

كيف ترفع ترتيب موقعك فى جوجل

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

1- ابتعد كل البعد عن الغش فى جوجل مثل وضع كلمات بنفس لون الخلفية لا تمت لموقعك
بصلة لانه لو اكتشف جوجل ذلك فسوف تكون العواقب وخيمة جداً فقد يحذف جوجل موقعك من
عنده كما انه من غشنا فليس منا .

2- قم بعمل تبادل اعلانى نصى مع المواقع و الإعلان النصي هو عبارة عن كلمة فى
الصفحة اذا ضغطت عليها نقلك المتصفح الى صفحة اخرى او موقع اخر و يفضل التبادل
الاعلانى النصي مع المواقع التى لها ترتيب جيد فى جوجل 1 بيج رانك او أكثر فى جوجل .

3- اشترك فى مواقع التبادل الإعلانات النصية .

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

5- اذا كنت صاحب موقع تصميم فحاول ان تضع رابط يشير الى موقعك بدلاً من صور او شعار
و يمكنك إضافة الاثنين معاً فى المواقع التى قمت بتصميمها كما فعل انترنت بلس ( زعيم
المعرفة فى البيج رانك ) .

6- لا تجعل موقعك متاهة بمعنى ان لا تجعل الزائر ان يضطر الى الذهاب الى الصفحة
الرئيسية بموقعك كى يذهب الى صفحة اخرى بموقعك .

7- حاول ان تجعل الروابط الموجودة بموقعك نصية و ليست صور كى يتمكن جوجل من ارشفتها .

8- اضف موقعك فى ادلة المواقع ( طريقة فعالة جداً و قد استخدمتها فى موقعي حتى ارتفع
ترتيبي فى جوجل ) .

9- اضف موقعك فى سباقات المواقع التى تعتمد على نصوص و ليس صور او بنرات .

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

11- ضع رابط موقعك فى توقيعك بالمنتديات باستثناء المنتديات التى ترفض ذلك من خلال
قوانينها .

12- قم بعمل شروحات و ضع فى الشرح رابط موقعك .

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

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

15- ضع رابط لموقعك فى كل صفحات موقعك بحيث تعم الفائدة .

16- اضا كانت لديك مهارة الكتابة فقم بكتابة مقالات و قصص و أرسلها الى المواقع و
الجرائد و المجلات الالكترونية و لا تنس كتابة رابط موقعك فى نهاية المقال او
القصة(طبقتها بنفسى فى احد الجرائد الفلسطينية) .

17- اكتب فى المدونات و ضع فى نهاية مقالك رابط موقعك .

18- اطلب من اعضاء منتداك ان يقوموا بنقل مواضيعك و شروحاتك الى منتديات أخرى مع
كتابة رابط موقعك فيها .

19- قم بوضع إعلانات نصية فى المواقع سواء اكان هذا مجانياً او مدفوعاً .

20- اذا كنت مبرمجاً فقم ببرمجة سكربتات و يفضل ان يكون السكربت مجاني لان
السكربتات المجانية تلقى شعبية اكبر .

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

إقرأ المزيد »

ما هى خدمة الـRSS

السلام عليكم ورحمة الله تعالي وبركاته 

زوار مدونة فرتكة نيوز الكرام

موضعنا اليوم عن خاصيه مهمة جدا وهي خاصية الــRSS

ماهو RSS

يعني مصطلح فيد - RSS الذي يأتي

من المفردة الإنجليزية feed ويعني الخلاصة. وهو أحد إفرازات ما يعرف

بالجيل الثاني من الويب التي من إحدى ميزات مواقعه توفيرها لخدمة بث محتوياتها

على شكل RSS أو الخلاصات باللغة العربية كي يتمكن الزائر من متابعة

آخر أخبار مواقعه المفضلة في موقع واحد دون الحاجة لزيارة كل موقع على حده والموقع

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

يتصفح الموقع.

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

خلاصات مواقعه المفضلة ويتابع تحديثاتها بعد ذلك في صفحة واحدة، وتم تنفيذ

الفكرة من خلال فكرة بسيطة تتيح للزوار إنشاء حسابات خاصة بهم وإضافة ما يريدون من

الخلاصات لمتابعتها.

خدمة

RSS ظهرت هذه الخدمة منذ

1998 وقد تم تطويرها بواسطة شركة نت سكيب ، ولكنها لسبب ما أهملت ، حتى عاد

الاهتمام بها وخاصة من قبل محركات البحثYahooوGoogle وذلك

للاهتمام بالمواقع الإخبارية التي تتيح الأخبار من خلال هذه التقنية ، إلى أن قامت

كبرى المواقع الإخبارية العالمية مثل وCNN بتقديم اخبار بطريقة الـRSS

على مدار الساعة ، فتطورت الفكرة أكثر وتم توحيدها كمواصفة دولية وهي آخذه في

الانتشار خصوصاً مع تقدم هيمنة الـ XML على تقنيات الانترنت.

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

أو الناحية التجارية.

ماهو الـ RSS ؟

خدمة RSS هي عبارة عن وسيلة سهلة تمكنك من الحصول على آخر الأخبار فور ورودها على

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

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

ولقد عني بالمصطلح RSS عبارة Rich Site Summary وهو مصطلح قديم ، وهناك

مسميات أخرى له ، أما حالياً فالعبارة الأشهر استخداماً هي Really Simple

Syndication.

وأغلب موفري خدمة ال RSS

هم أصحاب المواقع الإخبارية والمدونات العربية والأجنبية ، لأنها تتيح لهم

إيصال أخبارهم “الأحدث” مباشرة إلى المتلقي بدون الحاجة إلى زيارة مواقعهم.

ماهي فكرة الـRSS ؟

وفكرة الـ تتلخص في أنك تضع وصلة إلى وثيقة XML بسيطة بصيغة موحدة لذكر ملخص

عن موقعك ، قد تكون هذه الوصلة إلى ملف ثابت يتم تحديثه في موقعك بشكل دوري ، أو

برنامج يقوم بجلب معلومات عن موقعك.

كيف تعمل خدمة الـ RSS ؟

عندما ترى أي من الشعارات الخاصة بهذه التقنية مكتوب عليها RSS ،XML في أي

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

الرابط في أضف محرك أخبار .

بعدها يبدأ العربي مباشر في البحث عن الموقع مصدر الأخبار الجديد ، وبعد إيجاده

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

ماهي مميزات خدمة الـ RSS ؟

• خدمة الـ تمنحك ميزة الاطلاع على العديد من الأخبار في المواقع التي

  اخترتها مثلاً اذا اخترت موقع BCCو CNN ، ..., كلما زرت العربي مباشر

  الـ RSSسيقوم بتحديث الأخبار من هذه المواقع بسرعة وسهولة دون الرجوع إليهم.

• يمنحك متابعة فورية لمواقعك المفضلة التي تدعم خدمة الـRSSعلى مدار

  الساعة.

  
  

• بالنسبة لأصحاب المواقع يمنحهم اتصال دائم وفوري بالأشخاص المهتمين

  بمواقعهم ، مما يسمح لهم بوصول الخبر بسرعة وعلى عدد كبير من القراء.

إقرأ المزيد »

الكلمات المفتاحية Keywords

السلام عليكم ورحمة الله وبركاته

 زوار مدونة فرتكة نيوز 

سنتحدث اليوم عن شئ مهم جدا ومفيد لك موقع او مدونة

ألا وهو

الكلمات المفتاحية Keywords

الكلمات المفتاحية هي من أهم الاستراتيجيات لتهيئة الموقع لمحركات البحث
ببساطه هي الكلمات التي توصل الناس للمواقع في مجال تلك الكلمات

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

كيف تختار الكلمات المفتاحية

عليك بدراسه مجال موقع ان كان متخصص او عام وضع كل كلمه مناسبه لموقعك

استخدم متتبع الروابط التي تؤدي الى موقع من محركات البحث وانظر الى انسب
الكلمات وهذا الخيار في الغالب يكون موجود في لوحه تحكم موقع وان لم تجده
فهناك شركات توفر الخدمه مثل موقع رتب www.ratteb.com

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

هناك أيضا الكثير من المواقع تساعدك على ايجاد انسب الكلمات الدليلية
لكنها للافس باللغه الانجليزية فقط لكن لا يضر ان استعنت بها ومنها :
http://inventory.overture.com/d/searchinventory/suggestion/
http://www.wordtracker.com/

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

Keyword Dentsy
تعني كثافة الكلمات المفتاحية وهو أن تكون الكلمات المفتاحية لها دلاله قوية بموقعك
فلا يعقل ان تضع كلمع " عقارات " في الكلمات المفتاحية وموقعك يتحدث عن السيارات !؟!!
فمحرك البحث يأخذ بعي الاعتبار كثافه الكلمات المفتاحية في ترتيب الموقع
فمثلا ان كان موقعك عن السيارات حاول أن تستخدم كلمه سيارات يكثافة في
المواضيع والأخبار لكن بحيث لا تتعدى 2 بالمائة نسبه الكلمات بالموقع
والا سوف يعتبرك محرك البحث مخالفا

انتهي الموضوع

إقرأ المزيد »

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

أهلا بجميع زوار مدونة فرتكة نيوز الكرام

جميع أصحاب المواقع و المنتديات و المدونات يبحثون عن طرق لإشهار موقعه بطرق

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

البحث. لأن الطرق المدوفوعة تؤدي في أغلب الأحيان الي طردك من محركات البحث

المختلفة لأنها تعمل بطرق مخالفة .

الجميع يبحث عن عدد كبير من الزيارت من محركات البحث الشهيرة مثل جوجل Google.

حيث

أن مديري المواقع يشغل بالهم دائما كيفية جلب الزائر و بقائه أكبر فترة

ممكنة في موقعك ليحقق ترتيب أعلي بين المواقع الأخرى من حيث البيج رانك أو

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

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

>>

درس اليوم هو عبارة عن خطوات هامة لأصحاب المواقع من أجل شهرة مواقعهم و

كثب ثقة محركات البحث المختلفة و زيادة عدد الزيارات.

>> جميع الخطوات الأتية مجانية و تؤدي الي الأفضل دائما.

نبدأ بالخطوات

1- إفحص موقعك ومدونتك دائما من الملفات التالفة وفحص الموقع والمدونات من الفيروس دائما .

2- اضافة مواضيع ومنشورات جديدة و حصرية وليست

منقولة من مواقع اخرى وكلما زادة مواضيعك ومشوراتك الخاصة زادك نجاح الموقع ( احرص

دائما علي عدم نقل مواضيع او منشورات من مواقع أخري ) لأن محرك البحث ليس غبيا و سوف

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

3- يفضل رفع الصور و ملفات التحميل الصغيرة على موقعك او مدونتك .

4- يفضل تجديد الروابط التالفة و المنتهية و احرص أيضا علي تحديث محتوي موقعك او مدونتك بصفة دائمة .

5- عنوان الموضوع او المنشور لا يحتوى على اى رموز ولا تزيد عن 8 كلمات ولا تقل عن 3 كلمات .

6- ويفضل عدم تركيب هاك سحب المواضيع و

السبب تعتبر جوجل ان هذا الموقع مزعج وليسه ناحجا انه يعتبر لا يحتوى على

مواضيع مميزة وجديدة وانه مكرر .

7- تنشيط المواضيع والمنشورات القديمة باضافة ردود والسبب ان جوجل تقوم اعادة ارشفته من جديد وترفع رتبته.

8- ويفضل عدم وضع التسجيل الأجبارى في المنتديات .

9- عدم الأهتمام الى كثرة المواضيع ليس سبب فى النجاح الموقع ولكن يفضل يوميا بأضافة مواضيع ومنشورات جديدة وقيمة .

10- عدم كثرة الخطوط عن انشاء موضوع او منشور جديد ويفضل الخط الفتراضى .

11- عدم الاكثار في الروابط لمواقع أخرى داخل موقعك او مدونتك.

12- يفضل عدم تغير استايل الموقع كل فترة وعدم كثرة الترقية لموقع .

13- التأكد من حماية الموقع والمدونة جيدا و عدم اختراقه.

14- ويفضل ان يكون الموقع او المدونة خالى من الفلاشات في الاستايل لأنها ليست محببة لمحرك البحث .

15- يفضل عدم وضع فتحة اجبارية لموقعك او مدونتك .

16- ليس ضرورى تركيب هاك تحويل الروابط من لغة html و php .

17- عدم كثرة تركيب الهاكات ( الافراط في استخدامها ) .

18 - يفضل عند انشاء موضوع او منشور عنوان بلغة الانجليزية يجب ان يكون اول حرف كبتل لتر مثل Google .

19- اجعل قسم مميز ونادر فى موقعك او مدونتك حتى لا يكون جميع الاقسام مكرر مثل جميع المواقع - ( الحصري ) مهم جد .

20 - ويفضل ان يكون موقعك او مدونتك على سيرفر قوى ليس مهم ولكن افضل لموقعك او مدونك .

21 - يجب ان يكون مساحة الموقع او المدونة كبيرة وليس صغيرة وجعل الملفات داخل ftp بشكل صحيح عند الرفع وتنظيم الملفات .

22- يفضل عند انشاء موضوع او منشور جديد اول الموضوع يجب ان لا يحتوى على كلمات مكرر متل حصريا و الكلمات المعروفة .

23- عدم الاهتمام بجميع محركات البحث

اهتم فقط بمحرك البحث Google السبب جوجل أقوى محركات البحث ليس فقط الأقوى

انما تقوم معظم محركات البحث فى مراقبه Google لمعرفة افضل مواقع لجوجل

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

المواقع وأخذ مرتبة جيدة .

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

أو عن طريق نشر موضوعك علي الفيس بوك و تويتر.

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

بالتوفيق

إقرأ المزيد »

اكواد ملاحظات واعلانات بشكل جميل وجذاب لمدونات بلوجر

السلام عليكم ورحمة الله تعالي وبركاته

وزوار المدونة الكرام

نقدم لكم اليوم

الكود المنتظر.. شريط الملاحظات والاعلانات الرائعة

الكود عبارة عن 11 كود مستقل HTML  يوضع في اي مكان تريدة

شكل الكود 

 

اليكم شرح اضافه الاكواد

1- قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2- توجه إلى تخطيط .

3- ثم إضافة أداة.

4- إختر HTML/JavaScript .

5- ثم قم بلصق الكود التالي في مدونتك :

الان اليكم الاكواد:

قم باختيار احد الاكواد التاليه

اعلان 

<div  class="poster">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.poster{ background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/oouou10.png');
    border: 1px solid;    color: #e4c259;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

حماية

<div  class="safe">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.safe{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ouu10.png');
    border: 1px solid;    color: #e4c259;  background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

تحذير

<div  class="Warning">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Warning{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ooouso11.png');
    border: 1px solid;    color: #e4c259;  background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

وسام
 

<div  class="Medal">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Medal{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ouousu10.png');
    border: 1px solid;    color: #f56e72;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

صح / تم الحل

<div  class="good">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.good{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ou_ouo10.png');
    border: 1px solid;    color: #96c169;    background-color: #e4f5c9;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

خطأ

<div  class="Error">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Error{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ooo11.png');
    border: 1px solid;    color: #f56e72;    background-color: #facdcd;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

صيانة

<div  class="tools">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.tools{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/ouusou10.png');
    border: 1px solid;    color: #88aed0;    background-color: #d3e6ef;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

فكرة

<div  class="idea">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.idea{  background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/uuoo10.png');
    border: 1px solid;    color: #e4c259;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

مساعدة

<div  class="help">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.help{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/uooooo10.png');
    border: 1px solid;    color: #88aed0;    background-color: #d3e6ef;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

معلومات

<div  class="info">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.info{    background-image: url('http://i49.servimg.com/u/f49/16/89/40/74/uouuuo10.png');
    border: 1px solid;    color: #88aed0;    background-color: #d3e6ef;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

هدية

<div  class="gift">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.gift{  background-image: url('http://i39.servimg.com/u/f39/16/89/40/74/box111.png');
    border: 1px solid;    color: #f56e72;    background-color: #facdcd;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>

      

اتمنى انه ينال اعجابكم

إقرأ المزيد »