Thumlog Productions » tumblr theme

How To Create Your Own Custom Tumblr Theme?

Syuxx — Sat, 22 May 2010 10:26:31 +0000

Tumblr is one of great microblogging site that we have out there. The simplicity of using it, attract many people to sign up and have one Tumblr account. You also can freely customize your Tumblr the way you want. But, could you create your own custom Tumblr theme? Yes, it is possible for you to create your own custom Tumblr theme. In this post, I’ll help and guide you the way to create your own custom Tumblr theme.

Creating your custom Tumblr theme is just like how you create custom themes or template for other blogging platforms such as Blogger & WordPress. Tumblr allowed their user to create their own custom Tumblr theme with the use of XHTML & CSS code. Just like how you create the other blog CMS custom theme. The different in creating your own custom Tumblr theme is only the loop code that being use.

To create your own custom Tumblr theme, first design the mock up of the custom Tumblr theme using Adobe Photoshop. By having a mock up design of your custom Tumblr theme, you’ll be able to visualize how the final result of the custom Tumblr theme would look like. It also help you to manage the images that will be use to code up your own custom Tumblr theme soon.

Here’s some video on how to create a basic mock up design using Adobe Photoshop. Use you own creativity to create a much more awesome custom Tumblr theme mock up.

www.youtube.com/watch?v=tTLt-D8foQs

And then, slice your custom Tumblr theme mock up images that will be use soon. After that, code the basic XHTML structure of the custom Tumblr. Just code the HTML first. Then, spice it up using CSS. This part might require you to have knowledge in HTML and CSS. You can learn it at W3schools website.

www.youtube.com/watch?v=vMHImaQucQA

After you have the complete structure and working HTML site, now it is time to insert the Tumblr loop code to create your own custom Tumblr theme. If you were familiar with creating WordPress theme, then creating your own custom Tumblr theme is the same way. Just insert the Tumblr loop code into the HTML that you have created before. For Tumblr loop code reference, check out Tumblr Custom Theme Documentation page.

And that is how you can create your own custom Tumblr theme. Design the mock up in Adobe Photoshop first, then code it into XHTML & CSS and insert the Tumblr loop code. There you have your own custom Tumblr theme. You also can use jQuery to make your custom Tumblr theme look more awesome.

I know right, it is involve to many technical aspects in order to create your own Tumblr theme. For those who are not familiar with HTML & CSS language, this would be tricky for you guys. So, my advice is to start with any Tumblr theme that you can find it Tumblr Theme Garden. There are a lot of them. Then, try to tweak any of the Tumblr theme using W3school as reference.

There is no shortcut in learning how to create your own custom Tumblr theme. It just practice make perfect. So just keep try and error in order to create your own Tumblr theme. If you have Tumblr account, do follow my Tumblr at HelloSyuxx :D

Simple Tumblr Theme: ProWhite 2.0

Syuxx — Thu, 12 Mar 2009 08:38:06 +0000

Seems it like many people are coming to this site searching for tumblr theme, I wouldn’t want to disspointed you all. So, here I am again updating a new cool, beautiful and nice tumblr theme for your tumblelog. So, I just stumbled upon this nice clean tumblr theme called ProWhite 2.0. It is a really nice tumblr to be used to your tumblelog. Lets check out what this ProWhite 2.0 theme have for your tumblelog.

First of all, I choosed this tumblr theme layout to be share with my readers because I love the simplicity of this theme. It is in plain white color with nice soft light blue sidebar. This theme is 2-column tumblr theme created by Josh Jenkins and it is named as ProWhite 2.0 Tumblr theme. It maybe a bit boring tumblr theme for someone that seek for interesting and colourful tumblr themes. But you can adjust this tumblr theme to any color that you want using CSS.

And if you don’t know anything about CSS, don’t worry because you also can use Customizeable Color option in tumblr settings since this tumble theme is built in with this functions.

