الشارقة لدروس و إضافات بلوجر

26 قائمه عموديه بالتقنيات الحديثه وبمختلف الاشكال لمدونة بلوجر

2012-05-03T18:36:00.000-07:00

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

قم بالذهاب الي لوحة تحكم مدونتك Blogger > ثم الي تصميم > ثم الي تحرير HTML
قم باخذ نسخه احتياطيه من قالب مدونتك

يجب ان تعلم اولا ان القائمه سيتم تركيبها علي مرحلتين الاولي وهي اضافة كود css

3. انسخ كود CSS ويجب وضعه قبل هذا الكود ]]></b:skin>
4. المرحلة الثانيه من تركيب القائمه العموديه هي وضع كود html تحت هذا الكود

<div id='sidebar-wrapper'> او هذا <div id='sidebar-wrapper-right'>
واذا كان عندك عامود جانبي في الجانب الايسر قم بوضع الكود تحت هذا <div id='sidebar-wrapper-left'>

ملحوظه:-عند حدوث اي تعارض اثناء التطبيق فمعنى هذا ان قالبك تم التعديل عليه من قبلك او من قبل احد غيرك بشكل كبير

طريقة التعديل علي كود html

ما بالاسفل هو مثال علي كود ال html

<li><a href="#1" >Link 1</a></li>
<li><a href="#2" >Link 2</a></li>
<li><a href="#3" >Link 3</a></li>
<li><a href="#4" >Link 4</a></li>
<li><a href="#5" >Link5</a></li>

قم بتغيير تلك الرموز #1, #2, #3 الروابط التي تريدها في القائمه ثم قم بتغيير تلك الكلمات Link1, Link2, Link3 ا لي اى مسمى تريده للرابط الذي ستقوم بوضعه في القائمه

الان ناتي لاشكال القوائم العموديه وتحت كل قائمه كود ال css الخاص بها وكذلك كود ال html ويجب وضعهم كما بالشرح

قائمه رقم 1

CSS CODE:

 #menu6 ul {   list-style: none; margin: 0; padding: 0; } #menu6 img {  border: none; }   #menu6 { width: 200px; margin: 10px; } #menu6 li a {  font-family:   Verdana, Arial, Helvetica, sans-serif; margin: 0;  font-size: 10pt;   font-weight: bold; background: #FFF; height: 24px;  text-decoration:   none; } #menu6 li a:link, #menu6 li a:visited { color:  #FFF; display:   block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_oYtQX0e1k5M3TrxivDdzbTCOny40qU8F6-8cwZTIF0IlfeULMuyYwNFR3xi6A1MnnAvgKDBw5goiFcde6LzPYOvfT0pR_VlJ-HnAB4Boy0y-LJzoOePnlq6MXnpe0XcNhFX5AP7XOKU/s800/menu6.gif);    padding: 8px 0 0 20px; } #menu6 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_oYtQX0e1k5M3TrxivDdzbTCOny40qU8F6-8cwZTIF0IlfeULMuyYwNFR3xi6A1MnnAvgKDBw5goiFcde6LzPYOvfT0pR_VlJ-HnAB4Boy0y-LJzoOePnlq6MXnpe0XcNhFX5AP7XOKU/s800/menu6.gif)    0 -32px; padding: 8px 0 0 20px; }

HTML CODE:

 <div   id="menu6">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

قائمه رقم 2

CSS Code:

#menu3  ul {   list-style: none; margin: 0; padding: 0; } #menu3 img { border:  none; }   #menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; }  #menu3   li a { height: 32px; font-family: Verdana, Arial, Helvetica,    sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:    #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3  li   a:visited { color: #888; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizo4vBxt9CUf0bIiYJxNf8oWgBmUqUdMPTcGip_ndKBKWIyA2wyTApSBFsLUxERgLPSG3z5h-1AU__QgcDOU-xf1Ngt9sutYHiLO0su2eET6aIGW0vTptO8tjw03lUl7k5ol7tOJBOBhU/s800/menu3.gif);    padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current,  #menu3   li a:active { color: #283A50; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizo4vBxt9CUf0bIiYJxNf8oWgBmUqUdMPTcGip_ndKBKWIyA2wyTApSBFsLUxERgLPSG3z5h-1AU__QgcDOU-xf1Ngt9sutYHiLO0su2eET6aIGW0vTptO8tjw03lUl7k5ol7tOJBOBhU/s800/menu3.gif)    0 -32px; padding: 8px 0 0 30px; }

HTML Code:

 <div   id="menu3">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

قائمه رقم3

CSS Code:

#menu9  ul {   list-style: none; margin: 0; padding: 0; } #menu9 img { border:  none; }   #menu9 { width: 200px; margin: 10px; } #menu9 li a { height:  32px;   font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;    font-size: 10pt; font-weight: bold; background: #FFF; height: 24px;    text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color:    #FFF; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdfnRbE78EdgwggCPIIKD3Zvb03eLhZHZrkzP_hS3MqD_fuSPeTIgdSN6SzMS0id0hO-71Yo2aM5qTyZV1dyArbuc2OPmqrrfIVzi-jpDnqUUFNoOhKsJ_pTvZPSWLQnL5XujO9CU1vY/s800/menu9.gif);    padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdfnRbE78EdgwggCPIIKD3Zvb03eLhZHZrkzP_hS3MqD_fuSPeTIgdSN6SzMS0id0hO-71Yo2aM5qTyZV1dyArbuc2OPmqrrfIVzi-jpDnqUUFNoOhKsJ_pTvZPSWLQnL5XujO9CU1vY/s800/menu9.gif)    0 -32px; padding: 8px 0 0 35px; }

HTML Code:

 <div   id="menu9">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

قائمه رقم4

CSS Code:

 #menu6 ul {   list-style: none; margin: 0; padding: 0; } #menu6 img {  border: none; }   #menu6 { width: 200px; margin: 10px; } #menu6 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu6 li a:link, #menu6 li a:visited {  color:   #8D9179; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2zZf71QJHRlybwMm8VJdaeadBbDUa0J4qlPvEFX6zWMmk307Pt4KRydo80MS7gGZhIsHaC570Z1ilHezbblgqm_Jg3i_ocqtiyYOfch41a8lmrg7vnCMs2CHwBYiswugYwCiuvoLYCL4/s800/menu6.gif);    padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current,  #menu6   li a:active { color: #6C7250; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2zZf71QJHRlybwMm8VJdaeadBbDUa0J4qlPvEFX6zWMmk307Pt4KRydo80MS7gGZhIsHaC570Z1ilHezbblgqm_Jg3i_ocqtiyYOfch41a8lmrg7vnCMs2CHwBYiswugYwCiuvoLYCL4/s800/menu6.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu6">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

قائمه رقم5

CSS Code:

 #menu14 ul {   list-style: none; margin: 0; padding: 0; } #menu14 img {  border: none; }   #menu14 { width: 200px; margin: 10px; } #menu14 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu14 li a:link, #menu14 li a:visited {    color: #fff; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzF5amJ6eP1043lPeWH89XoijBQjIMLvdT0FtU_90LpWqrAFpqd75C4ujtME5jhKQXwpWC6mHdpZ2Ox0yRdMCcyDv0KYV-MrTLkw6LMvbBrKaHszgWJPInHXnRa7f6SscymVDdssFzMU/s800/menu14.gif)    0 -32px; padding: 8px 0 0 10px; } #menu14 li a:hover { color: #333;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzF5amJ6eP1043lPeWH89XoijBQjIMLvdT0FtU_90LpWqrAFpqd75C4ujtME5jhKQXwpWC6mHdpZ2Ox0yRdMCcyDv0KYV-MrTLkw6LMvbBrKaHszgWJPInHXnRa7f6SscymVDdssFzMU/s800/menu14.gif);    padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu14">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #6

CSS Code:

 #menu7 ul {   list-style: none; margin: 0; padding: 0; } #menu7 img {  border: none; }   #menu7 { width: 200px; margin: 10px; } #menu7 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu7 li a:link, #menu7 li a:visited {  color:   #FFF; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsO01oAWI8d1iLei13n6bm78FynJC0bkkL16jg69cTaog6CpgWqqgxCXBZ0ix766dUHgIEuZH74XOXmAQaN37v6L3qL_QL0Fw-KqNZ6-TwxGwYk5ZtUg0B3avAubU_VMWCJXKWdIXFSo/s800/menu7.gif);    padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsO01oAWI8d1iLei13n6bm78FynJC0bkkL16jg69cTaog6CpgWqqgxCXBZ0ix766dUHgIEuZH74XOXmAQaN37v6L3qL_QL0Fw-KqNZ6-TwxGwYk5ZtUg0B3avAubU_VMWCJXKWdIXFSo/s800/menu7.gif)    0 -32px; padding: 8px 0 0 30px; }

HTML Code:

 <div   id="menu7">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #7

CSS Code:

