Features of PINKTONG – TEMPLATE BLOGGER HIGH SPEED V1.3
Javascript and CSS are used only as needed to optimize the speed of this design. No javascript library is open, such as jQuery or external CSS.
Blogger CSS and javascript default are omitted from this design too, so some built-in features like archive dropdown may not work.
PinkTong Theme Premium Features:
- Ultra Responsive
- Fast loading index page
- Share buttons
- Structured data (schema.org)
- Fast loading posting page
- Breadcrumb
- Sticky sidebar
- Disqus comment system
- Lazy load image
- 2 ads in the middle article
- Lazy load YouTube
- Related posts
- and others…
1. Meta Tags
If you are used to the template tweaking brain, you already know which one needs to be changed. Please adjust the content.
<meta content = ‘YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE’ name = ‘keywords’ />
<meta content = ‘XXXXX’ name = ‘google-site-verification’ />
<meta content = ‘XXXXX’ name = ‘alexaVerifyID’ />
<meta content = ‘XXXXX’ name = ‘p: domain_verify’ />
<meta content = ‘XXXXX’ name = ‘yandex-verification’ />
<meta content = ‘XXXXX’ name = ‘msvalidate.01’ />
<meta content = ‘https: //www.facebook.com/XXXXX’ property = ‘article: author’ />
<meta content = ‘https: //www.facebook.com/XXXXX’ property = ‘article: publisher’ />
<meta content = ‘XXXXX’ property = ‘fb: app_id’ />
<meta content = ‘XXXXX’ property = ‘fb: admins’ />
<meta content = ‘XXXXX’ property = ‘fb: profile_id’ />
<meta content = ‘XXXXX’ property = ‘fb: pages’ />
<meta content = ‘@ YOUR_TWITTER_USERNAME_HERE’ name = ‘twitter: creator’ />
2. Header background colors, labels, subscription columns, buttons, and link colors.
Please look for the color code 75539e then replace it with the color code of your choice. For header colors using gradients, please change manually to the #header code
3. Lazy Load for Youtube Pictures and Videos
For images, please enter HTML mode when creating a post, then add a lazy load class, change the src to data-src, and add a new src with a png base URL. Example:
Before:
<img border = “0” data-original-height = “455” data-original-width = “640” height = “284” src = “https://1.bp.blogspot.com/-BuRzr0PYJ-c/ XCXAgvO3MnI / AAAAAAAABTk / w2Gy6r4MYHw5d59rp5hNkMH3FoFZ1wqGQCLcBGAs / s400 / vegetables-1584999_640-min.jpg “width =” 400 “/>After:
<img border = “0” data-original-height = “455” data-original-width = “640” height = “284” data-src = “https://1.bp.blogspot.com/-BuRzr0PYJ- c / XCXAgvO3MnI / AAAAAAAABTk / w2Gy6r4MYHw5d59rp5hNkMH3FoFZ1wqGQCLcBGAs / s400 / vegetables-1584999_640-min.jpg “width =” 400 “src = ‘data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEXz8 / SVuXQoAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg ==’ />
4. Comments
Post disqus comments
Please press the ctrl + f key and look for the code ” disqusmu” then replace it with your disqus shortname. do not forget to hide blogger comments by going to the settings menu > Posts, comments and sharing> location of comments then select hide (optional)
Replacing disqus comments with blogger comments
Please find the following code
<b: include data = “post” name = “disqus-comments” />
then change it to
<b: include data = “post” name = “comments” />
5. Subscription Box
looks for the code uri = Pinktong then replace pinktong with your feedburner name.
6. Advertising
Please search for the text <! – install the ad code here -> then below there is a code like the one below, replace the code with your ad code. If your ad code is new, look for the async text and then change it to async = ” or async = ‘async’ to avoid errors.
<div class = ‘testad’ style = ‘width: 100%; height: 200px; background: #eee’ />
8. Mobile Display
In the “Themes” section on the blogger dashboard, please select ” No. Show desktop themes on mobile devices.” In the cellular theme settings
9. Contact Whatsapp
To contact WhatsApp on the footer please look for this NO-WAMU number then replace it with your WhatsApp number.
DEMO LINK |
Reviews
There are no reviews yet.