Editing CSS in the Template Designer
Note: Editing CSS allows you to change the look and feel of your blog. For changes to the actual content of your blog, including the adding of gadgets or changes to the layout, please use the Edit HTML field located in the Layouts tab. Also remember that, like other customizations, your CSS will be removed if you change designs.
While CSS allows for an almost unlimited number of style customizations, here we'll just go over a couple of the most popular CSS tweaks so you can get a sense of how these changes can be made. For a more comprehensive list of various CSS tweaks, please see the 'What can I do with CSS' article in our Help Center.
The first CSS change we'll go over is how to center the header text on your blog. Head over to the CSS field located in the Advanced | Add CSS tab in the Template Designer. Once there, simply drop in the following lines of code:
.Header {
text-align: center;
}Once you've added the code, you'll notice that your header text image will instantly change to centered alignment. If you like what you see, just click the orange Apply to Blog button and your header image will be saved. If you ever decide to remove or change the header image at a later point, it's as easy as deleting or swapping out the image code from the field.
The second CSS change we'll cover is how to add your own background image to your blog. For the sake of being comprehensive, we'll assume that your image isn't already hosted on the web, and go over instructions for how upload your image to a filehost so you can link to it. Here are all the steps necessary to take your own image from your computer and use it as a background image for your blog:
- Compress your image. You'll need to make sure the filesize of your image is under 250K, so the first step is to go into your photo editor of choice and compress the image down to fit within that limit. Alternatively, some image hosts such as Imgur provide an option to compress your image to a certain filesize before uploading.
- Upload your image to a filehost. In order for you to add a background image via CSS, you'll need a working link to your image. If it isn't already on the web, you'll need to upload it from your computer to a host which will serve the image. Picasa Web Albums, Imgur, and Photobucket are all reliable options for your image hosting. Simply navigate to the host of your choice, and follow their directions for uploading.
- Add the image background CSS snippet. Now that you have a compressed, uploaded image you will be able to add the CSS for using it as a background for your blog. Here is the code:
.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png);
}
.body-fauxcolumn-outer div {
background: none;
}- Apply to blog! If you like what you see, go ahead and click the Apply to Blog button, and you're done! Of course, you can always come back and remove or swap out the background image code if you like. Note: Templates with gradients (such as Simple #1) may slightly conflict in appearance with the use of a background image.
Then, click on the blue "Add" button in the bottom left corner of your Reading List.
Next, insert the URL of the blog you'd like to follow in the URL box.
You can add as many blogs as you'd like by clicking on "Add another".
When you have added all of your favorite blogs, click the orange "Add"
button.
You'll then be given the option to either follow 
Once you've decided on following publicly or privately, click the
orange "Follow" button and that's it! You've added all your favorite
blogs to your Reading List! Now, every time one of the blogs are updated
the latest post will be displayed in your reading list under the
"Items" section.
Additionally, adding a blog to your Reading List will create a subscription to the blog in your 
You also have the option to change how you'd like to follow the blog (
24 Comment to "Cara Membuat Aplikasi Portable Sendiri"
(mantra pertamax : akwojdalihfkihgjhdlkgnhkjadhg)
PERTAMAX !!!
makasih ya...
trus bsa bwt ap aj ?
klw liat screenshoot na g g ngarti
aplikasi ini berguna untuk membuat file installer menjadi portable. sehingga kita tidak perlu menginstallnya kembali.
makasih atas sarannya.
gabung yuk...
http://www.oppulsa.jw.lt
sama-sama.
™™
aku mau tanya,,....
aplikasi ini fungsinya untuk apa sihhh ??????
update lagi dunk yang laen... oh ya..
mau tanya ni... program nya apa sih namanya untuk membuat program...
thanks.....
Gabung juga yaah di http://aythinet.blogspot.com
^_^
sangat menarik sekali untuk di baca ane jadi banyak tahu tentang gimana sih orang itu buat aplikasi ...
Write a Comment
Komentar akan dihapus, jika :* Menggunakan bahasa yang tidak sopan
* Duplikat komentar
* Pemasangan link berlebihan
* Pertanyaan tidak terkait dengan artikel
Terimakasih - Tips dan Trik Blog, SEO dan Komputer