Ինչպես ստեղծել կայքի քարտեզ բլոգերի համար

Ձեզանից շատերը պետք է տեսած լինենք կայքի քարտեզի էջը բազմաթիվ բլոգներում կամ կայքերում և մտածած լինենք, թե ինչ է այն և ինչպես է այն աշխատում: Կայքի քարտեզի էջը հիմնականում օգնում է ձեզ ավելի լավ և հեշտ նավարկություն կատարել, ինչպես նաև բարելավում է ձեր էջի վարկանիշը բլոգի բոլոր գրառումների ներքին կապի շնորհիվ: Այն նաև օգնում է որոնման համակարգի սողուններին հեշտությամբ և ավելի արագ ինդեքսավորել բովանդակությունը և էջերը: Այս գլխում դուք կսովորեք, թե ինչպես ստեղծել կայքի քարտեզ բլոգերի համար՝ օգտագործելով պարզ քայլեր:

Ինչպե՞ս է աշխատում Կայքի քարտեզի էջը:

Նախքան ծածկագիրը ձեր բլոգում թափելը և այն պարզապես թողնելը, դուք պետք է իմանաք, թե ինչպես է այն իրականում աշխատում: Սա ավտոմատացված կայքի քարտեզի էջ է, որն ինքնին ավտոմատ կերպով ավելացնում է վերջին գրառումները: Ձեզ հարկավոր չէ ամեն անգամ ձեռքով թարմացնել այն: Այս էջում դուք կարող եք տեսնել, որ գրառումները դասակարգված են ըստ բլոգում ձեր տված պիտակների: Կայքի քարտեզի այս էջը մշակվել է JavaScript-ի և CSS-ի միջոցով, որն ավտոմատ կերպով վերցնում է ձեր բլոգի հոսքը:

Կայքի քարտեզի էջի ստեղծում Blogger-ում

Ահա մի քանի պարզ քայլեր, որոնք դուք պետք է հետևեք՝ ձեր Blogger բլոգում Կայքի քարտեզի էջը հեշտությամբ ստեղծելու համար: Դա շատ պարզ խնդիր է, որտեղ դուք պարզապես պետք է տեղադրեք կոդը:

Քայլ 1. Բացեք Blogger- ը

Բացեք Blogger.com- ը և մուտք գործեք ձեր հաշիվ: Ընտրեք բլոգը, որի վրա աշխատում եք, և բացեք կառավարման վահանակը:

Քայլ 2. Ստեղծեք էջ

Blogger-ի վահանակում անցեք Էջեր և կտտացրեք Նոր էջ: Մուտքագրեք ձեր ընտրած վերնագիրը:

Քայլ 3. Կոդերի ավելացում

Գնացեք HTML ներդիր և պարզապես պատճենեք ստորև նշված կոդը և տեղադրեք այն այնտեղ HTML ներդիրում:

#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}





<script src="http://www.ՁԵՐ տիրույթը.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

Քայլ 4. Անհատականացում

Դուք պարզապես պետք է փոխեք»ՁԵՐ տիրույթըՁեր բլոգի տիրույթով և հրապարակեք էջը:

Վե՛րջ, տղերք։ Դուք հենց նոր եք ստեղծել Կայքի քարտեզ ձեր բլոգի համար: Կարող եք նաև փոխել CSS կոդերը ֆոնային ցանկացած փոփոխության համար: