Kompletní dokumentace šablony Axact bloggeru

Sdílet: Nullphpscript.com .

Dobrý den, děkujeme za zakoupení šablony Axact Blogger!

Šablona Axact Blogger se nejlépe hodí pro časopisy, zprávy, blog a víceúčelový blog.

Šablona je navržena s flexibilním přístupem, což vám umožní snadno změnit barevný vzhled, velikost písma a další možnosti přizpůsobení snadno od oficiálního návrháře šablon bloggeru. V této dokumentaci se dozvíte vše, co potřebujete vědět o výkonných funkcích šablony Axact Blogger.

Naštěstí vám dokumentace pomůže rychle a snadno si založit blog :)

Funkce

Extrémně citlivý design Pro mobilní a tabletová zařízení
Panel správce PowerFull
Vyskakovací kontaktní formulář
Více stylů rozvržení pro widgety
Vlastní vyhledávací pole s výsledkem ajax
Neomezené barvy a písma
Plně přizpůsobitelný design
Optimalizováno pro vyhledávače (SEO)
10+ stylů rozvržení pro domácnost s krátkými kódy
3 Sloupcová oblast zápatí
Zápatí o nás a e -mailový widget
Podpora Facebook Open Graph a Twitter karet
Adsense připraven
Připravena na sítnici
Podpora widgetu Drag and Drop
jQuery a efekty CSS3
Sociální počítadlo
Rozbalovací nabídka více úrovní
Navigace příspěvků s dalším a předchozím příspěvkem
Atraktivní související design sloupku
Úžasný styl zápatí s několika návrhy widgetů
Podporován návrhář šablony Blogger
Neomezené možnosti přizpůsobení (barvy, písma, vzhledy šablon (světlé a tmavé atd.)
Minimalizované HTML, CSS a Jquery
Rychlé načítání ve všech webových prohlížečích
Vlastní design widgetu pro e -mail
Více než dvacet nejtrendovějších ikon sociálních médií pro účely sledování a sdílení s různými styly (ploché, zaoblené a otočné atd.)
Úžasná mega nabídka navržená s CSS3 a HTML.
Kompatibilní s křížovým prohlížečem
Integrace úžasných ikon písem
Celou šířkou vybavený posuvný posuvník pod mega nabídkou nebo jej lze umístit kdekoli v sekci widgetů
Vysoce kvalitní miniatury obrázků
Systém komentářů se závitem Blogger se skvělým designem
Shortcodes připraven pro tlačítka a další prvky uživatelského rozhraní
a více..

V balíčku, který jste si stáhli, najdete:

Šablona, jak ji vidíte v ukázce (samozřejmě kromě obrázků!)
Dokumentace (předpokládáme, že jste ji již našli!)
Obrázky včetně některých obrázků na pozadí a nezbytných ikon atd.

Poznámka k licenci: Všechny prostředky dodávané s touto šablonou (např. Doplňky jQuery) jsou pod licencí MIT . Všechny obrázky obsažené v ukázce jsou majetkem příslušných vlastníků (viz kredity ); kontaktovali jsme je kvůli povolení používat jejich díla pouze pro ukázkové účely.

Šablona Axact Blogger v1.0 je plně kompatibilní s nejnovějšími verzemi Chrome, Safari, Firefox, IE10+ a iOS.

Poznámka

Aby šablona mohla správně fungovat bez chyb a chyb, musíte nejprve provést níže uvedené kroky.

Nastavení mobilní šablony:

Tato šablona je podporována šablonou pro stolní počítače na mobilních zařízeních . Zkontrolujte tedy zobrazit šablonu plochy na mobilních zařízeních.

Předpokládejme, že jste přihlášeni na hlavním panelu služby Blogger. Přejděte na šablonu a klikněte na tlačítko ozubeného kola pod mobilní šablonou.
Zobrazí se vyskakovací okno. Změňte nastavení mobilní šablony podle níže uvedeného snímku obrazovky.

instalace

Nejprve rozbalte soubor motivu a postupujte podle následujících kroků

Na hlavním panelu svého bloggeru přejděte na šablonu
klikněte na Zálohovat/Obnovit
Klikněte na Vybrat soubor a procházejte soubor, kde jste rozbalili soubor motivu
Klikněte na nahrát

V části Nastavení >> Ostatní změňte nebo ponechte nastavení podle níže uvedeného snímku obrazovky.

Možnosti

Allow Blog Feed:Vybrat Full

V této šabloně je několik meta tagů, které vyžadují vaši pozornost. Meta tagy můžete upravit pomocí svých informací. Začněme tedy

Chcete -li v tomto motivu upravit metaznačky, postupujte takto:

Na hlavním panelu svého bloggeru přejděte na Šablona
Klikněte na Upravit HTML
Najděte níže uvedený kód. Najdete ho v horní části kódu šablony. Stačí kliknout na posouvání šablony a uvidíte níže uvedený kód.

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Pakistan' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Facebook App ID here' property='fb:app_id'/>
<meta content='Facebook Admin ID here' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>

Příklad a vysvětlení

Možnosti

Ve výše uvedených meta značkách můžete místo níže zvýrazněné části umístit své vlastní informace

xxxxx

Pakistan

Facebook App ID here

Facebook Admin ID here

@username

Najděte také níže uvedenou metaznačku a vložte do ní klíčové slovo.

<meta content='xxxxx' name='keywords'/>

Možnosti

V xxxxxmístě, klíčová slova, jako je<meta content='Blogger, SEO, Template' name='keywords'/>

Ve výchozím nastavení při nahrávání loga obrázku v záhlaví a zvolit namísto názvu a popisuH1 tag automaticky zmizí z vaší šabloně.

Optimalizovali jsme záhlaví přidáním H1značky, i když nahrajete logo obrázku. Aby to fungovalo, stačí ve své šabloně zjistit níže uvedený název a nahradit jej názvem blogu a máte hotovo s hlavičkovým SEO.

Záhlaví SEO

Ve vaší šabloně služby Blogger
Hledat Show the image only.
Hned pod ním najdete níže uvedený kód
Stačí Axact Blogger Templatetřikrát nahradit kód v názvu níže názvem blogu.
Uložit šablonu.

        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
                            <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>Axact Blogger Template</span></a>
                            </h1>
<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>Axact Blogger Template</span></a>
</h1>

<b:else/>
                                   <h2 itemprop='name'><a expr:href='data:blog.homepageUrl' style='display: block'>
                            <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>Axact Blogger Template</span></a></h2>            </b:if>

Možnosti

Stačí třikrát změnit šablonu Axact Blogger s názvem vašeho blogu jako v kódu a šablonu uložit.

Podívejme se na další prvky poskytnuté touto šablonou.

1). Možnosti šablony Axact

Existuje několik možností, které můžete libovolně měnit.

Přejděte na šablonu, klikněte na Upravit HTML kdekoli v šabloně a poté stiskněte CTRL+F a najděte níže uvedený kód.

Můžete vyhledávat // Setting Starts Herea najít níže uvedený kód/

// Setting Starts Here
var DISQUS_SHORT_NAME='demoblog12';
var Related_Post_Num=6;
var interesting_pop=true;
var facebookComments=true;
var disqusComments=true;
var sidebarMode='right'; // left
var layoutMode='boxed'; // full
var stickySidebar=true;
var stickyMenu=true;
var headerModeCenter=false; // Set false if you want to make header on left

    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';

var RecentTab1= '<i class="fa fa-bar-chart"></i> Business';
var RecentTab2= '<i class="fa fa-star"></i> Featured';
var RecentTab3= '<i class="fa fa-globe"></i> World';
var RecentTab4= '<i class="fa fa-youtube-play"></i> Video';
var SidebarTab1= '<i class="fa fa-rss"></i> Recent';
var SidebarTab2= '<i class="fa fa-fire"></i> Popular';
var SidebarTab3= '<i class="fa fa-comment"></i> Comment';
var RecentNewsLabel= 'Recent News';
// Settings Ends Here

Zde můžete měnit většinu parametrů podle vašich potřeb s truenebo false.

A změňte další možnosti, jako například:

var DISQUS_SHORT_NAME='demoblog12';Změňte demoblog12 pomocí svého krátkého názvu

var Related_Post_Num=6;Změňte 6 na požadované číslo souvisejícího příspěvku

var sidebarMode='right';Změna doleva , chcete-li zobrazit postranní panel na levé straně

var layoutMode='boxed';změňte na plný, pokud chcete vzhled celé šířky

Změňte také název karet Nedávné s vlastními názvy.

2). Nastavení komentáře na Facebooku

Pokud na svém blogu používáte komentáře na facebooku, přidejte si prosím správce facebooku a ID aplikace do metaznaček, jako na obrázku níže. A také prosím změňte jiné meta tagy s vlastními informacemi.

3). Průhledné pozadí záhlaví

Ve výchozím nastavení je pozadí záhlaví bílé, můžete jej změnit transparentz návrháře šablon jako na následujícím obrázku.

4). Obrázek na pozadí kapoty

Obrázek na pozadí těla můžete uložit od návrháře šablon výběrem obrázků ze služby Blogger nebo nahrát svůj vlastní, jak je uvedeno na obrázku níže.

5). Změňte šířku obsahu

Šířku obsahu můžete uložit z návrháře šablon jako na následujícím obrázku

6). Celá šířka stránky

Někdy potřebujete stránku s plnou šířkou, takže zde je klíč k vytvoření stránky s plnou šířkou v této šabloně.

Chcete -li vytvořit statickou stránku nebo stránku příspěvku v plné šířce, přidejte níže uvedený kód CSS v režimu HTML editoru příspěvků do příspěvku nebo stránky, kterou chcete vytvořit v plné šířce.

<style>
#main-wrapper{width:100%}
#main-wrapper .main-inner{border:none;}
#sidebar-wrapper,.comments{display:none;}
</style>

7). Autorský box

Následující text můžete změnit text pole autora , odkazy na sociální sítě a obrázek.

Přejděte na šablonu >> Upravte HTML a klikněte kdekoli v kódu a poté stiskněte CTRL+F a najděte níže uvedený kód

<b:includable id='tl-postAuth' var='post'>

Zde najdete kompletní autorské pole . Stačí změnit odkazy na název, text, obrázek a sociální ikony pomocí vlastních a šablonu uložit.

8). Návrhář šablon

Axact přichází s kompletní podporou návrháře šablon bloggeru . Jediným kliknutím můžete snadno změnit barvu , upravit šířku a změnit pozadí .

Axact je vysoce přizpůsobitelné téma do světlé , tmavé nebo jakékoli barvy, která se vám nejvíce líbí, lze použít na Axact.

V našem Dark demo jsme použili různé barvy pozadí a textu, nadpisu, meta, ohraničení a ikon . pokud chcete převést motiv na tmavou kůži, postupujte podle níže uvedených barevných kombinací (nebo můžete použít libovolnou barvu, kterou máte rádi) v návrháři šablon bloggeru. Úplně změní vzhled vaší šablony na tmavou.

Přejít na šablonu >> klikněte na přizpůsobit a klikněte na předem
V předstihu najdete mnoho možností, jak vybrat pozadí a provést změny barev podle svého výběru. Po změně barev klikněte na Použít na blog
Nyní klikněte na hlavní barvy a změňte barvy podle svého výběru a klikněte na použít na blog
Prohlédněte si blog s novým vzhledem.

Je to velmi snadné a tímto způsobem můžete přizpůsobit každý prvek tohoto tématu. Jako je záhlaví, zápatí, autor box pozadí, sociální ikony pozadí a mnoho dalších v návrhář šablon. .

V této části budeme analyzovat, jak funguje nabídka záhlaví a její možnosti konfigurace.

Statické stránky

Chcete -li upravit horní statickou stránku v tomto motivu, postupujte takto:

Na hlavním panelu svého bloggeru přejděte na rozložení
úplně vlevo uvidíte widget StaticPages

V widgetu statické stránky klikněte na Upravit a nastavit nabídku stránky.

sociální ikony

V rozvržení uvidíte widget HTML Socialicons spolu s widgetem stránky. Je to pro sociální ikony. Přidejte do něj níže uvedený kód a upravte odkazy

<div class="top-social">
<ul class="tl-social-icons icon-flat icon-zoom list-unstyled list-inline" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-vine"></i></a></li>
<li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-foursquare"></i></a></li>
<li><a href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>

Umístění v administrátorském panelu: Socialicons

Možnosti loga a záhlaví reklamy

Logo lze nahrát z části rozložení na hlavním panelu bloggeru.

Na hlavním panelu svého bloggeru přejděte na rozložení
Chcete -li upravit záhlaví blogu nebo nahrát logo, budete potřebovat upravit widget (BlogHeader) s názvem svého blogu, klikněte na Upravit
vyberte soubor loga a při kontrole umístění (namísto názvu a popisu)
Klikněte na Uložit .

reklamní banner můžete přidat do widgetu Ad728x90 .

Poznámka

V tomto motivu můžete nahrát logo s maximální hodnotou 285px widtha 90px height. Logo velkého rozměru se automaticky upraví v prostoru loga.

Doporučená velikost reklamy je 728X90.

Nastavení hlavní nabídky:

Chcete -li přidat nabídku do tohoto tématu, postupujte podle následujících kroků:

Na hlavním panelu svého bloggeru přejděte na rozložení
Vyhledejte widget MainNavigation
Klikněte na Upravit a přidejte do něj níže uvedený kód.


<nav class='mainnavs'>
    <ul class='leftmenus'>
        <li class='homelink'><a href='/'><i class="fa fahome fa-home"></i> Home</a></li>
        <li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a></li>
        
        <!--Sub Menu Start-->
        <li class='submenu'><a href='#' itemprop='url'><span itemprop='name'>Sub Menu</span></a>
            <ul>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 4</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 5</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 6</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 7</span></a></li>
            </ul>
        </li>
        <!--Sub Menu End-->
        
        <!--Multi Level Sub Menu Start-->
        <li class='submenu'><a href='#' itemprop='url'><span itemprop='name'> Mult-Level Sub</span></a>
            <ul>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
                <li class='submenu2'><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a>
                    <ul>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 1</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 2</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 3</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 4</span></a></li>
                    </ul>
                </li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 4</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 5</span></a></li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 6</span></a></li>
                <li class='submenu2'><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 7</span></a>
                    <ul>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 1</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 2</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 3</span></a></li>
                        <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 4</span></a></li>
                    </ul>
                </li>
                <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 8</span></a></li>
            </ul>
        </li>
        <!--Multi Level Sub Menu End-->
        
      <!--Menu Recent four col start-->
      <li class='tl-menuRecent' data-label='Foods'><a href='#' itemprop='url'><span itemprop='name'>Foods</span></a></li>
      <!--Menu Recent four col End-->
        
        <!--Menu Recent Tabs start-->
        <li class='tl-menuRecentTab'><a href='#' itemprop='url'><span itemprop='name'>Gallery</span></a>
            <ul class='tab-outer'>
                <div class='tl-tabLiMenu'>
                    <li data-label='Fashion'>Fashion</li>
                    <li data-label='Gallery'>Gallery</li>
                    <li data-label='People'>People</li>
                    <li data-label='World News'>World News</li>
                    <li data-label='Tech'>Tech</li>
                </div>
            </ul>
        </li>
        <!--Menu Recent Tabs End-->
        
		<!--Mega Menu Start -->
        <li class='megamenu'><a href='#'>Mega Menu</a>

            <ul>
                <div class="tl-megalis">
                    <h4>Headline 1</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                </div>
            </ul>
            <ul>
                <div class="tl-megalis">
                    <h4>Headline 2</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                </div>
            </ul>
            <ul>

                <div class="tl-megalis">
                    <h4>Headline 3</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                </div>
            </ul>
            <ul>
                <div class="tl-megalis mega-last">
                    <h4>Headline 4</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                </div>
            </ul>
        </li>
        <!--Mega Menu End-->
    </ul>
    <li class='rpost'><a class='randompost tl-headlinks' id='rbutton'><i class="fa fa-random"></i>
</a>
    </li>
</nav>

Umístění v administrátorském panelu: MainNavigation

Menu pro svůj blog můžete snadno konfigurovat. Ke každému stylu nabídky je komentář. Nabídku tedy můžete snadno přidat nebo odebrat podle potřeby.

Změňte název data-label='Foods'štítku v části Nahradit potraviny a jiný název štítku v této nabídce s názvem vlastního štítku blogu.

<li data-label='Fashion'>Fashion</li>
<li data-label='Gallery'>Gallery</li>
<li data-label='People'>People</li>
<li data-label='World News'>World News</li>
<li data-label='Tech'>Tech</li>

Změňte Móda , Galerie , Lidé , Světové Zprávy a Technologie s vlastním jménem.

V této sekci nastavíme doporučené widgety a zveřejníme widgety (rozložení mag).

Poznámka: Před odjezdem si mě prosím přečtěte!

Zde je vysvětlení typického nedávného poštovního směrovacího čísla v této šabloně.

U každého widgetu je také popis umístění tohoto widgetu v rozložení (panel pro správu) .

Příklad nedávného poštovního směrovacího čísla:

Níže je uveden příklad kódu, který to vysvětluje. Každý widget posledního příspěvku v této šabloně bude vypadat jako níže uvedený kód.

<div class='recent-post-carousel' data-label='Fashion' data-num='5'></div>

Co můžete změnit nebo přidat?

Můžete změnit následující parametry:

data-label="Fashion"Změňte Módu s přesným názvem štítku.

data-results="5" výsledky můžete změnit na libovolnou hodnotu, ale 5 je dobré pro většinu widgetů.

Pokud chcete změnit zobrazení více textu pomocí vlastního vlastního textu, můžete přidat níže uvedený parametr:

data-vmt="View More"Zobrazit více můžete změnit na jakýkoli text, například zobrazit všechny příspěvky

Jako:

<div class='recent-post-carousel' data-label='Fashion' data-num='5' data-vmt='View All Posts'></div>

1) Doporučené widgety

K dispozici je sekce widgetu, kterou můžete snadno nastavit podle níže uvedeného popisu.

News Ticker

V NewsTicker putt níže uvedený kód

<div class='tl-ticker-outer'>
<div id="tl-ticker">
</div>
 <div class='tl-ticker-con'>
    <span class='down'><i class='fa-caret-down'></i></span>
    <span class='pp'><i class='fa-pause'></i></span>
    <span class='up'><i class='fa-caret-up'></i></span>
  </div>
</div>

1) FeaturedSlider-1

V putslider-1 putt níže uvedený kód

<div class='recent-post-carousel' data-label='Fashion' data-num='5'></div>

2) FeaturedXLarge-2

V FeaturedXLarge-2 putt níže uvedený kód

<div class='recent-single-slider' data-label='People'></div>

3) Zbývající doporučené widgety

Níže uvedený kód vložte do každého doporučeného widgetu kromě (NewsTicker), (FeaturedSlider-1) a (FeaturedXLarge-2) .

<div class="featuredContent tl-featuredMag" data-label="Destination"></div>

Do níže uvedeného rozložení můžete vložit následující widgety. Níže je uveden seznam všech dostupných widgetů.

Takže začněte!

1) Nedávný svitek

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='tl-recent-scroll'></div>

tento widget můžete přidat do sekcí widgetu rozložení: HeaderCarousel, NewsTicker, FullWidthWidget-Top, FullWidthWidget-Bottom

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

2. Recet Post Headline

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-recentHeadline" data-label="Travel" data-results="5"></div>

Umístění v panelu pro správu (rozložení): TabContent-1, TabContent-2, TabContent-3, TabContent-4, TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

3. Recet Headline S

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='tl-recent-headline' data-label='Travel'></div>

Poznámka

Tento widget podporuje videa na youtube pomocí vysoce kvalitních palců. Tento widget tedy můžete použít také pro štítek videa.

Umístění v panelu pro správu (rozložení): TabContent-1, TabContent-2, TabContent-3, TabContent-4, TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

4. Recet Posts PW

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='tl-feature-style' data-label='Travel'></div>

Umístění v panelu pro správu (rozložení): TabContent-1, TabContent-2, TabContent-3, TabContent-4, TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

5. Recet Post Grid 2

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='tl-cards' data-label='Travel'></div>

Umístění v panelu pro správu (rozložení): TabContent-1, TabContent-2, TabContent-3, TabContent-4, TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

6. Nedávné příspěvky

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='tl-recentMag tl-recentHeadline tl-recentH-S2' data-label='Travel' data-results="5"></div>

Umístění v panelu pro správu (rozložení): TabContent-1, TabContent-2, TabContent-3, TabContent-4, TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

7. Recet Post Carousel

<div class='recent-post-carousel' data-label='Fashion' data-num='5'></div>

V tomto widgetu můžete upravit číslo libovolným číslem data-num='5'. Pokud například chcete zobrazit 3položky příspěvků, můžete změnit 5na 3.

Umístění v panelu správce (rozložení): TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1 a BottomWidgets-S3, FullWidthWidget-Top, FullWidthWidget-Bottom, FooterSlider, FeaturedSlider-1, HeaderTicker, , SidebarWidgets-S2, stickyWidget

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

8. Více kategorií

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='home-top' data-label1='Fashion' data-label2='Gallery' data-label3='People' data-label4='Foods'></div>

Umístění v panelu pro správu (rozložení): FullWidthWidget-Top a FullWidthWidget-Bottom

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

9. Nedávný příspěvek Velká galerie

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-galleryMag" data-label="Entertainment" data-results="10"></div>

Umístění v panelu pro správu (rozložení): FullWidthWidget-Top, FullWidthWidget-Bottom

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

10. Recet Post Straight

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class='recent-post-straight' data-label='Travel'></div>

Umístění v panelu pro správu (rozložení): top-grid3-1, top-grid3-2, top-grid3-3, TopWidgets-S2L, TopWidgets-S2R, BottomWidgets-S2L, BottomWidgets-S2R, bottom-grid3-1 , bottom-grid3-2, bottom-grid3-3, sidebarWidgets-S1, sidebarWidgets-S2

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

11. Nedávný příspěvek plk

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="Travel" data-results="4"></div>

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

12. Nedávný příspěvek Col Jednoduché

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-recentPost" data-label="Gallery" data-results="5"></div>

V tomto widgetu Do not: add any title in HTML/Javascript Widget.

13. Nedávný příspěvek

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-recentSimple" data-results="5"></div>

Umístění v panelu pro správu (rozložení): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3, Footer4

14. Náhodný příspěvek

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-randomSimple" data-results="5"></div>

Umístění v panelu pro správu (rozložení): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3, Footer4

15. Nedávný komentář

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-recentMag tl-recentComments" data-results="5"></div>

Umístění v panelu pro správu (rozložení): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3, Footer4

16. Sociální ikony

Přidejte následující kód na jedno nebo více doporučených míst v rozvržení

<div class="tl-socialicons">
<div class="tl-socialInner">
  <!--Facebook-->
    <div class="tl-social">
  <div class="tl-facebook tl-sinn">
      <a href='#' target='_blank' title="Facebook">
      <span class="tl-sicon"><i class="fa fa-facebook"></i></span>
      <span class="tl-scount">3.1K</span>
      </a>
      </div>
      </div>
  <!--Google Plus-->
    <div class="tl-social">
  <div class="tl-googleplus tl-sinn">
      <a href='#' target='_blank' title="Google Plus">
      <span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Twitter-->
  <div class="tl-social">
  <div class="tl-twitter tl-sinn">
      <a href='#' target='_blank' title="Twitter">
      <span class="tl-sicon"><i class="fa fa-twitter"></i></span>
      <span class="tl-scount">1.4K</span>
      </a>
    </div>
    </div>
  <!--Instagram-->
  <div class="tl-social">
  <div class="tl-instagram tl-sinn">
      <a href='#' target='_blank' title="Instagram">
      <span class="tl-sicon"><i class="fa fa-instagram"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Pinterest-->
  <div class="tl-social">
  <div class="tl-pinterest tl-sinn">
      <a href='#' target='_blank' title="Pinterest">
      <span class="tl-sicon"><i class="fa fa-pinterest"></i></span>
      <span class="tl-scount">4.5K</span>
      </a>
    </div>
    </div>
  <!--Youtube-->
  <div class="tl-social">
  <div class="tl-youtube tl-sinn">
      <a href='#' target='_blank' title="YouTube">
      <span class="tl-sicon"><i class="fa fa-youtube"></i></span>
      <span class="tl-scount">2.8K</span>
      </a>
    </div>
    </div>
  <!--Vine-->
  <div class="tl-social">
  <div class="tl-vine tl-sinn">
      <a href='#' target='_blank' title="Vine">
      <span class="tl-sicon"><i class="fa fa-vine"></i></span>
      <span class="tl-scount">3.3K</span>
      </a>
    </div>
    </div>
  <!--SoundCloud-->
  <div class="tl-social">
  <div class="tl-soundcloud tl-sinn">
      <a href='#' target='_blank' title="SoundCloud">
      <span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
      <!--VK-->
      <div class="tl-social">
  <div class="tl-vk tl-sinn">
      <a href='#' target='_blank' title="VK">
      <span class="tl-sicon"><i class="fa fa-vk"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!---->
      <div class="tl-social">
  <div class="tl-foursquare tl-sinn">
      <a href='#' target='_blank' title="Foursquare">
      <span class="tl-sicon"><i class="fa fa-foursquare"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--GitHub-->
      <div class="tl-social">
  <div class="tl-github tl-sinn">
      <a href='#' target='_blank' title="GitHub">
      <span class="tl-sicon"><i class="fa fa-github"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--Dribbble-->
      <div class="tl-social">
  <div class="tl-dribbble tl-sinn">
      <a href='#' target='_blank' title="Dribbble">
      <span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
    </div>
</div>

Umístění v panelu pro správu (rozložení): SidebarWidgets-S1, SidebarWidgets-S2 ,, Footer1, Footer2, Footer3, Footer4

V této části si ukážeme, jak nastavit různá dema Axactu.

Existuje několik umístění widgetů, díky nimž bude váš blog flexibilní a bude vypadat odlišně.

Udělal jsem několik ukázek s jedinou axact šablonou. Ukázky vypadají navzájem odlišně. Takže můžete také blog vypadat jako ukázky.

Poznámka

Toto je volitelné a pouze pro ukázkové účely, aby se ukázala flexibilita Axactu, aby měl blog jiný vzhled. Můžete sledovat úplné pokyny a používání všech widgetů v sekci widgety blogu v dokumentaci a používat widgety podle jejich pokynů, jak chcete, aby váš blog vypadal jakkoli :)

Axact Tech

I když s každým widgetem, který lze umístit do rozvržení, existuje úplný popis. V níže uvedené části najdete, jak je ukázka Axact Tech navržena s výše uvedenými widgety.

To je užitečné pro ty, kteří chtějí vytvořit blog/web jako ukázku Axact Tech .

Demo: Axact Tech

Začít!

Poznámka

Předpokládejme, že jste nastavili záhlaví (včetně horní navigace, loga a reklamy a hlavní nabídky) .

Podle následujících pokynů nastavte další widgety a nastavení, aby Blog vypadal jako Axact Tech .

Instrukce:

Například když řeknu, přidejte níže uvedený kód do rozvržení „FeaturedXLarge-2“ . Musíte jít do rozložení a podívat se na widget FeaturedXLarge-2 . Když ho najdete, klikněte na Upravit a vložte do něj kód.

Začněte tedy a přidejte níže uvedené widgety podle jejich zmíněného umístění, aby váš blog vypadal jako Axact Tech .

1) Přidejte níže uvedený kód do rozložení NewsTicker

<div class='tl-ticker-outer'>
<div id="tl-ticker">
</div>
 <div class='tl-ticker-con'>
    <span class='down'><i class='fa-caret-down'></i></span>
    <span class='pp'><i class='fa-pause'></i></span>
    <span class='up'><i class='fa-caret-up'></i></span>
  </div>
</div>

2) Přidejte níže uvedený kód do rozvržení FeaturedXLarge-2

<div class='recent-single-slider' data-label='Technology'></div>

3) Přidejte níže uvedený kód do rozvržení FeaturedSmall-3, FeaturedSmall-4, FeaturedSmall-5, FeaturedSmall-6

<div class="featuredContent tl-featuredMag" data-label="Science"></div>

4) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Top

<div class='tl-recent-scroll'></div>

5) Přidejte níže uvedený kód do rozvržení TabContent-1, TabContent-2, TabContent-3, TabContent-4

<div class="tl-recentMag tl-recentHeadline" data-label="Business" data-results="5"></div>

6) Přidejte níže uvedený kód do rozložení TopWidgets-S1

<div class='recent-post-carousel' data-label='Apple' data-num='2'></div>

7) Přidejte níže uvedený kód do rozložení TopWidgets-S2L, TopWidgets-S2R

<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="Google" data-results="4"></div>

8) Přidejte níže uvedený kód do rozložení TopWidgets-S3

<div class='tl-cards' data-label='Technology'></div>

9) Přidejte níže uvedený kód do rozvržení BottomWidgets-S1

<div class='tl-recentMag tl-recentHeadline tl-recentH-S2' data-label='Technology' data-results="5"></div>

10) Přidejte níže uvedený kód do rozvržení BottomWidgets-S1

<div class='tl-recent-headline' data-label='Video'></div>

11) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Bottom

<div class='recent-post-carousel' data-label='Gadgets' data-num='5'></div>

12) Přidejte níže uvedený kód do rozvržení bottom-grid3-1, bottom-grid3-2, bottom-grid3-3

<div class='recent-post-straight' data-label='Technology'></div>

13) Přidejte níže uvedený kód do rozvržení FooterSlider

<div class='tl-recent-scroll'></div>

14) Přidejte níže uvedený kód do rozvržení Footer3

<div class='recent-post-carousel' data-label='Gadgets' data-num='1'></div>

Blog Axact

I když s každým widgetem, který lze umístit do rozvržení, existuje úplný popis. V níže uvedené části najdete, jak je ukázka Axact Blog navržena s výše uvedenými widgety.

To je užitečné pro ty, kteří chtějí vytvořit blog/web jako demo Axact Blog .

Demo: Blog Axact

Začít!

Poznámka

Předpokládejme, že jste nastavili záhlaví (včetně horní navigace, loga a reklamy a hlavní nabídky) .

Podle následujících pokynů nastavte další widgety a nastavení, aby Blog vypadal jako Axact Blog .

Středové logo

Na hlavním panelu přejděte na úpravu šablony HTML kliknutím kamkoli do šablony a poté stiskněte CTRL+F a vyhledejte níže uvedený kód.

var headerModeCenter=false;

změňte falsena truelogo.

