Maybe you are still confused about how to set up the Ajker Idea Template, here we will provide details on recommended settings in terms of appearance, layout, and SEO.
If you haven't installed it, please click here for how to install it, we recommend using an xml file, with the name ajkeridea.xml for code that has been optimized, but if you want to modify it more deeply you can install ajker idea.xml.
Logo and Favicon settings
On the Layout type logo, you have many options such as includingBlog Name, URL,data:image,SVG.
For favicons, you can upload them in the Settings > Favicon section
Navigation Menu Settings
Menu Settings for using Dropdown you can enter menus between menus with links#sub-startand#sub-end
Sitemap Page Settings
Create a new page, create an example title for the Table of Contents/Sitemap, then enter the code below into the post in HTML Mode
<div class="custom-posts sitemap-posts" data-label="false" data-func="sitemap_temp" data-callback="sitemap_cb" data-items="1"><div class='text-center'><div class='spinner-grow text-light' role='status'><span class='visually-hidden'>Loading...</span></div></div></div>
Contact Form Ajker Idea
Create a new page/page, create a title for the Form/Contact example, then enter the code below into the post in HTML Mode
<div class='contact-form-wrap row'>
<div class='col-md-6 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-name'>Your Name</label>
<input class='form-control bg-transparent jt-border-light text-reset' id='field-name' name='name' required='' type='text' placeholder='Enter Name'/>
<div class='col-md-6 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-email'>Email Address</label>
<input class='form-control bg-transparent jt-border-light text-reset' id='field-email' name='email' required='' type='email' placeholder='Enter Email'/>
<div class='col-12 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-message'>Message</label>
<textarea class='form-control bg-transparent jt-border-light text-reset' id='field-message' name='message' required='' rows='3' placeholder='Enter Message'></textarea>
<div class='col-12 mb-3'>
<button class='btn btn-sm fw-bold py-2 px-5 jt-btn-primary' type='submit'>SEND</button>
data-success="Thank you message sent successfully."
data-error="Message failed to send. Please try again an hour later."
class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7">
Settings In HTML Theme
Since Ajker Idea V.2.9 Settings in the HTML theme are no longer required, you just need to install and use the blogger configuration and the Ajker Idea Theme will work fine.
If you still find the code#####like this in the title means you are still using the lower version of the theme, we strongly recommend upgrading your Ajker Idea theme.
But we don't get rid of these features, but change them to make them even easier to find even if you don't even understand code, here we will explain how to use them, so please go to the Themes page > Edit HTML
When you open Edit HTML, you will see text like the one below.
# Ajker Idea v.2.9 Setting #
Right below it we will find the Ajker Idea settings feature, you just have to pay attention to the description so you don't get it wrong, and fill in the sectionsvalue=" ", here's the explanation:
1. Tagline Title pada Homepage
<Variable name="tagline" description="Tagline" type="string" value=""/>
isi value=" "with your title tagline, this is also to improve SEO, example homepage title:Ajker Idea – Template Blogger No.1, so you just enterTemplate Blogger No.1.
<Variable name="tagline" description="Tagline" type="string" value="Template Blogger No.1"/>
2. Title Separator
<Variable name="separator" description="Separator" type="string" value=" - "/>
Functions as a delimiter on the Ajker Idea instance title–Blogger Template No.1, you can change it or ignore it like that, but if you change it with another border and make sure there are spaces at the beginning and end.
3. Description Homepage
<Variable name="description" description="Description" type="string" value=""/>
This is an alternative way to enter a description of your blog, you can ignore this if you have filled in the description in the blogger settings.
4. Image/Cover on Homepage
<Variable name="cover" description="Cover" type="string" value=""/>
Here an image url is needed to function, for example when you share a blog on social media, for the front page cover or default if the other page doesn't have an image, to get an image please upload your image or logo on a blogger post or widgetUpload Imagewith large width more or less1600 X 700 pixel.
<Variable name="cover" description="Cover" type="string" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghlk593qPH5zPriQ51CHLa8IP7wdldzkQBoSA5-jjZRxavBc9xggTkVM5zJAzNyDql4LzFpC6jLF0juKgvydYMi_BVNS7r9hqbNvuSr0yQwkvxx-o8hEkZgtM7QWkV_G56pPBDklnJi_sgFpGBQsOakZnV4FlXtf32gMcIIwPe8PLFP4zizJMTAK0J/s1280/Ajker%20idea.webp"/>
5. Logo Image on the SEO Schema
<Variable name="logo" description="Logo" type="string" value=""/>
Enter the url of your blog logo image, the method is the same as the cover above, its function is to complete the data in the SEO Schema.
6. Favicon High Resolution
<Variable name="favicon" description="Favicon" type="string" value=""/>
fill in the url of your blog favicon image, the method is the same as the cover and logo above but with the format.pngand big200 X 200 pixel, its function is so that your blog's favicon is not blurry.
7. New Google Analytic
<Variable name="analyticId" description="Analytic ID" type="string" value=""/>
This is an alternative way of entering your Google Analytics ID code, you can ignore this if you have filled in the Analytic iD in the Blogger settings, but the difference here is that you can also use the latest version of Google Analytics.
<Variable name="analyticId" description="Analytic ID" type="string" value="G-AXXXXXXXXX"/>
8. Google Adsense
<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value=""/>
You can ignore this if you have activated Adsense on blogger, this is just an alternative for your adsense with a different email from your blogger, you can fill it with the caPubAdsense ID that you can get in your Adsense script.
On the left of the Adsense page menu, click Ads/ads select Overview/Overview, after entering the Overview page, click Get Code/Get Code, you will get a code like the one below
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890XXXXXX
Copy the colored sample ID/number and input as shown below.
<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value="1234567890XXXXXX"/>
Notes: This feature is only for those that have been received by Adsense, if you are in the Adsense Register or Review stage to speed up acceptance, simply place the Adsense code under <head> as directed by Google.