#menu2  ul {   list-style: none; margin: 0; padding: 0; } #menu2 img { border:  none; }   #menu2 { width: 200px; border-style: solid solid none solid;    border-color: #677D92; border-size: 1px; border-width: 1px; margin:    10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial,    Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;    background: #FFF; height: 24px; text-decoration: none; } #menu2 li    a:link, #menu2 li a:visited { color: #fff; display: block; background:     url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdD1vYgugT8w2ncreqVHAtKAIIOrVq0YhYZoW-tV1GQB4IBaaFDwgeYDfFitnwSt7fS9QHuu-h8dvivgCI189bqpF7fdZZagGjJ9W7leT2ePB3FhQihcbYcPyf672Tcem1EOv96Wsppc/s800/menu2.gif);    padding: 8px 0 0 10px; } #menu2 li a:hover, #menu2 li #current {   color:  #283A50; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdD1vYgugT8w2ncreqVHAtKAIIOrVq0YhYZoW-tV1GQB4IBaaFDwgeYDfFitnwSt7fS9QHuu-h8dvivgCI189bqpF7fdZZagGjJ9W7leT2ePB3FhQihcbYcPyf672Tcem1EOv96Wsppc/s800/menu2.gif)    0 -32px; padding: 8px 0 0 10px; } #menu2 li a:active { color:  #283A50;   background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdD1vYgugT8w2ncreqVHAtKAIIOrVq0YhYZoW-tV1GQB4IBaaFDwgeYDfFitnwSt7fS9QHuu-h8dvivgCI189bqpF7fdZZagGjJ9W7leT2ePB3FhQihcbYcPyf672Tcem1EOv96Wsppc/s800/menu2.gif)    0 -64px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu2">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #8

CSS Code:

 #menu9 ul {   list-style: none; margin: 0; padding: 0; } #menu9 img {  border: none; }   #menu9 { width: 200px; margin-top: 10px; } #menu9 li a {  height:  32px;  font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu9 li a:link, #menu9 li a:visited {  color:   #E5E8D4; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilV_Ex24fOSmCGdcMGw6AxRldNLg5GrPrwApmq5Vb5dY6kBxBN8monHCNuJjccdPG-DJOS-bazra5pVhQSkAv9lwOmBn_QmN9X1mnVA9T8zljcKJSFXKEhJ2t4967jVf9MAjjDar9nyNk/s800/menu9.gif);    padding: 8px 0 0 10px; } #menu9 li a:hover, #menu9 li #current {   color:  #725033; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilV_Ex24fOSmCGdcMGw6AxRldNLg5GrPrwApmq5Vb5dY6kBxBN8monHCNuJjccdPG-DJOS-bazra5pVhQSkAv9lwOmBn_QmN9X1mnVA9T8zljcKJSFXKEhJ2t4967jVf9MAjjDar9nyNk/s800/menu9.gif)    0 -32px; padding: 8px 0 0 10px; } #menu9 li a:active { color: #fff;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilV_Ex24fOSmCGdcMGw6AxRldNLg5GrPrwApmq5Vb5dY6kBxBN8monHCNuJjccdPG-DJOS-bazra5pVhQSkAv9lwOmBn_QmN9X1mnVA9T8zljcKJSFXKEhJ2t4967jVf9MAjjDar9nyNk/s800/menu9.gif)    0 -64px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu9">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #9

CSS Code:

#menu12  ul {   list-style: none; margin: 0; padding: 0; } #menu12 img { border:  none; }   #menu12 { width: 200px; margin: 10px; } #menu12 li a { height:  32px;   font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;    font-size: 10pt; font-weight: bold; background: #FFF; height: 22px;    text-decoration: none; } #menu12 li a:link, #menu12 li a:visited {    color: #666; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNg2JeVsGV8b2aLT6dZ6aN5PvatNUxJhUQbIRCXLooVNPk1GrJsAbggaN0cUG-0bLz9o4Q0NrtU1rCSPCWp8-86D6aplnzy_kiWcr8cPaCT-rWxGuavwDXQv1DOcSETe60FjJfmbUVzfc/s800/menu12.gif);    padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000;   background:     url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNg2JeVsGV8b2aLT6dZ6aN5PvatNUxJhUQbIRCXLooVNPk1GrJsAbggaN0cUG-0bLz9o4Q0NrtU1rCSPCWp8-86D6aplnzy_kiWcr8cPaCT-rWxGuavwDXQv1DOcSETe60FjJfmbUVzfc/s800/menu12.gif)    0 -32px; padding: 10px 0 0 35px; }

HTML Code:

 <div   id="menu12">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #10

CSS Code:

 #menu13 ul {   list-style: none; margin: 0; padding: 0; } #menu13 img {  border: none; }   #menu13 { width: 200px; margin: 10px; } #menu13 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu13 li a:link, #menu13 li a:visited {    color: #C7377D; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3xV3CdpdY4VGzpmaTKFyJY1-s9nX_DgZtqt-1SV9QjjeomsbQVB1qt0-NGLt73m5UzEGSwGYvNyFtmv0nyvWuR9Ud0yLUKYBrMexWId1aHitIoQH1LEGhxlVGnzlxYrcuNrfBQZicoaE/s800/menu13.gif);    padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3xV3CdpdY4VGzpmaTKFyJY1-s9nX_DgZtqt-1SV9QjjeomsbQVB1qt0-NGLt73m5UzEGSwGYvNyFtmv0nyvWuR9Ud0yLUKYBrMexWId1aHitIoQH1LEGhxlVGnzlxYrcuNrfBQZicoaE/s800/menu13.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu13">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #11

CSS Code:

 #menu4 ul {   list-style: none; margin: 0; padding: 0; } #menu4 img {  border: none; }   #menu4 { width: 200px; border-style: solid solid none  solid;   border-color: #D76100; border-size: 1px; border-width: 1px;  margin:   10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial,    Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;    background: #FFF; height: 24px; text-decoration: none; } #menu4 li    a:link, #menu4 li a:visited { color: #9E3C02; display: block;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHONQ7JnyTbtYxNYXCMAqyrF284Or4C8Vl1g1j01fOubtOCPb2pS_IOO4pK2tFDxkKYxFgNHdO3kDvDgNwpRaXlrjRiNg2APEPbS_6WYD6vSAC0c7p_FfkIpp5PqTUoJzZpPqkZKEC0rw/s800/menu4.gif);    padding: 8px 0 0 30px; } #menu4 li a:hover, #menu4 li #current {   color:  #fff; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHONQ7JnyTbtYxNYXCMAqyrF284Or4C8Vl1g1j01fOubtOCPb2pS_IOO4pK2tFDxkKYxFgNHdO3kDvDgNwpRaXlrjRiNg2APEPbS_6WYD6vSAC0c7p_FfkIpp5PqTUoJzZpPqkZKEC0rw/s800/menu4.gif)    0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHONQ7JnyTbtYxNYXCMAqyrF284Or4C8Vl1g1j01fOubtOCPb2pS_IOO4pK2tFDxkKYxFgNHdO3kDvDgNwpRaXlrjRiNg2APEPbS_6WYD6vSAC0c7p_FfkIpp5PqTUoJzZpPqkZKEC0rw/s800/menu4.gif)    0 -64px; padding: 8px 0 0 30px; }

HTML Code:

 <div   id="menu4">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #12

CSS Code:

#navlist  {   color: white; background: #17a; border-bottom: 0.2em solid #17a;    border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width:    12em; font: normal 10px Verdana, sans-serif; } #navlist li {  list-style:   none; margin: 0; font-size: 1em; } #navlist a { display:  block;   text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em;  color:   white; background: #39c; border-width: 1px; border-style:  solid;   border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0;  padding:   0.25em 0.5em 0.4em 0.75em; } #navlist a#current {  border-color: #5bd   #035 #068 #f30; } #navlist a { width: 99%; /* only  necessary for   Internet Explorer */ } #navlist a { voice-family:  "\"}\""; voice-family:   inherit; width: 9.6em; /* Tantek-hack should  only used if   Internet-Explorer 6 is in standards-compliant mode */ }    #navcontainer>#navlist a { width: auto; /* only necessary if you use    the hacks above for the Internet Explorer */ } #navlist a:hover,    #navlist a#current:hover { background: #28b; border-color: #069 #6cf    #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active,    #navlist a#current:active { background: #17a; border-color: #069 #6cf    #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; }

HTML Code:

 <div   id="navcontainer">
 <ul id="navlist">
<li><a    href="#1">Link 1</a></li>
<li><a    href="#2">Link 2</a></li>
<li><a    href="#3">Link 3</a></li>
<li><a    href="#4">Link 4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #13

CSS Code:

 #menu8 ul {   list-style: none; margin: 0; padding: 0; } #menu8 img {  border: none; }   #menu8 { width: 200px; margin-top: 10px; } #menu8 li a {    text-decoration: none; height: 32px; font-family: Verdana, Arial,    Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;    background: #FFF; height: 24px; } #menu8 li a:link, #menu8 li a:visited {    color: #777; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3BzVs-rrx_4nAwJy-0ZLpspE_kemQs3o8MjZPY5AyzmfChzVmqitp-wTy7Y1t02vHmH-5hhbJUs1eKxOiA_cJoVbgydAgFiXH1j9Kf07GurvHQmd45ovvRHrY1vBcIWPgXZ3rdDQ494/s800/menu8.gif);    padding: 8px 0 0 20px; } #menu8 li a:hover, #menu8 li #current {   color:  #257EB7; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3BzVs-rrx_4nAwJy-0ZLpspE_kemQs3o8MjZPY5AyzmfChzVmqitp-wTy7Y1t02vHmH-5hhbJUs1eKxOiA_cJoVbgydAgFiXH1j9Kf07GurvHQmd45ovvRHrY1vBcIWPgXZ3rdDQ494/s800/menu8.gif)    0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3BzVs-rrx_4nAwJy-0ZLpspE_kemQs3o8MjZPY5AyzmfChzVmqitp-wTy7Y1t02vHmH-5hhbJUs1eKxOiA_cJoVbgydAgFiXH1j9Kf07GurvHQmd45ovvRHrY1vBcIWPgXZ3rdDQ494/s800/menu8.gif)    0 -64px; padding: 8px 0 0 25px; }

