Viomagz Premium Redesign Template V4 Th3safelink
This Viomagz Premium Redesign V4 template is a template that I continue from the previous version V3 . The change in version 4 is that I changed the navigation menu to be like the old igniel style.Changelog:
- Responsive
- Mobile Friendly
- Popular Post Arlina Style
- Label Arlina Style
- Profile UI di Header
- Related Post
- Breadcrumbs
- Search Box
- Social Share
- Back To Top Button
- Dark Mode With Stars Animation
- Load More Infinite Scroll
- Footer Menu Navigation
- Navigasi Ala Igniel di Versi Desktop
- Side Navigation
- New Fresh SVG ICON
- More...
Change Sub Menu
<ul class='allsub dropdown-menu'>
<li class='Blogger' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu1</a></li>
<li class='android' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu2</a></li>
<li class='komputer' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu3</a></li>
<li class='Youtube' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu4</a></li>
<li class='Adsen' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu5</a></li>
<li class='bisnis' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu6</a></li>
<li class='games' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu7</a></li>
<li class='review' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu8</a></li>
<li class='info' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu9</a></li>
<li class='seo' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu10</a></li>
<li class='tkj' itemprop='name'><a dir='ltr' href='#' itemprop='url'>Menu11</a></li>
Change Follow & Author Box:
<img alt='Author' class='lazy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vruVr2e_4ZNXhtD7KloOclJDtxTmzn_ibcmMuKIkFyvyN0OY5WUhvIeCBaFO9w5zr-5SWG4EBWpeZ7QP0urXlP5x5NzaSCpjzy4u7BVaC5gJdfrrOWNEYxNn-v12i8-4XYtBT0JzaOri/s1600/TH3SAFELINK.png' title='Author'/>
<svg style='width: 16px;height: 16px;position: relative;left: -7px;margin-right: 0px;' viewBox='0 0 24 24' xmlns='https://www.w3.org/2000/svg'><path d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z' fill=' #ff0000' paint-order='stroke' stroke='#fff' stroke-width='3px'/></svg>
<ul>
<li class='name'>Th3safelink</li>
<li class='follow'><a href='https://www.blogger.com/follow.g?blogID=6799574750882864429' rel='nofollow noopener' target='_blank' title='Follow'>FOLLOW</a></li>
</ul>
</li>
<li>
<a href='#' itemprop='url' title='About Me'>
<svg style='width: 22px;height: 22px;vertical-align: -5px;margin-right: 10px;transition: all .3s ease;' viewBox='0 0 24 24'><path d='M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z' fill='#000'/></svg>
<span itemprop='name'>About Me</span></a>
</li>
<li>
<a href='#' itemprop='url' title='Contact'>
<svg style='width: 22px;height: 22px;vertical-align: -5px;margin-right: 10px;transition: all .3s ease;' viewBox='0 0 24 24'><path d='M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18Z' fill='#000'/></svg>
<span itemprop='name'>Contact</span></a>
</li>
<li>
<a href='#' itemprop='url' title='Disclaimer'>
<svg style='width: 22px;height: 22px;vertical-align: -5px;margin-right: 10px;transition: all .3s ease;' viewBox='0 0 24 24'><path d='M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z' fill='#000'/></svg>
<span itemprop='name'>Disclaimer</span></a>
</li>
<li>
<a href='#' itemprop='url' title='Privacy Policy'>
<svg style='width: 22px;height: 22px;vertical-align: -5px;margin-right: 10px;transition: all .3s ease;' viewBox='0 0 24 24'><path d='M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z' fill='#000'/></svg>
<span itemprop='name'>Privacy Policy</span></a>
</li>
<li>
<a href='#' itemprop='url' title='Sitemap'>
<svg style='width: 22px;height: 22px;vertical-align: -5px;margin-right: 10px;transition: all .3s ease;' viewBox='0 0 24 24'><path d='M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z' fill='#000'/></svg>
<span itemprop='name'>Sitemap</span></a>
</li>
</ul>
</nav>
</div>
