Change Blog title to 3D styled Header title

Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding

2. Tidak Tahu Computer Programming

3. Tidak Paham Bahasa Pemrograman Android

4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...

Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan

2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan

3. Susun blok-blok kode programnya, dan

4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?

Mudah kok, karena sudah hadir untuk Anda Di Sini :

"Video Tutorial Android Tanpa Coding untuk Pemula"

Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 

Friends, Today I am going to render another great tutorial which I think you will be happy with that. You know that since creating a blogger blog, first we have to give a good significant name or title for our blog. Definitely you are a pro blogger to choose relevant keyword rich title for higher rankings on search result pages like in Google. After creating your blog and adapting an image for substituting the header title, you might visit your blog to see how your blog will look like. But as a blogger user, we haven’t enough plugin for each aspect such as reducing loading time, adding Adsense ads in anywhere blog posts like in WordPress. Thousands of WordPress plugins are out there, But Blogger ?

Hence we should consider  about some basic things like adding more JavaScript codes into the template, adding  unusual images to sidebar and home page … etc. Today this tutorial will show you how to make a 3D blogger title instead of adding an image.

...................................................................................................................................

Styled 3D Header Title for Blogger

....................................................................................................................................

This is the default title style which is on my label editing blog.You can see it looks like unprofessional and we are excited to add a background  image.But guys as I told in above, we should keep in mind everything..yes everything that we do which affect to our blog either inside or outside from the blog.

Now you will ask me can we make a beautiful header title for my blog without images. Absolutely you can. These days are technically amazing as well as web designing languages. In the past we used Photoshop for creating gradients, but today we can create them using CSS3 easily. Look at below image in which header title is styled Can you identify that the title is not an image? It is just some characters styled by using CSS.

If you look carefully at this picture you will see its a 3D text. Here is the view of these characters without styling.I have selected them,see how they appear..

Now what do you think ? Would you like to make your blog’s title slightly similar to this title? So then follow below steps simply in order to beautify your blogger header without damaging to loading time of your blog.

Steps 1: Sign in to your Blogger account.
Steps 2: Now go to Template and then back-up your template. It is the most primary work you should do before editing HTML codes inside your template. In case you got anything wrong, downloaded template is the only one assistance for recovering bugs. You cannot undo steps which you did.
Steps 3: Then click on “Edit HTML” button and after hit on “Proceed” button (If necessary).
Steps 4: Find below HTML tag in your template.

]]></b:skin>

Steps 5: After you found above code, paste below code right before it.

.Header h1,.Header h1 a  {
font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
color:#33CB72;
font-weight:bold;
font-size:63px;
 text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);
}

• #33CB72 :- Specify the font color of title.You can change it to your desired color.
• 63px         : - You know what is it. For newbies here, it assigns the size of title.(Font-size) 

Steps 6: Now view your blog clicking on "Preview template" button.

If you don’t see the code working  properly on your blog, don’t worry. Click on “Edit template”  button and find below codes on your template.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

This code too…

.Header h1 a {
  color: $(header.text.color);
}

Steps 7: Remove above both pieces of codes in your template.
Steps 8: Last Click on 'Save Template' button.

Now view your blog and you should see your blog's title in the header section is appearing beautifully.Wow...

.......................................................................................................................................
Ask me. Need Help ?
.......................................................................................................................................

Friends I covered this tutorial as much easier for you. I don’t think you have got anything wrong  on your template. If you have, let me know what are they.I am here to help you always.

I would like to know what’re the reasons to use web designing languages as a blogger ?Do you use them in your Blog ?If you use,for what you use them ?

Pengelola Blog : ABDUL WAHAB

Judul : Change Blog title to 3D styled Header title
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Change Blog title to 3D styled Header title
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/08/change-blog-title-to-3d-styled-header.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait