googledesitedogrulama
GOOGLEDE SİTE ANAYLATMA:
1-İLK ÖNCE SİTENİZİN TASARIMINI CSS DESİNGE ÇEVİRİN CSS OLMADAN ONAYLATAMASSINIZ!!!
MESELA BU ADRESE GİDİP BİR CSS TASARIM ÖRNEĞİ SEÇELİM
http://www.bedava-sitem.com/forum/viewtopic.php?t=25697&postdays=0&postorder=asc&start=660

Tasarım Üstü:
MESELA BU ADRESE GİDİP BİR CSS TASARIM ÖRNEĞİ SEÇELİM
http://www.bedava-sitem.com/forum/viewtopic.php?t=25697&postdays=0&postorder=asc&start=660

Tasarım Üstü:
Kod: |
<div id="wrapper1"> <div id="header"> <div id="title"> <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Global</a></h1> <span><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">www.your-url.com</a></span> </div> <div id="topnav"> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 1</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 4</a></li> </ul> </div> </div> <div id="wrapper2"> <div id="sidebar"> <h2>Latest News</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Now comes the latest headline.</a><span>Posted by webmasterneo on 07.08.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">This is headline number two.</a><span>Posted by MLP on 04.19.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Followed by the first headline, number one.</a><span>Posted by MLP on 04.17.2007</span></li> </ul> <h2>Categories</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Suspendisse potenti.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Proin sed pede.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nullam at metus.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Pellentesque placerat sagittis nisi.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In cursus mi posuere augue.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Curabitur varius commodo eros.</a></li> </ul> <h2>Blogroll</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">The Open Design Community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">MLP Design</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TextLink Ads</a></li> </ul> </div> <div id="content"> |
Tasarım Altı:
|
Css Kodu:
Kod: |
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: Global (mlpdesign06) Theme URI: http://www.mlpdesign.net/ Version: 1.0 Author: Maica L. Policarpio Author URI: http://www.mlpdesign.net/ */ /* Global Settings */ body { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-body.gif) repeat-x #fff; color:#666; font:normal 12px Arial,sans-serif; text-align:center; padding:0; margin:0; } h1,h2,h3,p,li { text-align:left; } a { background-color:inherit; color:#399; text-decoration:none; } ul { list-style:none; padding:1px; margin:17px 0 10px 15px; } ul li { background: url(https://img.webme.com/pic/k/koddeniyelim/ico-bullet.gif) 0 3px no-repeat; padding:1px 15px 5px 15px; margin:0; } blockquote { background-color:inherit; color:#999; font:italic 12px "Times New Roman",sans-serif; border-left:5px solid #ccc; padding:2px 15px; } span { background-color:inherit; color:#aaa; font:normal 11px Arial,sans-serif; padding:0; margin:0;} .clear { clear:both; } /* Wrapper */ #wrapper1 { width:800px; padding:0; margin:0 auto; } #wrapper2 { background:#fff; color:inherit; width:750px; padding:10px 0 0 15px; margin:0 auto; } /* Navigation Settings*/ ul.menu { list-style:none; padding:15px 0 0 0; margin:0; } ul.menu li { background:none; padding:0 10px; display:inline; } ul.menu li a { background-color:inherit; color:#eee; font-weight:bold; text-decoration:none; } ul.menu li a:hover { text-decoration:underline; } /* Header Settings */ #header { background:url(http://www.hizliupload.com/img/755795bg-header.gif) no-repeat; background-color:inherit; color:#fff; width:800px; height:200px; padding:0; margin:0 auto; } #title { width:275px; padding-top:25px; margin:0 auto;} #title h1 { font:bold 30px Arial,sans-serif; text-align:center; text-transform:uppercase; padding:0; margin:0; } #title a { background-color:inherit; color:#fff; } #topnav { padding:50px 25px 0 0; float:right; } /*Sidebar Settings */ #sidebar { width:250px; font-size:11px; padding:0; margin:0; float:left; } #sidebar h2 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-sidebar.gif) no-repeat; background-color:inherit; color:#eee; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #sidebar ul { margin:17px 0 10px 12px; } #sidebar ul a { background-color:inherit; color:#666; font-weight:bold;} #sidebar ul a:hover { background-color:inherit; color:#399; } #sidebar ul span { display:block; } /*Content Settings */ #content { width:475px; text-align:left; padding:0; margin:0; float:left;} #content h1 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-postbar.gif) no-repeat; background-color:inherit; color:#fff; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #content li { background:url(https://img.webme.com/pic/k/koddeniyelim/ico-list.gif) 0 3px no-repeat; padding:1px 15px 5px 20px; margin:0; } #content .item { padding:15px 10px 5px 15px; margin:0;} #content .item h2 { font:bold 13px Arial,sans-serif; padding:0; margin:0;} #content .item p { text-align:justify; padding:15px 0 0 0; margin:0; } /*Footer Settings*/ #footer { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-footer.gif) no-repeat; background-color:inherit; color:#ccc; width:800px; height:50px; font-size:11px; margin:0 auto; } span#credits a { background-color:inherit; color:#888; text-decoration:none; } span#credits a:hover { text-decoration:underline; } |
2-CS DESİNG SEÇME: SİTEMİZE GİRİŞ YAPARAK CSS SEÇİYORUZ

3- KODLARI YERLEŞTİRME : CSS TASARIMI ÜÇ BÖLÜMDEN OLUŞUR TASARIMIN ÜSTÜ TASARIMIN ALTI VE CSS KODU
TASARIM AYARLARIN ATIKLAYIN VE KODLARI YERLERİNE KOYUN VE KAYDEDİN RESİMDEKİ GİBİ

4-BURAYA KADAR YAPTIYSANIZ ARTIK GOOGLEDEN BİR HESAP ALABİLİRİZ ALTTAKİ LİNKE TIKLAYIN VE BİR G MAİL HESABI OLUŞTURUN
Google'dan Gmail
5- TARAYICINIZI AÇIN VE GOOGLE SAYFASINDA RESİMDEKİ YERE TIKLAYARAK GOOGLEDE OTURUM AÇIN!!

6-OTURUM AÇTIKTAN SONRA BÖYLE BİR SAYFA GELECEK SİZ SİTE YÖNETİCİSİ YAZAN YERE TIKLAYIN VE GİDİN

SİTE EKLEYİN BUTONUNA TIKLAYIN VE SİTENİZİ EKLEYİN VE DEVAM YAZAN YERE TIKALYIN SONRAKİ SAYFAYA GEÇİN

7-BURAYA KADAR YAPTIYSANIZ GOOGLE SİZE BİR KOD VERECEK VE O KODU TASARIM AYARLARINDA CSS KODU KISMINA YAPIŞTIRIN
VE GOOGLE SAYFASINDAKİ DOĞRULA BUTONUNA TIKLAYIN

8-SONUÇ