It also have a menu bar with search box at the top of this tumblr theme left sidebar. Really nice minimalistic sidebar. It have a built-in Tumbleroll widgets to show tumblr blog that you follow. And if you are a Twitter user, this tumblr theme also has a built-in Twitter Widgets so you can tell your tumblelog readers your current twitter twitts. Oh, by the way follow me in twitter too if you have one: Twitter // Syuxx .

Apart from that, this tumblr theme also offer you with built-in embeded Disqus Comment Thread widgets. All you have to do is replaced the Disqus Widget code with your own disqusforumurl code. Disqus is a really good comment widgets to be used with your tumblr theme layout.

Enough said, you can download & live preview this tumblr theme code & read the installations guide at ProWhite official page: ProWhite 2.0

And thanks for visitor that come to my blog searching for tumblr themes !! Over 300 peoples per day come to my blog looking for tumblr themes to be used on their tumblelog !! Cool

Tumblr Theme: Minimal ch;

Syuxx — Tue, 16 Dec 2008 18:39:21 +0000

Ahoy! Mateys, here we go again for the Tumblr themes. For today, I would like to feature this cool free themes called Minimal Ch;. This is a free tumblr themes created by Chopan which I also has featured him before in my Coolest Tumblr Theme Roundup. Take a look on my review about this cool free tumblr themes.

Minimal Ch; is a really good looking minimalist and simple tumblr theme. Well suit to it’s name, Minimal. This tumblr themes were using rounded edges in the design. So, It kinda professional looking tumblr themes to be used. It also has a sidebar for you to put something else there such as blogroll, tumbleroll, search box, ads, about me and many more.

I also love the color combination of this Tumblr theme. It used 3 basic main color in it. And yeah, I love this Tumblr theme by chopan. You can modded it to add some more cool function in it. Or else if you just want to keep it minimal, just use it. A really good choice Tumblr themes for anyone that seek for simple but yet elegent tumblr theme. Preview and download this Tumblr Theme at it demo page: Minimal CH;

Tumblr Themes: Hermetiqa

Syuxx — Sat, 13 Dec 2008 20:15:20 +0000

It seem like there are many people searching for Tumblr Themes to be used in their Tumblr blog. So, here I am to help you searching for a great good looking Tumblr Themes for your Tumblr blog. I created a new Category on this blog for this Tumblr Stuff. Well, Tumblr is such a great micro blogging medium. You should have one Tumblr Blog as your Web 2.0 Application. This is the first Tumblr Themes for you: Hermetiqa

Hermetiqa is a really good looking Tumblr Theme design by Chvnx. This Tumblr Themes were using transparent design concept with some wood textures as the background for this theme. It look really simple and good looking Tumblr theme to be used. A bit modification to it will spice up this Tumblr theme to your Tumblr blog.

Hermetiqa also was built with 2-column tumblr theme design. Looking good too for you to add something there such as your biorgraphy, widgets and many more. As I have said before, a bit modification to this Tumblr theme CSS & HTML will make it look more better.

You can see this great Tumblr Theme demo at here: Hermetiqa | Download

Tumblr Theme coolest design roundup 2

Syuxx — Sat, 18 Oct 2008 02:48:57 +0000

Before this, I have make a list of cool Tumblr Theme design and some tumblr free theme. I receive a lot of good amount of feedback, trackback and traffics from that post. Well, everyone love the tumblr design. Simple but work like charm. I also wanted to make my own Tumblr theme design, but it need time for me to study the codes. It just a simple xhtml & css code. So, here we go again, the Tumblr Theme coolest design roundup 2!

Jam Factory Online Portfolio

This theme design is really awesome. If you were looking for a tumblr theme that has been integrate with flash, JamFactory is a good example. This Tumblr theme owner using flash at the header and the link navigation bar. He also use .png transparency in this theme. Really awesome. You should check his tumblr theme at → JamFactory Tumblr Theme.

Dustin Hoffman’s Word

My first impression when looking at this theme is, “Oh, look at his tweeter. That’s so cool”. Dustin has style his tumblr theme with different css style on each different type of post. This tumblr design color scheme is really good. Check out his tumblr → Dustin Hoofman’s Tumblr Theme.

Dustin Develop

Well, this tumblr theme developer is also the same as above. But this one is much more attractive. With a bright colour scheme and using hot magma with dinasour in it, this is another coolest tumblr theme design. Just like his tumblr theme above, this tumblr theme was also style with different css for every each different post type. Well, his tumblr design make you feel back in the Jurassic World !. Checkout this tumblr theme → Dustin develop Tumblr Theme.

Im in like with you

ImInLikeWithYou. Nice catchy domain name. His tumblr theme also really cool. He use rounded corner a lot in this tumblr design. As usual, theme header is the thing that i would like to see first. This theme was own by a web developer. Check out his blog post and his tumblr theme → Iminlikewithyou Tumblr Theme.

Tumblr: it’s the interweb

This tumblr theme design is own by StevenBeelen. This is a portfolio look like tumblr theme. Check it out, He use jQuery in this tumblr theme. Yeah, it’s really cool to see eveything pop-up and play just inside the box. Well, jQuery is a really cool thing to be integrate in your web design. Checkout his design → Steven Beelen Tumblr Design.

Extra Firm Hold

Cookies! This personal Tumblelog has simple & cool design. Using white color and wood textures in his design, the tumblr header once again impress me. Cookies and headphone. Well, this tumblr theme is well build. He has his twitter update on the right sidebar. On the earphone, he has his latest tune in his last.fm profile. Why not check it out by yourself → Extra Firm Hold Tumblr Theme.

That’s all for this second Tumblr theme collest design Roundup. There’s more and more cool tumblr theme will be created soon and I will take some of my time to show it to you!

6 cool tumblr blog theme design

Syuxx — Wed, 03 Sep 2008 18:48:16 +0000

Tumblr has become one of the famous microblogging platform in this web 2.0 life. Well, microblogging also does not make people lose their creativity. You can see a lot of cool tumblr blog design made by all those creative people. Pimp up your tumblr log wasn’t that really hard since you can access almost everything in Tumblr. So here you go my Six top list beautiful tumblr themes design.

Ziked – Tumble log of a crazy diamond

Ziked is one of my most top list in Tumblr theme design. It has a clean layout with wood textures as the background. What make his tumblr layout even much more cool is the paper note textures. Well, it make his tumble log look like a real notebook or papernote. Yeah, he is trying to change the world. Haha. Visit → Ziked Tumblr log.

Hello, Adam

Hello, Adam tumblr log design is simple but yet cool. I love the most his tumble log color combinations. Soft brown with some pink and light blue tumblr themes. Adam is a graphics designer. Hire him for a design. Adamjustkidding, visit his tumblr.

Chopan

My first impression when i visit this tumblr log was, WOW! Look, everyone must be impress by his skill. At first, the header is made with a grungy style. And you also can checkout the css span technique at his navigation bar. I might not be able to understand what he is write on his blog since it is in foreign language. But who care, i heart Chopan Tumblr blog design. Visit → Chopan Tumblr log.

Funky Love Bunny

A dark tumblr theme template. A colourful tumblr layout with dark as it main colour. This tumblr blog discuss a lot about random thing that Funky Love Bunny love the most. He use a lot the Cooper Black font in this tumblr theme design. Just visit → FunkyLoveBunny!

Rashy Streakers

A basiclly grungy tumblr theme design. Hey, look at his theme. I know it take a really hard work to do that. He use pencil sketches in his tumblr design. Yeah, it just a simple tumblr theme design. But it is rare to see something like that. Mostly, he also do post things that related with design. Visit his tumblr log → RashyStreakers.

Almost Everything!

It’s a show on the internets. Well, just like how this tumblr log title describe it all. Almost everything is an online series that showed in Internet. So, this tumblr log was design for a video based tumblr theme. The theme use a papernote texture as it’s main background. A sketches font that look like the Pointy Font. Just watch it → Almost Everything!