Začněte tedy a přidejte níže uvedené widgety podle jejich zmíněného umístění, aby váš blog vypadal jako Axact Blog

1) Přidejte níže uvedený kód do rozvržení FeaturedSlider-1

<div class='recent-post-carousel' data-label='People' data-num='5'></div>

2) Přidejte níže uvedený kód do rozvržení TabContent-1, TabContent-2, TabContent-3, TabContent-4

<div class='tl-recent-headline' data-label='Travel'></div>

3) Přidejte níže uvedený kód do rozložení TopWidgets-S3

<div class='tl-cards' data-label='People'></div>

4) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Bottom

<div class="tl-recentMag tl-galleryMag" data-label="People" data-results="10"></div>

5) Nakonec odeberte widgety zápatí

3) Axact Sports

I když s každým widgetem, který lze umístit do rozvržení, existuje úplný popis. V níže uvedené části najdete, jak je ukázka Axact Sports navržena s výše uvedenými widgety.

To je užitečné pro ty, kteří chtějí vytvořit blog/web jako ukázku Axact Sports .

Demo: Axact Sports

Začít!

Poznámka

Předpokládejme, že jste nastavili záhlaví (včetně horní navigace, loga a reklamy a hlavní nabídky) .

Podle následujících pokynů nastavte další widgety a nastavení, aby blog vypadal jako Axact Sports .

Začněte tedy a přidejte níže uvedené widgety podle jejich zmíněného umístění, aby váš blog vypadal jako Axact Sports

1) Přidejte níže uvedený kód do rozložení HeaderCarousel

<div class='tl-recent-scroll'></div>

2) Přidejte níže uvedený kód do rozložení TopWidgets-S

<div class='recent-single-slider' data-label='Sports'></div>

3) Přidejte níže uvedený kód do rozvržení TabContent-1, TabContent-2, TabContent-3, TabContent-4

<div class='tl-feature-style' data-label='Sports'></div>

4) Přidejte níže uvedený kód do rozložení TopWidgets-S3

<div class='tl-cards' data-label='Sports'></div>

5) Přidejte níže uvedený kód do rozvržení BottomWidgets-S2L, BottomWidgets-S2R

<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="Athlete" data-results="4"></div>

6) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Bottom

<div class='home-top' data-label1='Sports' data-label2='football' data-label3='Racing' data-label4='Athlete'></div>

7) Přidejte níže uvedený kód do rozvržení Footer1

<div class="tl-recentMag tl-recentPost" data-label="football" data-results="4"></div>

8) Přidejte níže uvedený kód do rozvržení Footer2

<div class="tl-recentMag tl-recentPost" data-label="Racing" data-results="4"></div>

9) Přidejte níže uvedený kód do rozvržení Footer3

<div class="tl-recentMag tl-recentPost" data-label="Sports" data-results="4"></div>

10) Přidejte níže uvedený kód do rozvržení Footer4

<div class="tl-recentMag tl-recentPost" data-label="Athlete" data-results="4"></div>

11) Přidejte níže uvedený kód do rozložení SidebarWidgets-S1

<div class='recent-post-carousel' data-label='Soccer' data-num='1'></div>

12) Přidejte níže uvedený kód do rozložení SidebarWidgets-S3

<div class='recent-post-straight' data-label='Athlete'></div>

4) Axact Games

I když s každým widgetem, který lze umístit do rozvržení, existuje úplný popis. V níže uvedené části najdete, jak je ukázka Axact Games navržena s výše uvedenými widgety.

To je užitečné pro ty, kteří chtějí vytvořit blog/web jako demo hry Axact .

Demo: Axact Games

Začít!

Poznámka

Předpokládejme, že jste nastavili záhlaví (včetně horní navigace, loga a reklamy a hlavní nabídky) .

Podle následujících pokynů nastavte další widgety a nastavení, aby blog vypadal jako Axact Games .

Středové logo

Na hlavním panelu přejděte na úpravu šablony HTML kliknutím kamkoli do šablony a poté stiskněte CTRL+F a vyhledejte níže uvedený kód.

var headerModeCenter=false;

změňte falsena truelogo.

Průhledné pozadí záhlaví

Chcete -li průhledné pozadí záhlaví, přejděte na přizpůsobení šablony >> Pokročilé >> Střední záhlaví. Nyní na pozadí záhlaví vyberte průhlednou barvu jako na obrázku níže.

Začněte tedy a přidejte níže uvedené widgety podle jejich zmíněného umístění, aby váš blog vypadal jako Axact Games

1) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Top

<div class='tl-recent-scroll'></div>

2) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Top

<div class='home-top' data-label1='Featured' data-label2='Reviews' data-label3='Windows' data-label4='PS4'></div>

3) Přidejte níže uvedený kód do rozložení TopWidgets-S

<div class='recent-single-slider' data-label='Xbox'></div>

4) Přidejte níže uvedený kód do rozvržení TabContent-1, TabContent-2, TabContent-3, TabContent-4

<div class='tl-recentMag tl-recentHeadline tl-recentH-S2' data-label='PS4' data-results="5"></div>

5) Přidejte níže uvedený kód do rozložení TopWidgets-S2L, TopWidgets-S2R

<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="PS4" data-results="4"></div>

6) Přidejte níže uvedený kód do rozložení TopWidgets-S3

<div class='recent-post-carousel' data-label='PC' data-num='3'></div>

7) Přidejte níže uvedený kód do rozložení TopWidgets-S3

<div class='tl-cards' data-label='Fighting'></div>

8) Přidejte níže uvedený kód do rozložení bottom-grid3-1, bottom-grid3-2, bottom-grid3-3

<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="PS4" data-results="4"></div>

9) Přidejte níže uvedený kód do rozvržení FooterSlider

<div class='recent-post-carousel' data-label='Fighting' data-num='3'></div>

10) Přidejte níže uvedený kód do rozvržení Footer1, Footer2, Footer3

<div class="tl-recentMag tl-recentPost" data-label="Xbox" data-results="4"></div>

11) Přidejte níže uvedený kód do rozložení SidebarWidgets-S1

<div class='recent-post-carousel' data-label='Reviews' data-num='1'></div>

Návrhář šablon a temný příklad

Barvy můžete snadno změnit na tmavé nebo libovolné, které se vám líbí.

