How to post codes on blogger?

Hello everyone! Today I'll show you a way how to post your code like a normal text. Recently I was looking after a way to write a code on the blog without having an effect on the blog. And most of the information that I found is about using the code and pre - tag. For me it didn't work so I searched with another terms finding something good. 
It's annoying always doing a screenshot to show the others the code that they should use or something like that. In my opinion there are two ways and one of them is really useful and easy. 

1. Post your code in the compose part

Yeah, it looks like a normal text and it's not evident, and this is why you should create a table first. Go and write the code for the table in the HTML part. 

[Click on HTML]


Then write the code. 
Example:

<table style="border:solid 1px green;"> <tr> <th> CONTENT </th> </tr> </table>

Of course, you can change the style the way you want it to be. Or you can create the table with this site: http://www.tablesgenerator.com/html_tables
Then go to the compose part and paste your code instead of the CONTENT. And that's it! Done :)

2. Format your code with a site

Click on the link: http://formatmysourcecode.blogspot.de/ and paste your code. This will create the code in text form. Than copy the HTML text and paste it in the HTML part in your post. 
If you want to change the aspect than change just this part:

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%">

I hope this post helped you. Let a comment if you want to add something. 
Thank you! ^.^

Read More

Background Patterns for your Website

Good evening,

Today I was thinking to give some links where you can find beautiful patterns for your background. My opinion is that these sites are the best. I'm using them all the time. So:

1. Subtle Patterns

It's one of the popular sites that I know. You can preview the pattern that you want on your page. Like this you can see if it's what you really want. Another way to preview this pattern is on this site: http://bradjasper.com/subtle-patterns-bookmarklet/

2. Background Labs

They also have cute patterns but most of them are too cute and not suitable for a website. But if you have a super rainbow page and like this sort of patterns, than this is the right site for you.

3. Create your own pattern

If you don't like searching trough a lot of patterns on the internet than you can just create your own background pattern. I found two good websites where you can do that.

a) BG Patterns

b) Colour Lovers

I hope this post was helpful. If you want to add something on this post, just tell me ^.^

Read More

Drop Down Menu on Blogger, Tumblr and Forumotion

Hi everybody,

As an introduction to my new blog with templates and posts about Forumotion, Tumblr and Blogger I'll begin with a "tutorial" about How to add a drop down menu on a Blog, Forum etc. 

I know that this is already written on different websites and there are also videos on YouTube and this is why I'll give you just the links that I found and a short information. Also, at the end of this post I'll tell you about the problems that you might have and how to solve them.

So lets start:

There are two sites where you can generate a drop down menu and are also very popular.
a) Drop Down Menu Generator
b) CSS Menu Maker [This is my favourite because of the large number of cute menus]

How to add them in:

1. BLOGGER

a) Drop Down Menu Generator

They have their own tutorial about how to add the menu:
http://dropdownmenugenerator.com/Blog.aspx?ID=20131122
Using the widget to create a menu like this is very easy. At the beginning the templates for the menu are not so amazing [is just my opinion] but then a page or two forward you can find quite cute menus. 

b) CSS Menu Maker

Like at the point a), they also have a tutorial:
http://cssmenumaker.com/blog/tutorials/drop-down-menu-for-blogger
In my opinion this is the best way to add a drop down menu. It's more secure editing a template than creating a widget that possibly doesn't work. Unfortunately you must also know how to work with HTML, CSS and JavaScript if you want to edit your blog more.

The Problems that you'll probably have at:
a) Widget is not really working. 
Solve: Than go to point b) and follow the instructions.
b) 1. You can't click the subitems.
Solve: Write in the CSS-part: z-index:1;

It will help you with clicking the sub-menu. The problem was because the sub-menu was behind the background.


2. Your menu is above the header.
Solve: Than paste the HTML-part after </header> .



2. TUMBLR

a) Drop Down Menu Generator

Read b). It's the same process.

b) CSS Menu Maker

http://cssmenumaker.com/blog/tumblr-menu-tutorial
This is a very good tutorial, explaining everything you need to know. You won't have problems if you do like it says. Always after the header!


3. FORUMOTION

It's like on Tumblr and Blogger point b). You need to edit a temaplate and add the CSS :)
http://www.csshelp.net/t225-tutorial-sexy-drop-down-menu-with-jquery-css-punbb-and-phpbb2
You can replace the codes with the ones that you got generating your drop down menu.


So this was a short informative tutorial about How to add a Drop Down Menu. I really hope that this was helpful. If you have questions or problems, please just let a comment and I'll respond as soon as I can.

Read More