Hello, friends today I will give you a new awesome template. Pinktong It's updated v1.5 Pinktong is a cool premium blogger (Blogspot) template/theme that I share for free. Currently, this theme has been updated to version 1.5. This theme turns out to be quite a lot of use, including on and spam blogs. In fact,  was chatted several times by several bloggers who complained about their content being stolen and thought I was the culprit.  In version 1.5, all the problems that existed in the previous version have been fixed. Plus some important changes to make this theme more attractive. Many CSS and HTML lines are discarded because they are obsolete and not used so that the code used is leaner.

features

Like the previous version, PingTong has a title, post-bar, sidebar, and footer. The widget still uses version 1.

The title still uses the same color scheme as the previous version, which is a gradient color. In this version, I use a CSS root for the color to make it easier for users to change the color later.

In the previous version, the special menu for mobile was very simple, when the menu button is pressed, show the menu list with the falling model. In this latest version, the menu uses lateral slide mode to give it a modern look.

The next improvement is breadcrumbs. In previous versions released before Google updated its policy, it was announced that soaking in terminology-used breadcrumbs would no longer be supported. Based on Scheme.org all bloggers are advised to soak in breadcrumbs. In this latest version, the breadcrumb problem has been resolved.

Next is the share button. I created a page-by-page share button with the article's author name and timestamp in a previous version. As a result, if the article's author name is long, the display of the share button is confusing. In this version, the display is neat as the share button will automatically shrink to the smaller screen size or the mobile version.

Additionally, in this latest version, a new share button has been added, which means a telegraphy button that takes into account the many user requests for this theme. Telegraph and WhatsApp buttons are visible only when accessing the blog using a smartphone. After all, both these apps are available only on smartphones.

So in desktop version of share button only share button will be displayed on Facebook, Twitter, and Pinterest. WhatsApp and Telegram buttons will be visible on the mobile version.

In the sidebar, the Popular Posts widget has also been changed. When only the Links option is displayed, the image will still be displayed at the top of the massive list.

In the footer section, the Membership column makes it easy to remove the space. After all, this column uses the FeedBurner service that bloggers now ditch. Below are the rest of the site links and social media and credit buttons.

After this, I added the dark mode feature to this template, which will be very pleasant for the blog viewers.

Speed ​​and SEO

Gtmetrix scores are grade A for speed, performance, and configuration. This is because using JavaScript is cheap and there is no external JavaScript. Additionally, all the images on the index page use a lazy script. To check this, friends can do a live test with Gtmetrix.

For SEO content, this template uses new meta tags that are closer and easier to edit. This topic is definitely focused on SEO as the title tags are well structured from H1 to H3.

Strengths of Pinktong Template Version 1.5

advantages

1. Neat and professional look
2. Fast
3. SEO oriented
4. Free
5. Many features

Disadvantages

1. Haven't used gadget version 2 and layout version 3
2. Not yet support blogger customizer menu

Detailed Features of Pinktong Version 1.5 Template

Pinktong V.1.5 (FREE)
Supported browsers	Firefox, Chrome, Safari, Ie/Edge, Mobile Browser, etc
Fast Loading	Yes
Responsive	Yes
Schema.org	Yes
SEO	Yes
Breadcrumb	Yes
Share button	Yes
Lazy load Youtube	Yes
Lazy load Image	Yes
Related Post	Yes
Adsense Ad Slots/others	Yes
Night Mode	Yes
Sticky Sidebar	Yes
Comment System	Yes, Disqus | Blogger

Pinktong Template Changelog Version 1.5

Here I summarize the new things in the Pinktong blogger template version 1.5

• Meta tags fix
• HTML and CSS structure improvements
• Breadcrumb fix
• Fixed share button position
• Added share button to Whatsapp and telegram in mobile version
• Throw away the FeedBurner subscription box.
• Improved display of blogger comments
• Layout view fix
• Changing the sticky sidebar script

PinkTong Template installation and setup guide Version 1.5

1. Installation

Extract the PinkTong template ZIP file, then open the PinkTong V.1.5.xml file using a text editor such as notepad and copy all the text. Open your blog theme's HTML editor, then paste the text that you copied earlier. Don't forget to select desktop in mobile settings.

Meta Tags

-- Color bar on smartphone browser

  <meta content=' #212121 ' name='theme-color'/>
  <meta content=' #212121 ' name='msapplication-navbutton-color'/>
  <meta content=' #212121 ' name='apple-mobile -web-app-status-bar-style'/>

