Hi! I've been asked for a tutorial on my new Google layout, originally seen here and here. So, to make it easy, here are FOUR free templates! All I ask is that you give me proper credit in your caption if you use my template or take inspo from my design. Enjoy! :)
Get the NEW Google templates free via ko-fi! (Donations appreciated but not required <3) Includes PSD templates with pre-made layer masks, shapes, and animations, plus tips for the following designs:
– Image search results
– Biography
– Related searches
– Animated "no search results"
Additional resources:
– My original animated Google search overlay tutorial & template
– Karla Google Font (this is the only font used)
– Background via Unsplash
Hello! I received a few messages asking me to share the template that i made for my cal kestis playlist set, so I thought it was time to make a post for it!
Below is some basic info + download link.
the font used here is called figtree from google fonts
the layers are all labeled, some with basic info that tells you what to edit/adjust
the play/pause button layer-group uses a layer mask, but the pause button rectangles are included as well in case you run into any issues.
i made this template myself, so all i ask is that you don't claim as your own & you give proper credit if you end up using it!
the link to download the template is here.
feel free to tag me in your edits! i would love to see them <3
this is the template i used to create my robin playlist from this robin set. i've shared this with a few people, but i wanted to make it available for everyone that asked about it/was interested in using this template.
below is some basic info + download link.
the font used here is called figtree
all of the layers are labeled, some with basic info like blend modes
each song has it's own layer group
the headphones emoji is an image, not an emoji font
the playlist cover is 88px
the profile/user photo is 14px
i remade this template, so please let me know if anything is not working or gets confusing :)
all i ask is that you don’t claim as your own & you give proper credit if you end up using this template, as i made it myself.
the link to the template is here.
feel free to tag me in your edits! i would love to see them <3
INK OVERLAY GIF PACK
gifs for you to use in your overlays, graphics or backgrounds - or just as they are! please like or reblog if you intend to use - many thanks…
Octomoosey <3
This is a single-column Tumblr theme with a left sidebar and a body font family of your choosing (Google font). Optional dark mode, search bar, and update tab included. Full support of npf posts. You agree to my terms of use by using this theme.
Static previews:
left sidebar (1)
left sidebar (2)
Download code: GitHub
Read about features and notes below the cut
Customize colours for dark and light mode
Font-size (11-18px)
Post-width (350-540px)
Customizable post margin (set to 130px)
Custom title + description box
Photoset gutter (1-4px)
Toggle between sharp or round corners on content
Toggle between displaying or hiding Tumblr controls behind an icon
Toggle between regular or accented pinned post
Choose between displayed tags or upon a toggle
Choose to display post info as text or icons (reblog + like)
Optional sidebar icon image
Optional update tab
Optional dark/light mode
Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.
Navigation: An unlimited display of native Tumblr pages within a dropdown. Learn how they work in my FAQ here. Custom home + ask + navigate links as well as their icons - learn about how to change them further down under icon change.
Sidebar Icon: Choose a size between 40px/55px/70px, with shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: If you decide to offer dark mode, it detects if visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Update tab: to hide the update tab completely delete the text in the Update Tab title text-field. To hide an activity, delete the text in the activity field you want to hide. Learn about how to change them further down under icon change.
Icon Change: To change icons in either the menu or update tab, find the text field for the icon you want to change, go to Lucide.dev/icons and copy the code for the icon like I've highlight below:
Notes:
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog settings.
This is a single-column Tumblr theme with an sidebar (left or right option), and a body font family (Google font) of your choosing. Optional dark mode and update tab included. Supports NPF posts.
Read features and notes below the cut
You agree to my terms of use by using this theme.
Features:
Customize colours for dark and light mode.
Font-size (11-18px)
Post-width (350-540px)
Photoset gutter (1-8px)
Customizable post margin
Custom title box
Custom description box
Toggle between sharp or round corners on content
Toggle between sharp or round corners on photo posts
Toggle on an accented pinned post box
Toggle on center post column
Toggle between displaying or hiding tumblr controls behind an icon
Choose between displayed tags or upon click
Choose to display post info as text or icons (reblog, like, etc.)
Optional sidebar icon image
Optional update tab
Optional dark/light mode
Search bar: The search bar will be automatically hidden if you have the option to hide your blog from search results enabled. Go to your blog's settings to do so.
Navigation: Custom home + ask + archive link titles. An unlimited display of native Tumblr pages. When creating a page, choose link instead of standard layout if you want to link to a tag or edits-page or to elsewhere on the internet. Remember to give it a title:
Sidebar Icon: a minimum of size 70x70px icon image with shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: detects if visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog settings.
This is a single-column Tumblr theme with an an accordion-like sidebar (left or right option), with a body font family (Google font) of your choosing. Optional dark mode and update tab included. Supports NPF posts.
to celebrate 100 followers i promised to share the code i’m using for my fantasy wip! that follower count has now doubled, so thanks for following, friends! <3 this page is pretty simple to fill out, and all the colors and the font can be easily changed in the root section near the top of the code.
preview / code
includes sections for details, synopsis, themes/tropes, a quote, links, and scrollable boxes for characters, and extra info/world building.
you can check out more of my codes on my themes blog!
please like/reblog if you use! also please let me know if you come across any bugs and i’ll be happy to fix them. :)
A simple custom page with a quote, description and link section alongside a 180px sidebar icon that has a hover effect. Dark mode integrated. pairs well with most of my themes!
Please note: Basic HTML/CSS knowledge is preferred if you’re going to be using this. Instructions are all in the code. Please read my terms before using.
3 different themes/styles included (instructions for that is in the code). Some HTML/CSS knowledge is highly preferred if you’re going to be using this. With dark mode and search bar. Instructions are all in the code.
Static previews: Header, left sidebar, right sidebar
Download code: GitHub
This is a (hopefully) cosy, single-column Tumblr theme with an option between a header, left or right sidebar, with two Google fonts of your choosing. Optional dark mode and update tab is included. Supports NPF posts. Features and notes below the cut.
This is a writer-friendly Tumblr theme, (it supports all post types, can easily be used with the writer features turned off), with 2 sidebars (that can switch positions), and a Google font of your choosing. Two layouts available: boxed or minimal. Included: Optional dark mode and update tab, two optional progress boxes. Supports NPF posts.
sharing the theme i’ve been using on my main blog, which a couple of anons have asked for (some of them a while ago, sorry!!). finally got around to polishing it up!
single column theme with a left sidebar and optional right sidebar that includes sections for updates, a featured project, and site info. geared towards writeblrs, but of course anyone can use! includes a sidebar image, icon, project image, five custom links, four post sizes, any google font, custom title, and iconsax icons. the audio player is the “light accent” color, which doesn’t show up in the preview for some reason! icons and sidebar image in preview via unsplash. (full list of credits here.)
Static previews: Header, left sidebar
Download code: GitHub
This is a single-column Tumblr theme with an option between a header or left sidebar, with Google fonts of your choosing. Optional dark mode and update tab is included. Supports NPF posts. Features and notes below the cut.
A fansite theme with a built-in F.A.Q., navigation, and members sections. To learn how to customize the theme, please read the theme guide!
Features:
Day and night button that will stay in the selected mode until it is turned off.
A dark mode option is also available for those who prefer a dark color scheme on their blogs instead of the default light color scheme. When you toggle the option on, the day and night mode button will change according to the scheme you are using.
Header image that can be full-screen or half the height of your screen.
Sidebar with five sections for your about me, current project, updates, schedule, statistics, and blog status. You can choose to show or hide each individual section, depending on what kind of content you want to display.
Semi-responsive. It is responsive across desktop screens, but not on mobile.
Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.
As always, explanations are in the code. I’ll be updating them from time to time. If you are having issues, take a look at this theme’s FAQ, or my general FAQ. Not finding anything? Shoot me a message. Please report any bugs to me.