By using this site, you agree to the Privacy Policy and Terms of Use.
Accept
DIGITAL TRENDDIGITAL TREND
  • Tech Updates
  • Featured
  • Course
  • Tutorial
  • News
  • Technology
  • Mobiles
  • Spotrs
Search
© 2022 digitaltrend.in Company. All Rights Reserved.
Reading: How to Create Simple BioLink With Bloggers Template Step By Step
Share
Notification Show More
Latest News
Download Magic of Mutual Funds By CA Rachana Ranade
30/09/2022
Download Himesh Madan Videoprenaur Course for Free
28/09/2022
Download Affiliate Marketing Masterclass Course By Digital Dipak Free
26/09/2022
How to Get Canva Pro For Free For LifeTime
21/09/2022
Download CA Rachana Ranade – Basics Of Stock Market Course
19/09/2022
Aa
DIGITAL TRENDDIGITAL TREND
Aa
  • Tech Updates
  • Mobiles
  • Programming
  • Hacking
  • Featured
  • Technology
  • Tools
  • About Us
  • Contact Us
  • Terms And Conditions
Search
  • Tech Updates
  • Mobiles
  • Programming
  • Hacking
  • Featured
  • Technology
  • Tools
  • About Us
  • Contact Us
  • Terms And Conditions
© 2022 digitaltrend.in Company. All Rights Reserved.
Join Whatsapp Group To get Daily Update.
DIGITAL TREND > Blog > Tutorial > How to Create Simple BioLink With Bloggers Template Step By Step
Tutorial

How to Create Simple BioLink With Bloggers Template Step By Step

SUPERMAN♥
SUPERMAN♥ 18/07/2022
Updated 2022/07/18 at 1:49 PM
Share
7 Min Read
SHARE

BioLink is one of the best Web page for all influencer Youtuber, Tiktoker, and many more. As we know a lot of Biolink websites aren’t free, so we need to pay to unlock the best features on their website. So today we are going to share you how to make BioLink with Blogger for Free and Faster using Simple BioLink Blogger Template . You might be wondering can we make a bioLink website using blogger? Yes, It is possible to create a free BioLink website in Blogger with the same features as other websites bioLink.

In this article we are going to review first about Biolink Blogger Template.

If we talk about this template as we know from the author they have included more than 13 features which are:

Simple Design Pages
 100% Responsive 
Compatible with Blogger 
Font Google Ready 
Font Awesome Version 5 Ready
 Customized for Color Theme
 SEO Optimized 
Flexible Theme Options 
Widget Version 2 Blogger Ready
 Optimize design for mobile
 High Speed & Performance 
RTL Language Support 
Cross Browser Compatible


These features is the most common used by other BioLink website which made special for Bloggers Users. Another things is you can install this template by using with Easily Step By following instruction down below :

Step 1, Open your Blogger Dashboard

Step 2, Click on Theme in Navigation Bar

Step 3,  Click on Drop Down Nearby Customize

Step 4, Choose “Edit HTML”

Step 5, Copy These Code and Paste it in there and Click Save.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.1' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
&lt;head&gt;
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<meta expr:content='data:blog.title.escaped' property='og:title'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:view.description.escaped' name='og:description'/>
<meta content='https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200' property='og:image'/>
<meta content='rian_seo' property='profile:username'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.title.escaped' name='twitter:title'/>
<meta content='https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200' property='twitter:image'/>
<meta expr:content='data:blog.url.canonical' name='twitter:url'/>

<title><data:view.title.escaped/></title>
<link href='https://pro.fontawesome.com/releases/v5.15.0/css/all.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css2?family=Inter:[email protected];500;600;700&amp;display=swap' rel='stylesheet' type='text/css'/>
<link href='https://cdn.jsdelivr.net/gh/rianseo/rianseo.github.io/biolink.min.css' rel='stylesheet' type='text/css'/>