Replace  #212121 with the color code of your choice. We recommend that you match the header color.

--  OG facebook and twitter

Search for "Your Image Code ", then replace it with your image URL. The minimum resolution is 1280 x 768 pixels.

--  Verification Code

  <meta content=' xxxxxxxxxxxxxxxxx_g ' name='google-site-verification'/>
  <meta content=' xxxxxxxxxxxxxxxxx ' name='msvalidate.01'/>
  <meta content=' xxxxxxxxxxxxxxxxx ' name='p:domain_verify'/>
  <meta content=' xxxx_xxxxx-xxxxxxx ' name='majestic-site-verification'/>

2. Display

Main Color

:root{
--bg: linear-gradient(30deg,#c39 19%,#66c 100%) ;
--bg-link: #40407a ;
--bg-link-hover: #DE2F1B ;
--link-color: #1C7CA6 ;
--link-hover: #e74c3c ;
}

Change the  linear-gradient(30deg,#c39 19%,#66c 100%)  to change the background and footer colors.

3. Others

--  Lazy loading images

<img data-original-height="455" data-original-width="640" height="284" src ="https://1.bp.blogspot.com/-BuRzr0PYJ-c/XCXAgvO3MnI/AAAAAAAABTk/w2Gy6r4MYHw5d59qrp5hNkBwGAsGQFCLZ1 /s400/vegetables-1584999_640-min.jpg" width="400"/>

Change to:

<img data-original-height="455" data-original-width="640" height="284" data-src ="https://1.bp.blogspot.com/-BuRzr0PYJ-c/XCXAgvO3MnI/AAAAAAAAABTk /w2Gy6r4MYHw5d59rp5hNkMH3FoFZ1wqGQCLcBGAs/s400/vegetables-1584999_640-min.jpg "width =" 400 "  src = 'data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEXz8 / SVuXQoAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg ==' />

This method is a bit complicated because it has to be done manually, so it's optional, especially if you only post one or two images. Or you can use the native method,

-- Comment

This template uses Disqus comments. To change it to a blogger comment look for the following code:

<b:include data="post" name=" disqus-comments "/>

then change to

<b:include data="post" name=" comments "/>

--  Menu, Sitelink, and social media

Open the layout menu, click edit then replace # with your link.

Menu

<ul>
<li><a href=' # '> Static Page </a></li>
<li><a href=' # '> BIZ </a></li>
<li><a href =' # '> Politic </a></li>
<li><a href=' # '> Entertainment </a></li>
<li class='dropdown-item'><span class='dropdown -label'> Movie <span class='dropdown-symbol'></span></span>
<ul class='menu-dropdown'>
<li><a href=' # '> Korean </a></li>
<li><a href=' # '> Japanese </a></li>
<li><a href='# '> Chinese </a></li>
<li><a href=' # '> Thai </a></li>
  </ul>
</li>
  </ul>

Site Link

<ul class='clearfloat'>
          <li><a href=' # '> About </a></li>
          <li><a href=' # '> Contact </a></li>
          <li ><a href=' # '> Sitemap </a></li>
          <li><a href=' # '> Disclaimer </a></li>
          <li><a href=' # '> Privacy Policy </a></li>
          <li><a href=' # '>Terms and Conditions </a></li>
</ul>

Social media

<ul class='clearfloat'>
<li><a aria-label='Open Facebook' href=' https://www.facebook.com/ ' rel='nofollow noreferrer' target='_blank'><svg> <use xlink:href='#fbicon'/></use></svg></a></li>
<li><a aria-label='Open Twitter' href=' https://twitter. com/ ' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#twicon'/></use></svg></a></li>
<li>< a aria-label='Open Instagram' href=' https://instagram.com/ ' rel='nofollow noreferrer' target='_blank'><svg>< use xlink:href='#isicon'/></use></svg></a></li>
<li><a aria-label='Open Youtube' href=' https://www.youtube .com/' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#yticon'/></use></svg></a></li>
</ul>

--  Advertising

Open the layout menu then paste the ad code in the available slot.

Download template Pinktong Version 1.5

you can directly download it via the link below.

Download

Download Your file

Download File

LookClosedComment

Next Post Previous Post

1 Comment

• 

  Erick September 5, 2021 at 4:06 AM

  The moment I change the footer credit URL, it changes all images on my blog posts to a photo of a man in the red t-shirt. Also the moment I remove the footer credit URL it remove all images on my blog posts. Help out please

  Reply ?

Cancel