Change Anchor/link text color and background color in blogger

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. 

You can customize your blog performances like template/theme,widgets,font styles and many more.Anchor texts or hypertext are very important for every website and blog.Website or blog do not become a proper website or blog without having links.Actually anchor texts are the foundation of a site.Without having appropriate links,it is just only a 'Web page'.You might be thinking that Wikipedia is looking like ugly.But Wikipedia is world's 7th most popular website with nine pagerank. In every page,it includes large number of links.Most of them are "Internal links".Hence,It is not an amazing reason to wikipedia has nine page rank.

Here in tutorial i am going to teach you how to customize anchor text in blogger blogs.Customization the hypertext is  very important to make your site more popular and easy to navigate. You can style anchor text using CSS easily.color of anchor texts in most of templates are blue color.But if you intend to change the font color and add background color,also add hovering effects, you can do it easily after reading this full tutorial.

Step 1: Sign in to your blogger account.
Step 2: Then go to Template >> Edit HTML.
Step 3: Now paste below code just above ]]></b:skin> tag.

a:link
{
  text-decoration:none;
  color: #2F94D4;
}
 a:hover
{
  text-decoration:underline;
  background:#5AA0CC;
  padding:2px;
  color: #FFFFFF;
}
 a:visited
{
  text-decoration:none;
  background:#5A99CC;
  color:#CC975A;
}

Live Demo:-

Blogger Widgets for you

Customization

• Change the link color instead of  #2F94D4 .You may use Hexadecimal number,color name or other way like rgba(251,126,230,0.5)  to add the color to anchor text.I have disabled the underline of anchor texts by adding "text-decoration:none;".
• Modify the background color of links which arw appearing when they're hovered by changing #5AA0CC Hexadecimal color number. I enabled the underline of links by adding "text-decoration:underline;" block of code.You can increase or decrease the background color area by using "padding" CSS property.i.e:padding:5px;,padding:-1px; .Be aware when adding padding,sometime it will confuse the blog layout or content.Accurate way is adding padding for both link situation and hover situation a similar value.
• Also do same thing for visited links.You can show up links which are visited by user from adding distinctive color.

Step 4: Now save your template.View your blog and see that it works properly.

If above method is not working in your blog,go again to template editor and find below code.

a:link {
  text-decoration:none;
  color: $(link.color);
}
a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration:underline;
background:green;
  color: $(link.hover.color);
}

Now Delete above codes from your template and paste above code that i explained.Next save your template and visit your blog to see the difference of link style.

That's all.If you found any query in your mind,ask me anything without any hesitation.I am here to help you.Happy blogging buddies :-)

                                                                                                                                   Image credit:-flickr

Pengelola Blog : ABDUL WAHAB

Judul : Change Anchor/link text color and background color in blogger
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Change Anchor/link text color and background color in blogger
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/07/change-anchorlink-text-color-and.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