Na hlavním panelu služby Blogger přejděte na přizpůsobení kliknutím na šablonu a postupujte podle níže uvedených snímků obrazovky

Podívejme se na krátké kódy poskytnuté touto šablonou.

Post stránkování

<div class="tl-post-page">
Content Here... for (page 1)
</div>
<div class="tl-post-page">
Content Here... for (page 2)
</div>
<div class="tl-post-page">
Content Here... for (page 3)
</div>
<div class="tl-post-page">
Content Here... for (page 4)
</div>

Pokud chcete rozdělit svůj obsah na stránky příspěvků, je to pro vás nejlepší widget. Stránky můžete vytvářet snadno, jak chcete.

Galerie Obrázků

<section id="tl-photogallery">
Your all gallery images here
</section>

Umístěte všechny obrázky z galerie do „Všechny vaše obrázky z galerie zde“

Kontaktujte nás widget

<style>
#main-wrapper{width:100%}
#sidebar-wrapper,.comments{display:none;}
#main-wrapper .bcreative-inner{border:0px;}
.page-contact {
  padding: 35px 0;
}
h2.post-title.entry-title {
  text-align: center;
}
</style>
<div class="col2 pull-left">
<div class="tl-col-inner custom-contact-form">
<div class="contact-us-form">
<form name="contact-form">
<div class="form-hint">
Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' />
<div class="form-hint">
Your Email: <em>*</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID"  size='30' type='text' onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/>
<div class="form-hint">
Subject:</div>
<input class='contact-form-subject' id='ContactForm1_contact-form-email' name='subject' value="Subject"  size='30' type='text' onblur='if (this.value == "") {this.value = "Subject";}' onfocus='if (this.value == "Subject") {this.value = "";}'/>
<div class="form-hint">
Your Message: <em>*</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == "") {this.value = "Leave Your Message..";}" onfocus="if (this.value == "Leave Your Message..") {this.value = "";}" value="Leave Your Message.."></textarea> 
<input class='button red' type='reset' value='Clear'/> 
<input class="button green" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<br />
<div style="max-width: 500px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col2 pull-right">
<div class="tl-col-inner contact-address">
<div class="Contact-info">
<h2>Nice to Hear From You</h2>
<p class="contact-text">Suspendisse ut interdum lectus. Integer ac neque faucibus, venenatis nisl quis, pellentesque lacus. Integer et ipsum sit amet dui ultrices hendrerit. Pellentesque leo massa, suscipit a felis non, posuere convallis velit. Sed tincidunt lacinia velit et aliquam.</p>
 <div class="contact-social">
 <ul class="tl-colored-social icon-rounded icon-zoom list-unstyled list-inline"> 
       <li><a href="#"><i class="fa fa-twitter"></i></a> </li> 
       <li><a href="#"><i class="fa fa-facebook"></i></a> </li>   
       <li> <a href="#"><i class="fa fa-instagram"></i></a> </li>
       <li> <a href="#"><i class="fa fa-google-plus"></i></a> </li> 
       <li> <a href="#"><i class="fa fa-youtube"></i></a> </li> 
    </ul>
</div>
<h2>Contact Information</h2>
<p><strong><i class="fa fa-map-marker"></i> Our Location</strong><br />
31-33B Tan Thuan St, Tan Thuan EZ, East Tan Thuan Ward 11, District 7, Ho Chi Minh City, Vietnam.</p>
<p><strong><i class="fa fa-phone"></i> Phone Number</strong><br />
+84 935 815 989<br />
+84 935 815 989</p>
<p><strong><i class="fa fa-envelope-o"></i> Email Adress</strong><br />
we@gmail.com<br />
oursupport@gmail.com</p>
</div>
 </div>
 </div>

Vytvořte novou stránku a přidejte výše uvedený kód v režimu HTML a publikujte.

Barevné podnázvy

Chcete -li vytvářet barevné titulky, můžete použít html a styly ve vyhledávání Popis příspěvku, jak je uvedeno níže.

You can add subtitles of whatever <span style="color:white;background:red">S</span><span style="color:white;background:darkgreen">T</span><span style="color:white;background:lightpurple">Y</span><span style="color:white;background:pink">L</span><span style="color:white;background:blue">E</span> you want.

Post kolotoč

Přidejte kolotoč do příspěvku a stránek přidáním níže uvedeného kódu v režimu HTML editoru příspěvků.

<div id="post-carousel" class="owl-carousel owl-theme">
<div class="img-item"><img src="#" alt="The Last of us"></div>
<div class="img-item"><img src="#" alt="GTA V"></div>
<div class="img-item"><img src="#" alt="Mirror Edge"></div>
</div>

Nahraďte #novou URL obrázku a změňte také alt.

Poznámka: Obrázky můžete nahrát do svého příspěvku a poté získat odkaz k použití v kolotoči.

Tlačítka

Přidejte tlačítka různých barev a velikostí

Styl tlačítka 1


  /*---- Button Style 1 -----*/
<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>

Styl tlačítka 2


  /*---- Button Style 2 -----*/
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>

Styl tlačítek 3


  /*---- Button Style 3 -----*/
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>

Ve stylu tlačítka 3 můžete použítFont Awesome Icons

Výstražné schránky

Přidejte výstražná pole s různými výstrahami.

 /*----success message----*/
  <div class="alert-message success">
  <i class="fa fa-check-circle"></i>
  success message : You successfully read this important message.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Alert message-----*/
  <div class="alert-message alert">
  <i class="fa fa-info-circle"></i>
  Alert message : This alert needs your attention.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Warning message-----*/
  <div class="alert-message warning">
  <i class="fa fa-exclamation-triangle"></i>
  Warning message : Warning! Best check yo self.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Error message-----*/
  <div class="alert-message error">
  <i class="fa fa-exclamation-circle"></i>
  Error message : Oh snap! Change a few things up.
  <div class="alert-del-btn"></div>
  </div>

Krabice s kódy

Přidejte níže uvedená pole pro zkrášlení kódů CSS, HTML, Jquery a Javascript.

  <pre data-codetype="HTML">You HTML Code Here</pre>

  <pre data-codetype="CSS">You CSS Code Here</pre>

  <pre data-codetype="JavaScript">You JavaScript Code Here</pre>

  <pre data-codetype="JQuery">You JQuery Code Here</pre>