<b:skin version='1.0.1'><![CDATA[/*
<Variable name="interBold18" description="Inter Bold 18" type="font" default="700 18px Inter, sans-serif" hideEditor="true" value="700 18px Inter, sans-serif"/>
<Variable name="interNormal16" description="Inter Normal 16" type="font" default="16px Inter, sans-serif" hideEditor="true" value="400 16px Inter, sans-serif"/>

<Variable name="keycolor" description="Main Color" type="color" default="#0D0C22" value="#0D0C22"/>
<Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" />
<Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" />

<Group description="Backgrounds">
<Variable name="body.link.color" description="Link color" type="color" default="#0D0C22" value="#0D0C22"/>
<Variable name="body.background.height" description="Background height" type="length" min="420px" max="640px" default="480px" value="480px"/>
<Variable name="body.background" description="Background" color="$(body.background.color)" type="background" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.shadow" description="Background overlay shadow" type="color" default="rgba(0,0,0,.26)" value="rgba(0, 0, 0 ,0)"/>
<Variable name="body.background.color" description="Body background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="body.background.blur" description="Background blur" type="length" min="0px" max="50px" default="0px" value="0px"/>
</Group>

<Group description="Blog title" selector=".widget_bottom h3">
<Variable name="blog.title.font" description="Font" type="font" default="$(interBold18)" value="bold 18px Inter, sans-serif"/>
<Variable name="caption.font" description="Font caption" type="font" default="$(interNormal16)" value="normal 16px Inter, sans-serif"/>
</Group>

<Group description="Widths">
<Variable name="content.width" description="Content width" type="length" min="600px" max="680px" default="680px" value="680px"/>
</Group>
*/

/*!************************************************
* Theme Details
* Name : Simple Biolink
* Licensi : Free
* Publisher : https://www.shubhamblogging.com
**************************************************/
.widget_bottom p,.bioLink-text{font-weight:600!important}.widget_bottom img{box-shadow:0px 6px 14px -6px rgb(24 39 75 / 12%), 0px 10px 32px -4px rgb(24 39 75 / 10%), inset 0px 0px 2px 1px rgb(24 39 75 / 5%)}a:link,a:visited,.widget_bottom h3,.widget_bottom p{color:$(body.link.color)}.bg-rianseo{background:$(body.background.color)}.widget_bottom{width:$(content.width)}.widget_bottom h3{font:$(blog.title.font)}.widget_bottom p,.bioLink-text{font:$(caption.font)}.bioLink-shadow{border:0 solid $(posts.background.color);background:$(posts.background.color)}
@media (max-width:768px){.widget_bottom {width:90%}}.svg-icon-24 {width:32px;height:32px;fill:#0D0C22}.svg-icon-24:hover {fill:#ef5321}.copyright-web .blogger a {font-size:0;display:inline-block}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
]]></b:template-skin>
</b:if>
&lt;/head&gt;&lt;!--<head/>--&gt;

<body>
<div class='container'>
<div class='bg-rianseo'/>
<b:section class='widget_bottom' id='widget_bottom' name='Simple Biolink By ShubhamBlogging.Com' preferred='yes'>
<b:widget id='Image1' locked='true' title='KodesWeb' type='Image' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwWaZ6vTX66c-qYQjqEsc_ulXxrt6Aib6WqvfpWR9XbiQphRfybEsBqUqDXAFPFoZMN80nOCFGTjKWq3VGxc3R6_aF3qThP4lXvC5-t83Oxdc-KIRzh4rdkVgSKHGM3z4WM2DQ4xvARXBhG5L9miIIcYAZdmaUL0XStKvcZDAkCG4v83YyJy_K2Z39g/s500/Untitled%20design.png</b:widget-setting>
<b:widget-setting name='displayHeight'>512</b:widget-setting>
<b:widget-setting name='sectionWidth'>790</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>512</b:widget-setting>
<b:widget-setting name='link'>https://www.shubhamblogging.com</b:widget-setting>
<b:widget-setting name='caption'><![CDATA[Our Website Provides Information About Blogger, WordPress,Tips & Tricks, SEO, AdSense, Also Provide Premium Blogger and WordPress Template and Plugins for Free]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
<div class='widget-flex'>
<b:include name='widget-title'/>
<svg fill='none' height='16' viewBox='0 0 16 16' width='16'><path clip-rule='evenodd' d='M8 0L9.99182 1.3121L12.3696 1.29622L13.3431 3.48797L15.3519 4.77336L14.9979 7.14888L16 9.32743L14.431 11.1325L14.1082 13.5126L11.8223 14.1741L10.277 16L8 15.308L5.72296 16L4.17772 14.1741L1.89183 13.5126L1.569 11.1325L0 9.32743L1.00206 7.14888L0.648112 4.77336L2.65693 3.48797L3.6304 1.29622L6.00818 1.3121L8 0Z' fill='#0095F6' fill-rule='evenodd'/><path clip-rule='evenodd' d='M10.4036 5.20536L7.18853 8.61884L6.12875 7.49364C5.8814 7.23102 5.46798 7.21864 5.20536 7.466C4.94274 7.71335 4.93036 8.12677 5.17771 8.38939L6.71301 10.0195C6.9709 10.2933 7.40616 10.2933 7.66405 10.0195L11.3546 6.10111C11.6019 5.83848 11.5896 5.42507 11.3269 5.17771C11.0643 4.93036 10.6509 4.94274 10.4036 5.20536Z' fill='white' fill-rule='evenodd'/></svg>
</div>
<b:if cond='data:caption'>
<p class='caption'><data:caption/></p>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='true' title='Social Media' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-5'>https://www.kodesweb.com/</b:widget-setting>
<b:widget-setting name='link-3'>https://www.kodesweb.com/</b:widget-setting>
<b:widget-setting name='link-4'>https://www.kodesweb.com/</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting name='text-0'>facebook</b:widget-setting>
<b:widget-setting name='text-3'>youtube</b:widget-setting>
<b:widget-setting name='text-2'>instagram</b:widget-setting>
<b:widget-setting name='text-5'>pinterest</b:widget-setting>
<b:widget-setting name='text-4'>tiktok</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>https://www.kodesweb.com/</b:widget-setting>
<b:widget-setting name='link-2'>https://www.kodesweb.com/</b:widget-setting>
<b:widget-setting name='link-0'>https://www.kodesweb.com/</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul class='social'>
<b:loop values='data:links' var='link'>
<li expr:class='data:link.name'><a expr:href='data:link.target' expr:title='data:link.name'/></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList2' locked='true' title='More Link' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'><![CDATA[PROGRAM: Join The 5-Day Write & Ignite Challenge!! ⚡️🚀]]></b:widget-setting>
<b:widget-setting name='text-0'>Premium Blogger and WordPress Template and Plugins for Free </b:widget-setting>
<b:widget-setting name='text-3'>FREE: 🔥 My Hot Offer Checklist</b:widget-setting>
<b:widget-setting name='text-2'>FREE: &#9999;&#65039; Download My FREE F2B Converter</b:widget-setting>
<b:widget-setting name='text-5'>FREE: Customer Avatar Template 💥</b:widget-setting>
<b:widget-setting name='text-4'>FREE: My 6-Figure Mindset Map 💵</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>https://www.kodesweb.com/</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div class='bioLink'>
<b:loop values='data:links' var='link'>
<div class='bioLink-item'>
<div class='bioLink-shadow'/>
<a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><span class='bioLink-text'><data:link.name/></span></a>
</div>
</b:loop>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://kit-pro.fontawesome.com/releases/v6.0.0/css/pro.min.css");
//]]>
</script>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

Conclusion

So here is your final result of your BioLink Using Bloggers with easily step we hope you enjoy and Don’t forget to check our other post for other sharing benefit, Thank you so much for your time.

You Might Also Like

Guide Bypass Mega Download Limit 2022

What are the most useful Google tricks for programmers?

How to Add Chapter Marker in YouTube Videos?

Bypass PayPal Verification Method 2022

How to transfer data from one Android to another [Set up new]

TAGGED: how to Make Blogger Biolink website

Sign Up For Daily Newsletter

Be keep up! Get the latest breaking news delivered straight to your inbox.
[mc4wp_form]
By signing up, you agree to our Terms of Use and acknowledge the data practices in our Privacy Policy. You may unsubscribe at any time.
SUPERMAN♥ 18/07/2022
Share this Article
Facebook TwitterEmail Print
What do you think?
Love0
Sad1
Happy0
Sleepy0
Angry1
Dead0
Wink0
Previous Article Dooo v2.0.5 Movie & Web Series Portal App
Next Article SAURABH BHATNAGAR TIMELINE DOMINATION Download For Free

Stay Connected

235.3k Followers Like
69.1k Followers Follow
11.6k Followers Pin
56.4k Followers Follow
136k Subscribers Subscribe
4.4k Followers Follow

Latest News

Download Magic of Mutual Funds By CA Rachana Ranade
Course Tech Updates 30/09/2022
Download Himesh Madan Videoprenaur Course for Free
Course 28/09/2022
Download Affiliate Marketing Masterclass Course By Digital Dipak Free
Course 26/09/2022
How to Get Canva Pro For Free For LifeTime
Featured 21/09/2022
https://pbs.twimg.com/profile_images/1542611508093661184/MR5LYGqH_normal.jpg
@envato
1.5k Following
70.9k Followers
https://pbs.twimg.com/profile_images/1542611508093661184/MR5LYGqH_normal.jpg 5 hours ago
@johwaswa When it comes to item specific support or issues, we recommend you contact the author of the item and req… https://t.co/4C0BbZsF0A
https://pbs.twimg.com/profile_images/1542611508093661184/MR5LYGqH_normal.jpg 8 hours ago
@DamienSwaby Thank you for the information. I was able to confirm a colleague has responded. I will now be closing… https://t.co/S0ftgj0tfj
https://pbs.twimg.com/profile_images/1542611508093661184/MR5LYGqH_normal.jpg 13 hours ago
@hturleysheppard Hi! Thanks for reaching out. Could you please send me ticket numbers of your request and I will have a look? Thanks^C

You Might also Like

Tutorial

Guide Bypass Mega Download Limit 2022

18/08/2022
Tutorial

What are the most useful Google tricks for programmers?

27/04/2022
Tutorial

How to Add Chapter Marker in YouTube Videos?

13/01/2022
Tutorial

Bypass PayPal Verification Method 2022

20/12/2021
//

We influence 20 million users and is the number one business and technology news network on the planet

DIGITAL TRENDDIGITAL TREND

© 2022 Foxiz News Network. Ruby Design Company. All Rights Reserved.

Removed from reading list

Undo
AdBlock Detected
Our site is an advertising supported site. Please whitelist to support our site.
Okay, I'll Whitelist
Welcome Back!

Sign in to your account

Lost your password?