HTML Code:

 <div   id="menu8">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #14

CSS Code:

#menu8  ul {   list-style: none; margin: 0; padding: 0; } #menu8 img { border:  none; }   #menu8 { width: 200px; margin: 10px; border-style: solid;    border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a    { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;    margin: 0; font-size: 10pt; font-weight: bold; background: #FFF;  height:   24px; text-decoration: none; } #menu8 li a:link, #menu8 li  a:visited {   color: #656556 ; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNfX0PhjJc8-IwxBxRjHUHG4oIXK9m-5qvpGyw4pz3qVLnkmt1T3ifX_Pj9Oo7rh05VBLYwx27qYa9N2DbAWwxFAUgp3BshNLqHVCqhxson7BmGIG6YsY9USYysv4F3MEzwK5zzdHiLQ/s800/menu8.gif)    ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNfX0PhjJc8-IwxBxRjHUHG4oIXK9m-5qvpGyw4pz3qVLnkmt1T3ifX_Pj9Oo7rh05VBLYwx27qYa9N2DbAWwxFAUgp3BshNLqHVCqhxson7BmGIG6YsY9USYysv4F3MEzwK5zzdHiLQ/s800/menu8.gif)    0 -32px; padding: 8px 0 0 20px; }

HTML Code:

 <div   id="menu8">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #15

CSS Code:

#menu9  body {   font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;    font-size: 10pt; font-weight: bold; background: #FFF; } #menu1 ul {    list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; }    #menu1 { width: 200px; margin: 10px; border-style: solid solid none    solid; border-color: #3D261D; border-size: 1px; border-width: 1px; }    #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica,    sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:    #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1  li   a:visited { color: #E4D6CD; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMF209fVgTX0oz9JYyoz8ib7_LqqTOmADPJ-BjC6PCL2muSpdiQUBZ2dyISggnmBNhGejva-j-76zpJDsu21p9sNd4Be75Fqo_rLZ4XyYN9Unmk3dUr7cZ-4yet3LV_s8PHihtTeAO1E/s800/menu1.gif);    padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMF209fVgTX0oz9JYyoz8ib7_LqqTOmADPJ-BjC6PCL2muSpdiQUBZ2dyISggnmBNhGejva-j-76zpJDsu21p9sNd4Be75Fqo_rLZ4XyYN9Unmk3dUr7cZ-4yet3LV_s8PHihtTeAO1E/s800/menu1.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu1">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #16

CSS Code:

#navcontainer  {   background: #f0e7d7; width: 30%; margin: 0 auto; padding: 1em 0;    font-family: georgia, serif; font-size: 13px; text-align: center;    text-transform: lowercase; } ul#navlist { text-align: left; list-style:    none; padding: 0; margin: 0 auto; width: 70%; } ul#navlist li {   display:  block; margin: 0; padding: 0; } ul#navlist li a { display:   block;  width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px;    border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777;    text-decoration: none; background: #f7f2ea; }    #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a    { background: #f0e7d7; color: #800000; } ul#navlist li a:hover,    ul#navlist li#active a:hover { color: #800000; background: transparent;    border-color: #aaab9c #fff #fff #ccc; }

HTML Code:

 <div   id="navcontainer">
 <ul id="navlist">
<li><a    href="#1">Link 1</a></li>
<li><a    href="#2">Link 2</a></li>
<li><a    href="#3">Link 3</a></li>
<li><a    href="#4">Link 4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #17

CSS Code:

 #menu3 ul {   list-style: none; margin: 0; padding: 0; } #menu3 img {  border: none; }   #menu3 { width: 200px; margin: 10px; border-style: solid  solid none   solid; border-color: #BCD2E6; border-size: 1px;  border-width: 1px; }   #menu3 li a { height: 32px; font-family: Verdana,  Arial, Helvetica,   sans-serif; margin: 0; font-size: 10pt; font-weight:  bold; background:   #FFF; height: 24px; text-decoration: none; } #menu3 li  a:link, #menu3   li a:visited { color: #8BADCF; display: block;  background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R22lziHBtmfxy7SGQDTjqhKKHeJS1_UX9RjUwoMXI-B0yz35B3QcKtYg_GTtHcXr8Rr1dgOEM-AAG18rJ4vAvm1aHXbA6bBlebL4Gk-6m0ERr0CLm8uhcjKgphCa4npELY-J7kXjd2M/s800/menu3.gif);    padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R22lziHBtmfxy7SGQDTjqhKKHeJS1_UX9RjUwoMXI-B0yz35B3QcKtYg_GTtHcXr8Rr1dgOEM-AAG18rJ4vAvm1aHXbA6bBlebL4Gk-6m0ERr0CLm8uhcjKgphCa4npELY-J7kXjd2M/s800/menu3.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu3">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #18

CSS Code:

#menu11  ul {   list-style: none; margin: 0; padding: 0; } #menu11 img { border:  none; }   #menu11 { width: 200px; margin: 10px; border-style: solid solid  none   solid; border-color: #889944; border-size: 1px; border-width: 1px; }    #menu11 li a { height: 32px; font-family: Verdana, Arial, Helvetica,    sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:    #FFF; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11    li a:visited { color: #889944; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UcyXf6NdFIt8aeRUKH_dcUXCEAdkGqhCL9s_H74BSJiOZQYBoTyMKtvY5QLURrKn_hC_ROEsIeO6HOqm5uGUVS9R5q22iGqraZDAGQp9SpRgqaY5GlTjyUwt4UkgVfUSHU8x1RpiO_c/s400/menu11.gif);    padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UcyXf6NdFIt8aeRUKH_dcUXCEAdkGqhCL9s_H74BSJiOZQYBoTyMKtvY5QLURrKn_hC_ROEsIeO6HOqm5uGUVS9R5q22iGqraZDAGQp9SpRgqaY5GlTjyUwt4UkgVfUSHU8x1RpiO_c/s400/menu11.gif)    0 -32px; padding: 8px 0 0 27px; }

HTML Code:

<div    id="menu11">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #19

CSS Code:

 #button {   width: 12em; border-right: 1px solid #000; padding: 0 0 1em  0;   margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif;    /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/    font-size : 10px; background-color: #90bade; color: #333; } #button ul {    list-style: none; margin: 0; padding: 0; border: none; } #button li {    border-bottom: 1px solid #90bade; margin: 0; list-style: none;    list-style-image: none; } #button li a { display: block; padding: 5px    5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid    #508fc4; background-color: #2175bc; color: #fff; text-decoration:   none;  width: 100%; } html>body #button li a { width: auto; } #button   li  a:hover { border-left: 10px solid #1c64d1; border-right: 10px  solid   #5ba3e0; background-color: #2586d7; color: #fff; } #button li  #active {   border-left: 10px solid #1c64d1; border-right: 10px solid  #5ba3e0;   background-color: #2586d7; color: #fff; }

HTML Code:

 <div   id="button">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #20

CSS Code:

#menu  ul {   list-style: none; margin: 0; padding: 0; } #menu img { border:  none; }   #menu { width: 200px; border-style: solid solid none solid;    border-color: #94AA74; border-size: 1px; border-width: 1px; margin:    10px; } #menu li a { height: 32px; font-family: Verdana, Arial,    Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;    background: #FFF; height: 24px; text-decoration: none; } #menu li    a:link, #menu li a:visited { color: #5E7830; display: block; background:       url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxmVSN17iIceyQlNoDRA5M2BgN_U8Awze2ykq7YRWCW_5R2hdaK2hR9BjNKwlgn-wnebuJ-F4eEriGoG5_jHWN-fpbRwrQkDpRlR6NdKjOfup-iJFYcyHd3o_DVgugqr98VJiUBFyikY/s800/menu1.gif);    padding: 8px 0 0 10px; } #menu li a:hover, #menu li #current { color:    #26370A; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxmVSN17iIceyQlNoDRA5M2BgN_U8Awze2ykq7YRWCW_5R2hdaK2hR9BjNKwlgn-wnebuJ-F4eEriGoG5_jHWN-fpbRwrQkDpRlR6NdKjOfup-iJFYcyHd3o_DVgugqr98VJiUBFyikY/s800/menu1.gif)    0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxmVSN17iIceyQlNoDRA5M2BgN_U8Awze2ykq7YRWCW_5R2hdaK2hR9BjNKwlgn-wnebuJ-F4eEriGoG5_jHWN-fpbRwrQkDpRlR6NdKjOfup-iJFYcyHd3o_DVgugqr98VJiUBFyikY/s800/menu1.gif)    0 -64px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #21

CSS Code:

#menu2  ul {   list-style: none; margin: 0; padding: 0; } #menu2 img { border:  none; }   #menu2 { width: 200px; margin: 10px; border-style: solid solid  none   solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; }    #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica,    sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:    #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2  li   a:visited { color: #3688BA; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI3pt0wdvD8mIV4oWDpaIcjxuzi-o33c1822JE_iyfUCoG0bYR_K5PL2GEfC4Ua7EtvCaxiOTlEDH62ZJAtNRKBd8pmUr0eUHHdehxKxYnu1jCA8JlEw8qrvJsM7LrDKbKstIr0I_WF8/s800/menu2.gif);    padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI3pt0wdvD8mIV4oWDpaIcjxuzi-o33c1822JE_iyfUCoG0bYR_K5PL2GEfC4Ua7EtvCaxiOTlEDH62ZJAtNRKBd8pmUr0eUHHdehxKxYnu1jCA8JlEw8qrvJsM7LrDKbKstIr0I_WF8/s800/menu2.gif)    0 -32px; padding: 8px 0 0 32px; }

HTML Code:

 <div   id="menu2">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #22

CSS Code:

#menu5  ul {   list-style: none; margin: 0; padding: 0; } #menu5 img { border:  none; }   #menu5 { width: 200px; border-style: none solid none solid;    border-color: #D0D0D0; border-width: 1px; margin: 10px; } #menu5 li a {    height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;    margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height:    24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited {    color: #777; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPHc66XOULu9I4ZbhSbJPO0d-42BDDAzoPbRUXJJFdx33D4Yqyggao4pCuN9Px_XDCmBxrXDoOP-GmXth95Klckd8WLZGwQdnkTWMoqxNrnLgDalt8y0fyZwD33kFE_Wds_IuP-nYzWw/s800/menu5.gif);    padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:hover,    #menu5 li #current { color: #fff; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPHc66XOULu9I4ZbhSbJPO0d-42BDDAzoPbRUXJJFdx33D4Yqyggao4pCuN9Px_XDCmBxrXDoOP-GmXth95Klckd8WLZGwQdnkTWMoqxNrnLgDalt8y0fyZwD33kFE_Wds_IuP-nYzWw/s800/menu5.gif)    0 -32px; padding: 8px 25px 0 10px; text-align: right; } #menu5 li    a:active { color: #fff; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPHc66XOULu9I4ZbhSbJPO0d-42BDDAzoPbRUXJJFdx33D4Yqyggao4pCuN9Px_XDCmBxrXDoOP-GmXth95Klckd8WLZGwQdnkTWMoqxNrnLgDalt8y0fyZwD33kFE_Wds_IuP-nYzWw/s800/menu5.gif)    0 -64px; padding: 8px 25px 0 10px; text-align: right; }

HTML Code:

 <div   id="menu5">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #23

CSS Code:

 #menu5 ul {   list-style: none; margin: 0; padding: 0; } #menu5 img {  border: none; }   #menu5 { width: 200px; margin: 10px; } #menu5 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu5 li a:link, #menu5 li a:visited {  color:   #FFF; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBRa8cPhEANcl92nimYfjQ1ytjj349lzgvj2ORWg1iBgc1RmlO0cEoS64jS4ZGOOdRyz-9Q0kP1UfL6wZHbpVevFzCwnDBnyCumOZPuxDIsi_ZBfMGPaMDfy0zBA0Pu7jnpboqzIZLUk/s800/menu5.gif);    padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBRa8cPhEANcl92nimYfjQ1ytjj349lzgvj2ORWg1iBgc1RmlO0cEoS64jS4ZGOOdRyz-9Q0kP1UfL6wZHbpVevFzCwnDBnyCumOZPuxDIsi_ZBfMGPaMDfy0zBA0Pu7jnpboqzIZLUk/s800/menu5.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu5">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #24

CSS Code:

#menu4  ul {   list-style: none; margin: 0; padding: 0; } #menu4 img { border:  none; }   #menu4 { width: 200px; margin: 10px; border-style: solid solid  none   solid; border-color: #000; border-size: 1px; border-width: 1px; }    #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica,    sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:    #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4  li   a:visited { color: #CCC; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje291sHTSg77xFl4Y2clhBfRbfBpQwO6MV0S-uyhHVjPfoXDMSMvHfCFmFCAu_nCBVxBFR3y2F3HSAJt_70V_rxsMO5oggizEXGUEj3U7ffSazQQ8bjEvZO68T54mNuQrLB4SMC_asmhs/s800/menu4.gif);    padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background:      url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje291sHTSg77xFl4Y2clhBfRbfBpQwO6MV0S-uyhHVjPfoXDMSMvHfCFmFCAu_nCBVxBFR3y2F3HSAJt_70V_rxsMO5oggizEXGUEj3U7ffSazQQ8bjEvZO68T54mNuQrLB4SMC_asmhs/s800/menu4.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu4">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

Navigation Menu #25

CSS Code:

 #menu10 ul {   list-style: none; margin: 0; padding: 0; } #menu10 img {  border: none; }   #menu10 { width: 200px; margin: 10px; } #menu10 li a {  height: 32px;   font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0;   font-size: 10pt; font-weight: bold; background: #FFF; height:  24px;   text-decoration: none; } #menu10 li a:link, #menu10 li a:visited {    color: #4D4D4D; display: block; background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnvRAIlTkUtS6yyFUgUPmA7j6wQq9tm6MDQIdSManC0i6F0C9a-uVNR5I76-K9MrVIVFYmRu97rH61SUTwgdqHHHzZuoEaN-CYfpHX2ZTxNRD5eaX8PAl4micL9d6SJvW7aHKrcYvA-ag/s800/menu10.gif);    padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834;    background:    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnvRAIlTkUtS6yyFUgUPmA7j6wQq9tm6MDQIdSManC0i6F0C9a-uVNR5I76-K9MrVIVFYmRu97rH61SUTwgdqHHHzZuoEaN-CYfpHX2ZTxNRD5eaX8PAl4micL9d6SJvW7aHKrcYvA-ag/s800/menu10.gif)    0 -32px; padding: 8px 0 0 10px; }

HTML Code:

 <div   id="menu10">
 <ul>
<li><a href="#1">Link    1</a></li>
<li><a href="#2">Link    2</a></li>
<li><a href="#3">Link    3</a></li>
<li><a href="#4">Link    4</a></li>
<li><a    href="#5">Link5</a></li>
</ul>
</div>

حصريا عملاق التصاميم الانشائيه Google SketchUp Pro 8 كامل على اكتر من سرفر

2012-05-01T13:20:00.001-07:00

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

من العملاق جوجل ياتينا برنامج التصميم
Google Sketchup Pro 8.0.3.117

البرنامج من الموقع:
http://sketchup.google.com/
السعر:
495$ دولار

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

صمم مطبخك

مكان العمل

مصانع

تفاصيل معقدة............ لا مشكلة

تصميم اعلاني

مشروع سياحي

اصغر التفاصيل

مجمعات سكنية

حدائق

اعمال فنية

التحميــــــــــــــــــــــــــــــــــــــــــــل

هذا رابط للبرنامج من جوجل للنسخة العادية 40 م ب
http://dl.google.com/sketchup/GoogleSketchUpWEN.exe

وهذا للنسخة برو 64 م ب
http://dl.google.com/sketchup/GoogleSketchUpProWEN.exe

وهذا الكيجن مولد السيريالات
http://www.zshare.net/download/8007727470055023/

اسم البرنامج وتفاصيله من هنا
http://sketchup.google.com/

وهذا فيديو للبرنامج من الموقع
http://v10.nonxt2.c.youtube.com/vide...rect_counter=1

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

http://amrselim.net/download/Sketchup.pdf

و هنا كتاب التعامل مع البرنامج بالإنجليزية Basic Exercises

www.3dvinci.net/PDFs/SU7BasicsSampler.pdf

و هنا كتاب آخر للتعامل مع البرنامج بالإنجليزية Advanced Exercises

www.3dvinci.net/PDFs/SU7AdvancedSampler.pdf

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

2012-04-30T14:51:00.002-07:00

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

طبق ما بالاسفل ان اعجبك الدرس..:

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

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

4. ثم ضع اسفله الكود التالي

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/s800/emoticon-0155-flower.gif'/> :t
</div>

قم بحفظ قالب مدونتك وهذا شكل الايموشن فوق صندوق تعليقات مدونتك