Záložky a akordeon

Do šablony můžete přidat níže uvedený akordeon a záložky.

Záložky

<div class="tl-tabs">

<div class="tl-tabbtn">
<span class="tl-click">Button 1</span>
<span class="tl-click">Button 2</span>
<span class="tl-click">Button 3</span>
</div>

<div class="tl-tabcontent">
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>
</div>

</div>

Akordeon

<div class="tl-accordion">

<span class="tl-click">Button 1</span>
<div>Content 1</div>

<span class="tl-click">Button 2</span>
<div>Content 2</div>

<span class="tl-click">Button 3</span>
<div>Content 3</div>

<span class="tl-click">Button 4</span>
<div>Content 4</div>

</div>

Drop Caps

Zkrášlete svůj obsah pomocí chytrých kapiček

Dropcap styl 1

<span class="tl-dropcap dcap1">M</span>

Dropcap styl 2

<span class="tl-dropcap dcap2">S</span>

Dropcap styl 3

<span class="tl-dropcap dcap3" style="color: #ff9900;">S</span>

Barvu Dropcap stylu 3 můžete změnit pomocí své vlastní.

Styl seznamu

Níže jsou uvedeny některé styly seznamu, které můžete použít ve svém příspěvku.

Styl seznamu 1

<ul class='tl-custom-li tl-arrow-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

Styl seznamu 2

<ul class='tl-custom-li tl-check-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

Styl seznamu 3

<ul class='tl-custom-li tl-cross-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

Styl seznamu 4

<ul class='tl-custom-li tl-multi-li'>
<li><i class="fa fa-coffee"></i> First List Item</li>
<li><i class="fa fa-cloud-upload"></i> Second List Item</li>
......
</ul>

Sloupec

Níže jsou uvedeny některé sloupce, které můžete použít ve svém příspěvku.

1 sloupec

<div class="tl-cols">
<div class="col1">Col content ....</div>
</div>

2 sloupce

<div class="tl-cols">
<div class="col2 pull-left">
<div class="tl-first-col">Col content ...</div>
</div>
<div class="col2 pull-right">
<div class="tl-second-col">Col content ...</div>
</div>
</div>

3 sloupce

<div class="tl-cols">
<div class="col3 pull-left">
<div class="tl-col3-1">Col Content ...</div>
</div>
<div class="col3 pull-left">
<div class="tl-col3-2">Col Content ...</div>
</div>
<div class="col3 pull-left">
<div class="tl-col3-3">Col Content ...</div>
</div>
</div>

4 sloupce

<div class="tl-cols">
<div class="col4 pull-left">
<div class="tl-col4-1">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-2">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-3">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-4">Col content ...</div>
</div>
</div>

Reklamní banner

<div style="text-align:center;">
<a href="#" target="_blank"><img class="tl-magimg" src="#" alt="Axact-banner-728×90" /></a>
</div>

nahradit #odkazem a adresou URL obrázku.

Nejlepší umístění reklamního banneru: TopWidgets-S, TopWidgets-S1, TopWidgets-S3, BottomWidgets-S1, BottomWidgets-S3, FullWidthWidget-Top, FullWidthWidget-Bottom

Zde je seznam úžasných zdrojů, které jsme použili k vytvoření této šablony.

Šablona Axact Kompletní dokumentace šablony Axact bloggeru Sdílet: Nullphpscript.com .

Kompletní dokumentace šablony Axact bloggeru

Úvod

Funkce

Co je součástí

Kompatibilita prohlížeče

Začínáme

Poznámka

Nastavení mobilní šablony:

instalace

Možnosti

Nastavení metaznaček

Příklad a vysvětlení

Možnosti

Možnosti

Záhlaví SEO

Záhlaví SEO

Možnosti

Nastavení motivu

1). Možnosti šablony Axact

2). Nastavení komentáře na Facebooku

3). Průhledné pozadí záhlaví

4). Obrázek na pozadí kapoty

5). Změňte šířku obsahu

6). Celá šířka stránky

7). Autorský box

8). Návrhář šablon

Horní menu

Horní lišta nabídky

Statické stránky

sociální ikony

Možnosti loga a záhlaví reklamy

Poznámka

Nabídka DropDown

Nastavení hlavní nabídky:

Widgety

Poznámka: Před odjezdem si mě prosím přečtěte!

Příklad nedávného poštovního směrovacího čísla:

Co můžete změnit nebo přidat?

1) Doporučené widgety

News Ticker

1) FeaturedSlider-1

2) FeaturedXLarge-2

3) Zbývající doporučené widgety

2) Hlavní widgety

1) Nedávný svitek

2. Recet Post Headline

3. Recet Headline S

Poznámka

4. Recet Posts PW

5. Recet Post Grid 2

6. Nedávné příspěvky

7. Recet Post Carousel

8. Více kategorií

9. Nedávný příspěvek Velká galerie

10. Recet Post Straight

11. Nedávný příspěvek plk

12. Nedávný příspěvek Col Jednoduché

13. Nedávný příspěvek

14. Náhodný příspěvek

15. Nedávný komentář

16. Sociální ikony

Axact Demos

Poznámka

Axact Tech

Začít!

Poznámka

Instrukce:

1) Přidejte níže uvedený kód do rozložení NewsTicker

2) Přidejte níže uvedený kód do rozvržení FeaturedXLarge-2

3) Přidejte níže uvedený kód do rozvržení FeaturedSmall-3, FeaturedSmall-4, FeaturedSmall-5, FeaturedSmall-6

4) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Top

5) Přidejte níže uvedený kód do rozvržení TabContent-1, TabContent-2, TabContent-3, TabContent-4

6) Přidejte níže uvedený kód do rozložení TopWidgets-S1

7) Přidejte níže uvedený kód do rozložení TopWidgets-S2L, TopWidgets-S2R

8) Přidejte níže uvedený kód do rozložení TopWidgets-S3

9) Přidejte níže uvedený kód do rozvržení BottomWidgets-S1

10) Přidejte níže uvedený kód do rozvržení BottomWidgets-S1

11) Přidejte níže uvedený kód do rozvržení FullWidthWidget-Bottom

12) Přidejte níže uvedený kód do rozvržení bottom-grid3-1, bottom-grid3-2, bottom-grid3-3