READ ME: Welcome to Orb Weaver!

Friday, February 12, 2021 —



 PLEASE READ THIS POST.

This is a minimalist responsive theme for Blogger. It will not work on other plataforms, such as WordPress, Ghost, Wix, etc. Please, don't ask for adaptations.

If you want to know how the typography on this theme works, you can check it here.

There's also an example page here.

2 versions of this theme

There are two versions of this theme:

  • one that displays the full post on the homepage;
  • one that creates an automatic read more button.
If you wish to control where on the post will be the jump break, then use the full post version and add jump breaks to your posts manually via the Blogger post editor. If you don't care for where the jump break occurs on the post, you can use the verson with automatic read more.

Setting up the profile widget

If you want to set the theme up yourself, you need to know how to customize the profile so it looks the same it does in the preview.

The code for the profile widget is this one:

<center>
<img src="PROFILE IMAGE URL" style="-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 90%; margin-bottom: 15px;" />
</center>

<p style="text-align:center;">YOUR PROFILE TEXT GOES HERE.</p>

<center>
<ul class="socialmedia">

<a href="TWITTER LINK HERE" title="Twitter" target="_blank"><li class="icone"><i class="fa fa-twitter" style="color:#000000"></i></li></a>

<a href="INSTAGRAM LINK HERE" title="Instagram" target="_blank"><li class="icone"><i class="fa fa-instagram" style="color:#000000"></i></li></a>

<a href="FACEBOOK LINK HERE" title="Facebook" target="_blank"><li class="icone"><i class="fa fa-facebook" style="color:#000000"></i></li></a>

<a href="PINTEREST LINK HERE" title="Pinterest" target="_blank"><li class="icone"><i class="fa fa-pinterest" style="color:#000000"></i></li></a>

</ul>
</center>

It's highly recommended you delete all your widgets before uploading this theme, so it won't overlap with pre-existing widgets that may mess up the code.

Displaying post images correctly

If you want the post images to look the same as they do in the preview, remember to always use them in the original size after upload. Also delete this code Blogger adds automatically (delete only the bold part):

<div class="separator" style="clear: both; text-align: center;"><a href="IMAGE URL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="IMAGE URL GOES HERE" /></a></div>

Contact me if you need any help

If you have any questions about how to set up the theme or need any other kind of support, please feel free to contact me at alkhimmasha@gmail.com

2 comments