ملحوظه:- السطر الاخضر في الكود بالاعلى خاص بتنسيق عرض واجهة الابتسامات تستطيع التحكم فيها.
5.. الان قم بالبحث عن </body>
او ابحث عن هذا </head>. وضع قبله الكود الذي بالاسفل

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
    b = a.getElementsByTagName("DD");
    for(i=0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
                _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

6. قم بحفظ قالب مدونتك ومبروك عليك الاضافه! :D

الحل الامثل لترقيم صفحات مدونة بلوجر بخمسة الوان - اصدار اخير

2012-04-30T03:12:00.000-07:00

السلام عليكم ورحمة الله وبركاته , اعزائي زوار ومتابعي مدونة الشارقة. موعدنا اليوم مع اضافه في غاية الاهميه لمدونات بلوجر و يبحث عنها الكثيرين وهي اضافة ترقيم صفحات مدونة بلوجر او فيما يعرف بين اغلب المدونين ب هاك ترقيم الصفحات . الجديد في اضافة اليوم انها بخمسة الوان كما هو موح في الصوره المرفقه داخل تلك التدوينه او من خلال مثال حى على مدونتي ويمكنك التنقل بين الالوان ومشاهدتها من خلال الخمس نجوم الموجودين على يمين الشاشه . قمت باختيار الالوان بعناية شديده لتناسب جميع الاذواق وبالامكان وضع الوان اخرى الى ما لا نهاية سواء من جانب من يقوم بتطبيق الاضافه او من جانبي انا واتاحتها للمبتدئين . هاك ترقيم الصفحات المطروح في تلك التدوينه يختلف كليا عن باقي ماهو مطروح في المدونات فتاثيرات ال css الموجوده فيه لن تجدها الا هنا كذلك تم الاستغناء عن رابط الجافا سكربت الخارجي من اجل تحميل اسرع للصفحه وظهور سريع للاضافه ودمج المحتويات داخل القالب مباشرة .. ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم باتباع التالي . سجل دخول الى لوحة تحكم مدونة بلوجر ثم اذهب الي تحرير HTML وقم بالبحث عن الوسم التالي </body> ثم ضع قبله او فوقه مباشرة الكود الموجود بالاسفل

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';

</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>

لتخصيص الكود بما يتناسب مع مدونتك ابحث فيه عن
var postperpage=7; غير الرقم 7 بعدد التدوينات التي حددت ظهورها في الصفحه الرئيسيه للمدونه من خلال تحرير اداة رسائل المدونه.
var numshowpage=4; غير الرقم 4 باي رقم تريده فهو المسؤول عن عدد الترقيمات التي تظهر بداخل الاداه في صفحة مدونتك الرئيسيه .
الى هنا نكون قد انتهينا من الجزء المهم في الموضوع وننتقل الي الالوان الخمسه لاضافة ترقيم الصفحات وساقوم بوضع عنوان توضيحي لكل لون واسفله الكود الخاص به وما عليك سوى اختيار اللون الذي يتناسبك ومن ثم نسخ الكود الموجود اسفل عنوانه .

1 - هاك ترقيم صفحات مدونة بلوجر باللون الازرق :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #3B5998;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

2 - هاك ترقيم صفحات مدونة بلوجر باللون الرصاصي :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #52575C;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

3 - هاك ترقيم صفحات مدونة بلوجر باللون البرتقالي :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #7B3A11;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

4 - هاك ترقيم صفحات مدونة بلوجر باللون الاخضر :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #3F8657;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

5 - هاك ترقيم صفحات مدونة بلوجر باللون الارجواني :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #8B2F73;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

* لا تنسى انه لست ملزما سوى بنسخ كود واحد من الاكواد الخمسه الاخيره ذات العناوين الخمسه حسب اللون .

بعد اختيارك للكود الذي يتناسب مع الوان مدونتك قم بوضعه قبل هذا الوسم ]]></b:skin> مباشرة . ثم قم بحفظ القالب .وقبلها لا تنسى اخذ نسخه احتياطيه . اى استفسار يرجا ترك تعليق بالاسفل. انتهى .

اضافة الاشتراك في القائمه البريديه على شكل نافذه انيقة الشكل

2012-04-29T18:33:00.001-07:00

السلام عليكم ورحمة الله وبركاته , اليوم مع تدوينه واضافه سريعه وهامه بنفس الوقت وهي اضافة القائمه البريديه لمدونة بلوجر واتاحة الفرصه للزوار كى يشتركو فيها ليصلهم جديد ما يتم نشره في المدونه , الاضافه في الاساس معروفة لمستخدمي الورد بريس وتم تحويلها لكى تتلائم مع مدونات بلوجر. فقط كل ماعليك هو الدخول الى لوحة تحكم بلوجر ثم الوصول الي القالب وندخل الى وضع تحرير HTML ثم نبحث عن</head> ونضيف قبلها مباشرة الكود التالي
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
بعد حفظ القالب نتجه صوب التخطيط ونقوم باضافة اداة جديده من نوع جافا سكربت ونضع بها الكود الموجود في نهاية تلك التدوينه وقبل حفظ الاداه يجب مراعاة استبدال المتغيرات التاليه بما يتناسب مع مدونتك
نبحث داخل الكود عن كلمة chareqablog ونقوم باستبدالها بمعرف حسابك على موقع فيدبرنر . ثم نبحث عن تلك الجمله (
اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة) . ونقوم باستبدالها باي جمله تناسب مدونتك . واخيرا نبحث عن ( تابع مدونة الشارقة) واستبدلها بما ترغب فيه .. ثم تقوم بحفظ الاداه ولا تضع لها اسما . بالتوفيق للجميع.