Well, that is the list for my 6 cool tumblr themes design that i have stumbled upon. There’s a lot more out there. I need to take time to check them out and reveal them here. Haha. As conclusions, everyone must love tumblr! You also can read about my 7 cool tumblr themes for tumblr-log at my late blog.

How to insert custom tumblr theme

Syuxx — Sat, 12 Jul 2008 01:58:23 +0000

Once again, believe me Tumblr is the coolest microblogging platform. Better than Blogspot, cooler than Twitter. Haha. Before this, i have i have make a post about 7 cool Tumblr themes for Tumblr blog for you to test on your Tumblr Blog. I have got an email through my Contact Me page according How to insert custom themes to Tumblr Blog. So, here it is How to add a new Tumblr theme to your Tumblr.

First, once again go back to the 7 cool Tumblr themes for Tumblr blog post. Search for any themes that is suitable for your Tumblr. Then get the codes for the theme. Copy first all of the codes. For example here, im using the Twitter Tumblr Theme for my tumblr.

After that, go to your Tumblr Dashboard. Then click the customize tumblr button. We are one more step away to make your Tumblr beautiful with awesome theme.

In the Tumblr customize page, go to Theme button. The Tumblr Theme button is located at the top of the page. Then, you will be directed to another page. Here is how you will add the code that you has copied before. To insert the custom Tumblr theme code, click Enable Custom Theme. After that, you will see a white box containing codes. To apply the new theme, all you have to do is press Ctrl+A on your keyboard to select all and then press Ctrl+V to paste/replace it with the new Tumblr theme code.

If you want to preview the Tumblr layout first, click on preview button. You may have to modified the Tumblr template if needed. But dont worry, you didnt have to dirty your hand to much with the codes. Satisfied with the new Tumblr skin look? Hit Save changes and your done.

If the theme has enable custom clour codes in the Tumblr theme code, you can customize the theme colors in Tumblr Customize page. Just click at the Color Tab and adjust it to suit your own Beautiful Tumblr theme.

Tagged: 5 fav links & blog

Syuxx — Mon, 03 Mar 2008 12:21:15 +0000

I was tagged by Izuddin which had been tagged before by Deenasour. So, here it goes my 5 favourite Website and Blog to be visited daily. A must actually. Lol.

1. Friendster.com

Friendster is the first website that will be open everytime the browser startup. This is where i stay connected with my old, current and new friends. Also where i can find hot chicks to be meet in raelity. lol. From here also, i learn the basic of HTML and CSS accidently. lol ^^V

2. Tumblr Log

Tumblr.com is my new addiction as what i’ve state at my late post right? Here is place where i post crappy, rambling and cursing stuff. Lol. It really cool and easy to use dowh.

3. Nuffnang.com.my & Innit.Nuffnang.com

From this website, i can anylyse my blog statics. Why? because i think Nuffnang one is really user friendly. Haha. Even i didnt get any ADS from Nuffnang for about a month already. What happen Timothy Tiah? Aiyaaa. I love Innit too. I heart Dung off people post than Nang it. *evil eye. ekeke

4. Youtube.com

Just like khai, youtube also my favourite website. I rarely watch TV. So, youtube is the place for me to watch latest news, movies, music video and ~~semi-pr0n~~. lol. I also learn how to dance from this website too. And some tutorial and DIY stuff too. See, youtube is really usefull. iHEART youtube. haha

5. Imeem.com

Imeem is the place where i can listen music via web streaming. Yah, i love to upload music here too because it cant be downloadable by others. Hahaha. Imeem is better that esnips.com !!

For top FIVE blog that visited by me is:

1. Mohdismail.net – I heart this malay blog so much.

2. Flisterz.com - Even his blog is rarely update, but i love to see his blog design. Ofcourse im anylsing something from that blog. haha. :P

3. Syamsulariff.com - An informative blog to be visited by you. It have different type of topic been posted daily. ^_^

4. Justkhai.com – Another malay blog that i really heart for it informative content.

5. 5xmom.com – Money blog TIPS! i love 5xmom rambling about pagerank and online money making.

Urghh~ i dont have anyone to tagged. haha.