#etube : Tricks 04 How To Add Stylish Post with Social Website Link on Blogger.com Website

(#_@_#) #adsnetpublisher (#_@_#)

#etube https://etubeguide.blogspot.com

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

-: About Tutorial Video :-

#etube : Tricks 04 How To Add Stylish Post with Social Website Link on Blogger.com Website

Video Description : 

TextHere

Video Tags / Keywords : 

TextHere

Video Suggested Keywords : 

TextHere


🧩 Step-by-Step Guide: Add Stylish Post with Social Links in Blogger

✅ Step 1: Sign In to Blogger

  1. Go to https://www.blogger.com.

  2. Login with your Google account.

  3. Choose your blog.


✅ Step 2: Create a New Post

  1. Click on "New Post".

  2. Switch to HTML View (important for code input).


✅ Step 3: Paste Stylish Post HTML Code

Here’s a sample stylish post box with social media links:

html
<div style="border:2px solid #eee; padding:20px; border-radius:10px; background:#fdfdfd; box-shadow:0 0 10px rgba(0,0,0,0.1);"> <h2 style="color:#333; font-size:24px; margin-top:0;">Follow Us on Social Media</h2> <p style="color:#666; font-size:16px;">Stay connected for the latest updates and tutorials!</p> <div style="display:flex; gap:10px; flex-wrap:wrap; margin-top:15px;"> <a href="https://facebook.com/YourPage" target="_blank" style="background:#3b5998; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:bold;">Facebook</a> <a href="https://twitter.com/YourProfile" target="_blank" style="background:#1da1f2; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:bold;">Twitter</a> <a href="https://instagram.com/YourProfile" target="_blank" style="background:#e4405f; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:bold;">Instagram</a> <a href="https://youtube.com/YourChannel" target="_blank" style="background:#ff0000; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:bold;">YouTube</a> </div> </div>

✅ Step 4: Customize

Replace the href values with your real social media profile links:

  • Replace YourPage with your Facebook Page username.

  • Replace YourProfile with your Twitter/Instagram username.

  • Replace YourChannel with your YouTube channel URL.


✅ Step 5: Publish

  • Click "Publish" to make the post live.

  • Preview your post to see the stylish social buttons.


💡 Extra Tips

  • You can change colors and fonts to match your blog’s theme.

  • Use Blogger’s “Layout” → “Add a Gadget” if you want this section to appear on the sidebar/footer instead of a post.


Would you like a version with icons or a floating social bar? I can customize that for you too.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

WATCHING TUTORIAL VIDEO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(#_@_#) #adsnetpublisher (#_@_#)

https://etubeguide.blogspot.com

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

New features now available! WhatsApp: +91 8972702700 ~ Adsterra Ads Auto Impression Blogging Tools {Adsterra Direct Links} | https://technicalads01.blogspot.com Learn More
=> Adsterra New Account Sign-up / FREE!!! Registration <=
banner
CLOSE ADS
CLOSE ADS