<style type="text/css">
/*<![CDATA[*/
    #w2bfollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
    .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
    .w2bfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
    .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST4dO4y-kylArmxFgzZKnq74oW3dbzBIW3mayEfZzB9ms1p4R_vU1tzsBVS8sBT5n0sbdEsXa7Yy1VrmFKJ0KgYMFuEdNjsgVCUHpLr0nGhQwi_kPlcDmBoWnxMHW5o1Ft017PT2HejsA/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
    .w2bfollowButton:hover,.followActive {color: #fff !important;}
    .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
    .followactive {background-color: #333;}
    .w2bfollowForm {padding: 15px;}
    .w2bfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}
    .w2bfollowForm p {margin: 0 0 10px;}
    .w2bfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
    .w2bfollowForm form {text-align: center;}
    .w2bfollowForm .emailInput:focus {color: #000;border-color: #000;}
    .w2bfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
    .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
    .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
    .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
    .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
    .w2bFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b("#w2bfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>
<div id="w2bfollowSubscribe" style="display:none;">
    <div class="w2bfollowForm">
        <a class="w2bfollowButton" href="#" title="Follow"><span>Follow</span></a>
        <h3>تابع "مدونة الشارقة"</h3>
        <p>اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة</p>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=chareqablog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/>
            <input type="hidden" value="tqarobweblog" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
            <input type="submit" value="إشتركــ" class="emailSubmit"/>
        </form>
        <p class="w2bFollowFooter">
            <a href="http://feedburner.google.com" target="_blank">Delivered by FeedBurner</a>
        </p>
    </div>
</div>

الحل الامثل لاضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك

2012-04-29T18:31:00.002-07:00

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك , الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه,مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها . الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك . لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل

<script type='text/javascript'>
    //<![CDATA[
        KNFBFansPRO='مجتمع التدوين العربي'

    //]]>
    </script>
    <style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}

    #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}

    .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}

    #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}

    #fblikepop #closeable{float:right;margin:7px 15px 0 0;}

    #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}

    #fblikepop #actionHolder{height:30px;overflow:hidden;}

    #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}

    #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}

    #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}

    #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}

    #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>

    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/>

    <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/>

    <script language='javascript'>
    //<![CDATA[
        $(document).ready(function(){
            $().KNFBFansPRO({
               timeout: 30,
                wait: 0,
                url: 'http://www.facebook.com/pages/407254402620281/مدونة-الشارقة',
                closeable: true        });
        });
    //]]>
    </script>
    <div id='fbtpdiv'/>

لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/pages/407254402620281/مدونة-الشارقةواستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن مجتمع التدوين العربي واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. هذا هو كل شئ .

Gideon Sundback مخترع السوسته

2012-04-24T09:56:00.000-07:00

شاهد بالصور احتفال جوجل بذكرى ميلاد العالم والمخترع الكندى gideon sundback الذى ولد فى السويد عام 1880 م وتوفى عام 1954 م وهو اول من اخترع السوسته zipper فى كندا عام 1913 م .
وقد استند gideon sundback فى اختراعه على اعمال المهندسين السابقين مثل الياس هاو; ولف ماكس; وجودسون انجليس وقد تم عمل برداءة اختراع للسوسته بدأوا فى استخدامها فى الاحذية والحقائب والملابس .

شاهد صور المخترع gideon sundback وصور اختراعه واحتفال جوجل

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

2012-04-23T04:19:00.002-07:00

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

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

الان وبعد ان اخذنا نسخة من كود الاعلان نذهب الى البلوجر ،ونعمل
sign in
وتدخل بالايميل الي سجلت بيه في جوجل ، وفي هذه الحالة هوة ايميل الياهو كما بدنا شرحنا
ثم تختار ال
layout
الي بجانب اسم المدونة
ثم نتبع الارقام فى الصورة التالية

*********************
لاضافة كود مربع البحث نقوم بما يلي :

الان ارجع لاعدادات البلوجر واعمل كما بالصور الاتية، واضف الكود بتاع البحث

ارجوا ان اكون قد افدتكم

اذا كان من توفيق فمن الله واذا كان من خطاء اونسيان فمن نفسى والشيطان
والان بعض النصائح المهمة جدا :
1- لا تضغطو على الاعلانات بانفسكم هذا شئ خطير ولا حتى مرة واحدة ومن يفعل ذالك تاكد ان شركة جوجل سوف تعرف وتلغى حسابه وتقفله فورا.
2- لا تفتح حسابك ادسنس الا من الجهاز الي سجلت منه (مهم جدا) .

شـرح مصـور للتسجيل في قوقل ادسنس

2012-04-23T04:17:00.000-07:00

اولا اضغط علي الرابط التالي للدخول لصفحة التسجيل في قوقل أدسنس :

https://www.google.com/adsense/login/en_US

قم بالضغط علي الزر الموضح بالصورة

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

1- كتابة اسمك باللغة الانجليزية بصورة صحيحة

2- ادخال الرمز البريدي المخصص لمدينتك

3- في حال كان لك صندوق بريد خاص يفضل ادخاله بالخانة التي باسفل العنوان , انا تاركها فارغة

بعد ذلك ادخل رقم جوالك بالمفتاح كاملا وطبق ما هو موضح بالصورة

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

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

الان النظام الجديد في قوقل ادسنس يتيح لك التسجيل بطريقتين

1- اذا كنت تملك حساب في الجي ميل gmail تضعه والباسورد ويتم التسجيل

2- اذا كنت لا تملك حساب ضع البريد الخاص بموقعك يعني البريد الرسمي والباسورد اللي بالاسف
هو باسورد دخولك لقوقل ادسنس ( هذه انا اللي شارحها )

الان اذا كان كل شي صحيح يعطيك الرسالة الاتية

الان تصلك رسالة تفعيل علي الاميل قم بالضغط علي الرابط اللي بداخلها

وانتظر موافقة قوقل ادسنس (قوقل ادسنس 100% شـرح مصـور للتسجيل في قوقل ادسنس | حصريا لمطور) وتستغرق الموافقة من ثلاث ايام الي اسبوع

ويتم تاكيد الموافقة برسالة مرسلة الي بريدك من قوقل ادسنس

وكل عام وانتم بخير

اتمني اكون ما قصرت بالشرح

الصبر ... أهم أسرار الفوركس forex

2012-04-20T18:14:00.000-07:00

تعريف الصبر

لغة: الحبس والكف، قال تعالى: ((واصبر نفسك مع الذين يدعون ربهم بالغداة والعشي...)) الآية، أي احبس نفسك معهم.

اصطلاحاً: حبس النفس على فعل شيء أو تركه ابتغاء وجه الله قال تعالى: ((والذين صبروا ابتغاء وجه ربهم)).

الكثيرون يعتقدون أن الفوركس عبارة عن نقود تنزل عليهم من السماء ، لكنهم مخطؤون فللدخول إلي عالم الفوركس يجب أن يتحلي المرء بصفة الصبر

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

مثلاً :
اليورو / دولار هناك بيانات في يوم ما ضده وانت دخلت في اول اليوم مع اسيا على سعر اخترته بعد التحليل والتدقيق ووضعت ستوب مثلاً على بعد 30 نقطة وهدف 50 نقطة وسار السوق مع اوروبا لصالحك واقترب من الهدف فماذا تفعل ؟؟؟؟
سأخبركم ماذ افعل انا :

(هنا يتجلى الصبر الذي هو مفتاح اللعبة) ، اقوم برفع الستوب مثلاً الى 20 تقطة بدلاً من 50 او على الفتح ومن ثم ارفع الهدف الى 150 نقطة بانتظار البيانات فاما اخرج من الصفقة بسعر الفتح او ان احقق 150 نقطة .

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

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

نصائح فوركس : الرافعة المالية Forex

2012-04-20T18:13:00.000-07:00

إنها كل ما سأتكلم عنه اليوم هو الرافعة المالية

و الآن تابعو معي سطرا بسطر لكي لا نغلط في شيء

طبعا الكل يعلمون بل حتي الغبي يعرف بأن البورصة خطرة

وكلنا نعرف بأن الرافعة المالية تضاعف رأس المال 100 مرةاو 400 مرة (بالمرة أقصد الضعف)

والرافعة المالية هي سبب خسارة المضاربين

لو تقوم بالدخول برأس مال لنقل مثلا حوالي 10,000 دولار في العملات من دون رافعة مالية

أتريدني أن أخبرك كم ستكسب بال % ؟

لن يكون السؤال هو كم ؟

بل إذا كنت ؟ لأنك لن تستطيع إجتياز ال 2 %او ال 3%

ما هى الرفعه الماليه؟

الرافعة المالية هي عبارة عن نظام تتيحه شركات الوساطة لعملائها … ولكن قبل ان ندخل في عامل الرافعة المالية في الفوركس دعنا نتحدث عنه خارج مجال الفوركس ..
لو انك الان اردت ان تشتري جهاز كمبيوتر حديث لانك تعلم ان سعر الجهاز سيرتفع في خلال يومين وثمن هذا الجهاز هو 3000دولار وانت لا تملك سوي 30 دولار فقط لا غير فماذا تفعل ؟

ماذا لو علمت ان احد الناس سيقوم باقراضك عن كل 1دولار تمتلكه 100 دولار بالتالي سيأخذ منك ال 30 دولار ليعطيك ال 3000 دولار فيمكنك وقتها ان تقوم بشراء الجهاز

فكم اقرضك هذا الرجل ؟؟3000-30 = 2970دولار ..
ارتفع سعر الجهاز الي 3100 دولار وبعت انت الجهاز … اصبح معك الان 130 دولار (100 دولار ربح و 30 دولار أصل المال ) ولكن هل من المعقول ان يحدث هذا ؟ هل يمكن ان يدفع لي احد الناس المبلغ هكذا ؟

و هذا ما يعرف ب نظام الرافعة المالية …. فقد اعطاك الوسيط عن كل دولار تملكه 100 دولار بالتالي تسمي الرافعة هنا 1:100 اي لكل 1 وحدة نقدية 100 وحدة نقدية مقابلة تستطيع ان تتعامل بها.
ليس زيادة الرافعة المالية أمر مستحب دائما لانه كلما ازدادت الرافعة المالية ازدادت عملية المخاطرة وقربت الخسارة اكثر من الربح .. وفي سوق العملات يتم اعتبار الرافعة 1:100 رافعة مناسبة للتداول عند اغلب شركات الوساطة .

والان علمنا كيفية عملية البيع والشراء وكيف يمكن لي الشراء او البيع باكثر من طاقة رأس مالي عن طريق ما يسمي بالرافعة المالية .
يتبقي لنا مفاهيم بسيطة في اساسيات التعامل مع الفوركس سنتعرض لها …
هناك مصطلحين لابد من معرفتهم وهما مصطلح الهامش المستخدم والهامش المتاح ؟؟؟

في مثالنا السابق ماذ يضمن لصاحب محل الكمبيوتر انك ستعيد له المبلغ بعد عملية البيع ؟؟؟

هنا لابد انك تقوم بايداع مبلغ لدي صاحب المحل وليكن انك اودعت مبلغ 50 دولار ستقوم باستخدا ال30 دولار لاخذ الجهاز برافعة ماليه قدرها 1:100 ويصير متبقي لك 20 دولار.

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

أرجوا أن أكون أفدتكم و أحذر الجميع من المخاطرة بالرافعة لأنه يجب ان يكون المرأ خبيرا للتعامل بهذه الخاصية

المتوسط المتحرك : تعريفه-طريقة حسابه-إستخدامه...

2012-04-20T18:11:00.000-07:00

1-تعريفه :

هو متوسط سعر حركة السوق أو سهم ما خلال فترة معينة (10-50-200) .
هو عبارة عن منحني يتحرك حول حركة الأسهم .
يستعمل المتوسط المتحرك لتحديد توقيتات البيع و الشراء و أيضا تحديد الإتجاه .

2-طريقة حساب المتوسط المتحرك :

لنفترض أن أسعار إغلاق شركة ما لمدة 7 أيام هي :

ومنه :
قيمة الوسط المتحرك (5 أيام)

اليوم الخامس : (مجموع الأيام الخمسة الأخيرة علي 5)

20+21+22+23+24/5=22

اليوم السادس : (مجموع الأيام الخمسة الأخيرة علي 5)

21+22+23+24+25/5=23

"و هكذا"

3- كيفية إستخدام المتوسط المتحرك :

المتوسط المتحرك يمكن إستخدامه علي فترات مختلفة (10-50-200 يوم )

       و ذلك طبقا لإحتياجات كل مستثمر : -المستثمر قصير الأجل .
                                                    -المستثمر متوسط الأجل .
                                                    -المستثمر طويل الأجل .

أمثلة :

إستخدام المتوسط المتحرك لتحديد توقيت الشراء

إستخدام المتوسط المتحرك لتحديد توقيت البيع

وهذا مثال بسيط لسهم غوغل العملاق في فترة 200 يوم

و كما تلاحظ في العالم 1-1-2008 نقوم بالبيع

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

نشر خلاصات مواضيع الموقع او المدونة بطريقة آلية مع مواقع البينج

2012-04-20T16:41:00.000-07:00

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

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

انشر مواضيع موقعك بطريقة آلية مع مواقع البينج

increase your site post's SEO Automatically

* مميزات مواقع البينج :

1. عمل باك لينك لكل مواضيعك عندما تنشرها مباشرة

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

3. زيادة عدد الزوار نتيجة لتحسين ترتيب موقعك في جوجل google

مواقع البينج Ping sites
محدثة بتاريخ 23/02/2011

* تطلب المواقع إدخال
عنوان الموقع : مدونة الشارقة
رابط الموقع : www.chareqa.blogspot.com
رابط خلاصة الموقع : http://chareqa.blogspot.com/feeds/posts/default?alt=rss

" مــواقــــــــــــع الـــبــيـــنــج "

http://www.pingasite.com/
http://www.feedping.com/
http://feedshark.brainbliss.com/
http://pingomatic.com/ping/
http://www.squidoo.com/
http://www.pingrss.com/
http://www.blogpingtool.com/
http://bitacoras.com/agregador/enviar
http://blo.gs/ping.php
http://feedburner.google.com/fb/a/ping
http://pingoat.com/
http://rpc.weblogs.com/
http://blogsearch.google.com/ping
http://www.pingomatic.com
http://kping.com/pings/ping.php
http://www.ipings.com/
http://ping.feedburner.com/
http://www.blogoon.net/ping/
http://www.weblogues.com/
http://autopinger.com/blog.aspx

ارجو ان تكونوا استفدتم معنا

اضف موقعك لـ 123 محرك بحث بضغطة واحدة و اضمن ارشفة فورية لمواضيعك

2012-04-20T16:36:00.000-07:00

اضف موقعك الى 123 محرك بحث و اضمن ارشفة سريعة لمواضيعك و نزولها في جوجل المحرك الاول في العالم في فترة اقل ..

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

و من محركات البحث التي سوف يضاف فيها موقعك :

    Google.be
    Google.as
    Google.com.ar
    Google.com.au
    Google.at
    Google.az
    Google.be
    Google.com.br
    Google.vg
    Google.bi
    Google.ca
    Google.cl
    Google.com.co
    Google.cd
    Google.cg
    Google.co.cr
    Google.com.cu
    Google.dk
    Google.dj
    Google.com.do
    Google.com.sv
    Google.com.fj
    Google.fi
    Google.fr
    Google.gm
    Google.de
    Google.com.gr
    Google.gl
    Google.gg
    Google.hn
    Google.com.hk
    Google.ie
    Google.co.il
    Google.it
    Google.co.jp
    Google.co.je
    Google.kz
    Google.lv
    Google.co.ls
    Google.com.ly
    Google.li
    Google.it
    Google.li
    Google.lu
    Google.com.my
    Google.com.mt
    Google.mu
    Google.com.mx
    Google.fm
    Google.ms
    Google.com.np
    Google.nl
    Google.co.nz
    Google.com.ni
    Google.com.nf
    Google.no
    Google.com.pk
    Google.com.pa
    Google.com.pe
    Google.com.ph
    Google.pn
    Google.pl
    Google.pt
    Google.com.pr
    Google.ro
    Google.com.ru
    Google.rw
    Google.sm
    Google.com.sg
    Google.co.za
    Google.co.kr
    Google.es
    Google.sh
    Google.com.vc
    Google.se
    Google.ch
    Google.com.tw
    Google.co.th
    Google.com.tr
    Google.com.ua
    Google.ae
    Google.co.uk
    Google.com.uy
    Google.uz
    Google.co.ve
    Google.com.vn
    www.aeiwi.com
    Exact Seek
    Info Tiger
    Scrub The Web
    Search UK
    Aesop
    walhello.com
    szukacz.pl
    caloga.com
    Webwizard.at
    infosniff.com
    agada.de
    biveroo.de
    caloweb.de
    camana.de
    miko.de
    Onlinepilot.de
    Arianna.it
    Libero.it
    Gooru.pl
    Yandex.ru
    earchengine.de
    Findonce.co.uk
    Mirago.co.uk
    Bigfinder.com
    Exploit.net
    Metawebsearch.com
    Searchengine.fr
    SearchEngine.nl
    SearchEngine.uk
    Google.com.py
    eurip.com
    WhatUseek.com
    InfoTiger.com
    Rediff.com
    SearchUK.com
    AxxaSearch

الخطوات :

1. اذهب الى هذا الموقع من هنا
2. اكتب عنوان موقعك
3. اكتب ايميلك
4. اختار كل محركات البحث
5. اضغط submit My Site

موقع اوتو بينج لأرسال خلاصات مدونتك الى 27 موقع و محرك بحث بشكل مستمر و مع كل زيارة

2012-04-20T16:29:00.001-07:00

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

الموقع فكرتة بسيطة و سهلة و فعال للغاية مع اغلب الاماكن

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

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

اوعى وشك مبنحطش غير المضمون :))

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

