Blogger Me Profile Card Kaise Banaye

January 07, 2021

Blogger Me Profile Card Kaise Banaye

Profile Card ka bahut hi khaas role hota h blogger me. iski madad se aap ape blog ke contributors ke identity card bana sakte hai. iski madad se aap apne blogger ke Founder, Editor, CEO, Admin, etc ki profile ko apne blog par laga sakte hai. iska Demo Dekhne ke liye yaha Demo par Click kare. How to Create Profile Card in Blogger?

Agar aapko CSS aur HTML ki thodi si information h to aap bahut hi badhiya aur professional Profile Card bana Sakte hai.

Profile Card Kaise Banaye?

1. Sabse Pahle Blogger Par Ek New Page Create Karen.

2. HTML compose box me neeche diya gaya code paste kar den.

<style>
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
}

.title {
  color: grey;
  font-size: 18px;
}

button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button:hover, a:hover {
  opacity: 0.7;
}
</style>

<body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="card">
  <img src="https://1.bp.blogspot.com/-BOV-KghSKHo/X7YVKK6hufI/AAAAAAAACig/PIuBLDs3KBoFnXIV1kABlxZePscWDC93gCLcBGAsYHQ/s16000/usman.jpg" alt="Usman" style="width:100%">
  <h1>Mohd Usman</h1>
  <p class="title">CEO & Founder</p>
  <p>Usman Plus</p>
  <a href="#"><i class="fa fa-twitter"></i></a>
  <a href="#"><i class="fa fa-instagram"></i></a>
  <a href="#"><i class="fa fa-facebook"></i></a>
  <p><button onclick="window.location.href='https://usmanplus.blogspot.com/p/contact-us.html';">Contact</button></p>
</div>
</body>

3. Ab Photo aur Social Media ka URL apne Url se replace kar den.

4. Page Ko Publish Kar den.

Ab Aapka Profile Card Ready hai.

Agar Aap 1 se Jyada Profile Card Banana Chahte hain to neeche ke code ko pichle code ke baad 1 baar phirse paste karden.

1 comment

Unknown

Profile Creation Sites List - Hight DA PA Dofollow Links

Look for the high page ranking profile creation sites on the internet search engine. Pick one by one website to earn profiles on social networking networks.

Profile Creation Sites List - https://bit.ly/3pJQRPk

To insert a code use code_here
To insert a quote use your_qoute
To insert a picture use url_image_here