المواقع التي يتم ارسال خلاصاتك اليها هي :

weblogs.com
syndic8.com
feedburner.com
blo.gs
blog.goo.ne.jp
blogpeople.net
newsgator.com
blogsearch.google.com
wasalive.com
api.my.yahoo.co.jp
audiorpc.weblogs.com
blogpeople.net
blogsearch.google.com
yandex.ru
fc2.com
kutsulog.net
myblog.jp
wordblog.de
bloggerei.de
blogrolling.com
icerocket.com
pingomatic.com
livedoor.com
technorati.com
twingly.com
blogpeople.net
zhuaxia.com

هتلاقي ان مع كل زيارة الموقع بيتم ارسالة مرة تانية و من كذا اي بي مختلف مع كل زائر

الطريقة :

1. ادخل الموقع التالي : اضغط هنا
2. هتاخد الكود الي هيطلعلك

3. لوحة التحكم

4. تصميم

5. اضافة اداة

6. اداة هتمل HTML

7. أنسخ الكود و اضغط حفظ

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

ارجو ان اكون افدتكم ...

عايز كل واحد يستفيد بالموضوع دة يديني احلى تعليق :)

اضف رسائل التنبيه او التحذير للزائرين داخل مدونات البلوجر

2012-04-20T16:13:00.002-07:00

اضف الان رسالة تنبية او تحذير او حتى ترحيب لاي زائر لموقعك

هذا ال هاك يعمل على اظهار pop screan او شاشة صغيرة داخل موقعك فيها التحذير او الرسالة لزوارك Alert Script

و هي مهمة للتنبيه على قسم جديد في ال مدونة او نقل ال مدونة لموقع اخر و غيرها من الاشياء المهمة التي تريد ان تنبه زوارك لها Alert Script

كل ما عليك فعلة تركيب هذا ال كود :

الطريقة :

1. تخطيط

2. عناصر الصفحة

3. اضافة اداة

4. كود HTML

5. الصق ال كود التالي :

<script type="text/javascript">
alert('اهلا بك في مدونة الشارقة ارجو ان تستمتع بوقتك معنا')
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>

طبعا هتبدل النص باللون الاحمر برسالتك التي تريد عرضها

5. اضغط حفظ ........................... و مبروك عليك الاداة

كود البوب اب لفتح اعلان لموقع في نافذة جديدة

2012-04-20T15:54:00.001-07:00

كود البوب اب لفتح اعلان لموقع في نافذة جديدة , هاك النوافذ المزعجة اعلان يفتح في صفحة جديدة اثناء تصفح الموقع , Creat pop-up window javascript هو عبارة عن كود جافا سكريبت يسمح لك بالاعلان عن موقع معين عن طريق فتحة في نافذة جديدة اثناء تصفح الزوار لموقعك ...
ال كود دة مهم جدا في الاعلانات و يستخدمة اغلب المواقع و المنتديات و هو فعال جدا في الاعلانات لانه يجبر الزائر للذهاب للموقع المعلن عنة ...

ما هي مميزات ال هاك :

1. ال هاك سهل و بسيط جدا في تركيبة و طريقة عملة
2. امكانية الاعلان عن اي موقع و تبادل الزيارات بين المواقع
3. اضافة جديدة و هي التحكم في المدة الفاصلة بين كل مرة يفتح فيها الاعلان للزائر الواحد ....

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

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

ال كود :


<script type="text/javascript">
var site="http://chareqa.blogspot.com/";
var minutes="0 minutes";
</script>
<script src="http://sites.google.com/site/javacodehtml/Pop-Up.js" type="text/javascript"></script>

** ملاحظة هامة : يجب ان يكون المتصفح الخاص بك يسمح للبوب اب بالظهور اذا منعه سوف يظهر لك شريط يطلب منك السماح او المنع لظهور النافذة فأضغط سماح او allow ثم اعد تحميل الصفحة Refresh

متغيرات ال كود :

var site= الموقع الذي تريد ان تعلن عنة
var minutes= عدد الدقائق التي تفصل بين كل زيارة للزائر الواحد
minutes 0 = يتم عرض الاعلان في كل مرة زيارة
minutes 1 = يتم عرض الاعلان في كل دقيقة للزائر الواحد .. و هكذا

طريقة التركيب لمدونات ال بلوجر :

1. فتح لوحة التحكم
2. اختار تخطيط
3. اضف اداة
4. HTML/JavaScript

5. ادخل الكود السابق في المحتوى

احترس من تلك الاشياء للحفاظ علي مدونتك وحسابك في ادسنس

2012-04-19T07:32:00.005-07:00

السلام عليكم ورحمة الله وبركاتة .. اعزائي متابعي مدونة الشارقة . بداية اشكر اخي العزيز عاشق بلوجر لانه من شجعني علي كتابة تلك التدوينه وبنفس الوقت اعتذر له على تاخرى في نشرها لانها كانت تستلزم مني الاتيان بمعلومات دقيقه نظرا لاهمية وخطوره الموضوع .
جميعنا نعرف ان خدمات ومنتجات شركة جوجل مجانيه بنسبة 99 في المئه . ومعظمنا يعرف ان المواقع والمنتديات والمدونات جميعهم يستلزم تشغيلهم بعض الاشياء الضروريه مثل النطاق او الدومين مثال ( com , net , org ) . وكذلك مساحه تكون بمثابة الهارد ديسك الذي يحتوي علي البيانات وكل شئ موجود في الموقع او المدونه وهو مايسمى بالاستضافه .هناك الاف الشركات الاجنبية والعربيه التي تقدم تلك الخدمات بمقابل مادي واحيانا بدون مقابل مع تفاوت ملحوظ في مميزات كل شركه عن الاخرى . قدمت شركة جوجل كل ما سبق لمستخدمين شبكة الانترنت في جميع انحاء العالم . نطاق مجانا وهو .blogspot.com والذي يسبقه اسم مدونتك التي لك حرية اختياره او تغييره الي اخر بمقابل مادي ينتهي مثلا بــ دوت كوم كما هو الحال في مدونة الشارقة . قدمت ايضا استضافه مجانية تماما بكل المقايس دون اي اعلانات ربحيه تظهر في المدونه تضايق المستخدم . قدمت وقدمت وقدمت و لكن هل من المحتمل ان ياتي يوم تاخذ فيه جوجل ما قدمت او بمعني اصح هل ياتي يوم اود الذهاب فيه الي مدونتي وارى رساله مفادها ان مدونتك تم حظرها تم حزفها تم وتم وتم وينتابني الغضب علي مجهوداتي التي اصبحت من الماضي .. الجواب علي هذا السؤال بكل تاكيد نعم !! .

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

محتوى إباحي للبالغين
محتوى لاختراق المواقع على شبكة الإنترنت أو لكسر حماية البرامج
بيع أو ترويج العقاقير المحظورة والعقاقير المحظور تداولها إلا بوصفة طبية و وأدوات تعاطيها
محتوى خاص بالمقامرة أو نوادي القمارمحتوى يحرِّض على العنف
محتوى يتضمن تعصبًا عرقيًا أو تحيزًا ضد أي فرد أو مجموعة أو منظمة
بيع أو ترويج الأسلحة
بيع أو ترويج الكحوليات بيع أو ترويج التبغ و المنتجات المتعلقة به

المحتوى المحمي بحقوق الطبع والنشر

الموقع ينشر مواد محمية بحقوق الطبع والنشر تخص شخصًا آخر، ومن المحتمل أن يكون ذلك دون إذنه.

شفرة الإعلان أو الموضع أو السلوك

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

أخرى:

الموقع حاول تثبيت شيء ما على الكمبيوتر الخاص بالزائر

موقع الويب هذا لا يلتزم بـ إرشادات الجودة لمشرفي المواقع.

واخترت لكم بعض ارشادات الجودة وهي كثيرة ولكن منها

إرشادات الجودة - إرشادات خاصة

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

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

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

2012-04-19T07:31:00.000-07:00

السلام عليكم و رحمة الله وبركاته .. كثير من اصحاب المدونات يرغب في وضع اداه الارشيف في القائمه الجانبيه والغالبيه العظمي تلجأ الي جعل الاداه تعمل علي شكل قائمه منسدله من خلال الاختيارت التي تمنحها الاداه . غير ان الكثير يود ان يتم عرض الارشيف علي شكل اسبوعي او شهري او يومي ولكن بوضعه الطبيعي والافتراضي وليس كقائمه منسدله وما يمنع تلك الرغبه هي المساحه التي ياخذها الارشيف لو وضعناه بتلك الطريقه فلو كانت المدونه تحتوي علي موضوعات كثيره فغالبا اداه الارشيف ستحتل القائمه الجانبيه باكملها وحلا لتلك الاشكاليه سيتم عمل هذا التعديل البسيط ... ولعمل مثل هذا التعديل يلزمك تسجيل الدخول الي لوحة تحكم مدون بلوجر ثم الذهاب الي عناصر تصميم الصفحه ووضع اداة الارشيف في القائمه الجانبيه لمدونتك من خلال انشاء اداه جديده ثم اذهب بعد ذلك الي تحرير HTML وابحث عن الكود التالي <div id='ArchiveList'> ستجد فوقه مباشرة <div class='widget-content'> قم بتظليل الكود الاخير واستبدله بالتالي

<div class='widget-content' style='overflow:auto; height:200px'>

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

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

2012-04-19T07:29:00.001-07:00

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script> <script src="https://my-tqarob.googlecode.com/svn/trunk/contentlist_en.js">

</script> <script src="http://chareqa.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">

</script></div>

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

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

2012-04-19T07:26:00.002-07:00

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

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

<script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6n3ZriA-BRBo-AxIw98DBLq5TyMDAMOR7kCz6Q5xQLmLeRSlhefP_1AJQ4uqVJ6tebLEnz1q2DnVwLrpC3gtp3uO5V9h25eQwOlD2vfGG54z-Ny2ygjozD5QCZgY52n3w09Cdahsc_zg/s1600/plusbook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 3px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-270px;top:40%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><g:plus href="https://plus.google.com/102510956572643740745" width="260" height="131" theme="light"></g:plus><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fchareqa&width=260&colorscheme=light&show_faces=false&connections=9&stream=false&header=false&height=140" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 140px; width: 260px;background:#fff;"></iframe></div></div>

لتخصيص الاداه بما يتناسب مع مدونتك قم بالبحث داخل الكود عن EgyMigrants واستبدلها باسم صفحتك على الفيس بوك.
ثم قم بالبحث عن https://plus.google.com/102510956572643740745 واستبدله برابط صفحة مدونتك علي جوجل بلس.
ان اردت تصميم صوره للاداه يمكنك تصميمها ووضعها مكان الصوره الموجوده داخل الكود . قم بحفظ الاداه ولا تضع لها اسما ثم قم بحفظ الاعدادات .. واستمتع بالفرق . وللعلم تلك الطريقه تساعد بشكل كبير في تحميل اسرع للصفحه فاداة جوجل بلس بشكلها التقليدي تاخذ وقتا في الظهور مما يجعل مكانها الفارغ لحين ظهورها ذو شكل غير مستحب واداة اليوم تغنيك عن كل هذا . بالتوفيق للجميع . ولا تنسو متابعة صفحة مدونة تقارب علي فيس بوك وجوجل بلس .
ملحوظه: هذا الجزء خاص فقط لمن لم يقم بوضع اداة الفيس بوك من قبل . وهو ضروري كى تعمل الاداه بشكل سليم
قم بتسجيل الدخول الى لوحة تحكم بلوجر ثم تحرير HTML ثم ابحث عن </head> وضع قبلها الكود التالي :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

ولمن لم يضع اداه جوجل بلس من قبل عليه البحث عن نفس الكود ووضع قبله الكود الموجود بالاسفل

<link href="https://plus.google.com/100010956572643740745" rel="publisher" /><script type="text/javascript">
window.___gcfg = {lang: 'ar'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script>

مع تغيير الرابط https://plus.google.com/100010956572643740745 برابط صفحة مدونتك على جوجل بلس.
اما من قام بوضع الاداتين من قبل فعليه الاكتفاء فقط بكود اداة الجافا السكربت الموجود في اول الشرح والذي يتم وضعه من عناصر تصميم الصفحه .. انتهى ..

اضفني إلى المفضلة

2012-04-19T05:52:00.001-07:00

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

الخطوات :

اذهب الى صفحة عناصر المدونة

فى المكان المناسب اضغط هلى : اضافة اداة جديدة

اختر النوع HTML/JAVA SCRIPT
واضف فيهاهذا الكود بعد التعديل , يمكنكتعيير الرابط باللون الاحمر واسم الرابط باللون الازرق

<a href="javascript:window.external.AddFavorite('http://chareqa.blogspot.com')">أضفنى الى المفضلة</a>

اجعلنى الصفحة الرئيسية

2012-04-19T05:50:00.000-07:00

يمكنك ان تذهب بخيالك الى ابعد من ذلك , ربما الى ذلك الوقت الذى يرغب فيه زائر مدونتك فى اضافتها - مدونتك - كصفحة رئيسية Home Page , بدلا من جوجل او ياهو , مثلا يعنى , المهم ماعلينا

اليك الطريقة :

1- اذهب الى صفحة عناصر المدونة page elements
2- فى المكان المناسب اضغط على add a new element اضافة اداة جديدة
3- اختر اداة من النوع html/java script
4- اضف بها هذا الكود , بعد تعديل الرابط باللون الاحمر , واسم اللينك باللون الازرق

<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://chareqa.blogspot.com');"><b><span style="color:#336699;"><span style="font-size:130%;">Click here to make this your default homepage</span></a><span style="font-size:130%;">

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

2012-04-18T14:56:00.000-07:00

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

<script type="text/javascript">
var hn_url_blog = "http://tqarob.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="https://my-tqarob.googlecode.com/svn/trunk/headlinenews.js">
</script>

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

قالب Maximum Black معرب

2012-04-16T10:54:00.000-07:00

إليكم القالب الأنيق Maximum Black معربا.

لتحميل القالب اضغط هنا