Minggu, 21 September 2014

Blogodolar Tips & News

Blogodolar Tips & News


Cara Mudah Mengganti Favicon Genesis

Posted: 21 Sep 2014 01:29 AM PDT

Genesis adalah salah satu theme yang banyak digunakan blog-blog berplatform WordPress. Theme premium ini tampil dengan favicon (ikon yang muncul di kiri atas browser) bawaan berupa huruf G putih dengan latar belakang hitam. Tentunya, favicon ini tidak nyambung dengan blog Anda jika nama domain blog Anda bukan diawali huruf G. Selain tidak nyambung, blog Anda juga terkesan kurang elok karena favicon-nya sama dengan blog-blog orang lain yang menggunakan favicon bawaan Genesis.

Bagaimana cara menggantinya? Di bawah ini adalah tahapan-tahapannya:

A. Instal Plugin Genesis Favicon Uploader

Dengan menggunakan plugin ini Anda akan mudah mengubah favicon Genesis karena Anda tidak perlu mengedit php child theme atau mengunggah favicon lewat hosting yang Anda gunakan. Cara instalnya sebagai berikut:

1. Login ke blog WordPress Anda yang menggunakan theme Genesis.

2. Pada Fitur Plugins, pilih Add New.

3. Akan muncul tampilan Add Plugins. Pada kotak Search Plugins, ketik Genesis Favicon Uploader lalu tekan Enter pada keyboard komputer Anda.

4. Akan muncul deskripsi singkat plugin tersebut. Pada deskripsi ini, klik tombol Instal Now. Selanjutnya tekan tombol OK jika muncul pertanyaan "Are you sure to you want to install this plugin?"

5. Setelah sukses terinstal, aktifkan plugin tersebut dengan mengkilik Activate Plugin.

Activate Genesis Favicon Uploader

B. Buat Gambar untuk Favicon

6. Buat gambar yang akan Anda jadikan favicon. Anda bisa membuatnya di Photoshop atau Paint. Ukurannya terserah selera Anda, namun saya biasa membuatnya dengan ukuran 50×50.

7. Simpan gambar tersebut di komputer Anda. Gambar ini akan diubah menjadi favicon secara online.

C. Buat Favicon

8. Untuk membuat favicon, kunjungi http://www.favicon.co.uk/

9. Pada bagian Source image, tekan tombol Browse dan pilih gambar yang telah Anda simpan pada tahap ke-7.

the favicon Generator

10. Setelah gambar terseleksi, pilih ukuran favicon atau biarkan pada ukuran favicon 32×32.

11. Klik tombol Generate Favicon.

12. Unduh favicon yang dihasilkan. Favicon ini akan tersimpan di kompter Anda sebagai favicon.ico. Jangan ganti nama file tersebut (misalnya menjadi faviconblog.ico atau favicon1.ico) karena nantinya tidak akan bisa mengubah favicon bawaan Genesis.

unduh favicon

D. Unggah Favicon

13. Pada fitur Genesis, klik Upload Favicon.

fitur Genesis

14. Akan muncul tampilan Genesis – Favicon Uploader. Klik tombol Browse dan pilih favicon yang sudah Anda unduh pada tahap ke-12 tadi.

browse dan unggah

15. Klik tombol Upload Favicon.

16. Akan muncul tampilan yang menginformasikan bahwa favicon telah diunggah. Contohnya di bawah ini.

favicon uploaded

 17. Buka blog Anda sehingga Anda tahu bahwa favicon bawan Genesis sudah terganti.

Selamat mencoba! Jika Anda masih kesulitan mengganti favicon bawaan Genesis, silakan Anda menginformasikannya pada bagian komentar.

Related Posts:

Jumat, 19 September 2014

Premium Blogger,Blogspot Templates

Premium Blogger,Blogspot Templates


CarsWp Blogger Template

Posted: 18 Sep 2014 05:47 PM PDT


CarsWp Blogger Template

CarsWp is a Responsive, 3 Columns Blogger Template for Auto Blogs. CarsWp Blogger Template has a jQuery Slider, Dropdown Menus, 468x60 Header Banner, Related Posts, Breadcrumb, 2 Sidebars, 3 Columns Footer, Social Profiles, Tabbed Widget, Google Fonts and More Features.

Template name : CarsWp

Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from WordPress, Black, Breadcrumb, Elegant, Featured Section, Fixed width, Responsive, Fresh, Header Banner, Magazine, Orange, Premium, Related Posts, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : September 19, 2014

Author Name and URL : Lasantha Bandara / http://www.premiumbloggertemplates.com/

Original Designer URL : http://fthemes.com/carswp-free-wordpress-theme/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/carswp-blogger-template/

Theme Customization Support

Need our help to upload or customize this blogger template?
I can customize this template as you like. Contact me with details about the theme customization you need.

How to Configure CarsWp Blogger Template

Read instructions given below to configure CarsWp Blogger Template.

How To Configure Featured Content Slider:

Go to "Template" --> "Edit HTML" of your blog. Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slide codes between <div class='fp-slides-items'> and </div> .

Now replace,

  • "This is default featured post X title" with your featured post title.
  • "#" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.
  • Slider image address with your slider image.

for each featured slide.

How to Change Tab Names of Tab Widget:

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>  <li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>  <li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>  <li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>  </ul>

Now change the names "Popular", "Tags" and "Blog Archives" as you like.

How To Add a Header Logo:

You can add a header logo for this blogger template easily in the "Layout" section (Blogger Default Method).Logo image size must be 269px width and 47px height.

Important !!!:

Do not remove the footer credits. This CarsWp Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.

Kamis, 18 September 2014

Premium Blogger,Blogspot Templates

Premium Blogger,Blogspot Templates


Baskerville Blogger Template

Posted: 18 Sep 2014 12:02 AM PDT


Baskerville Blogger Template
Baskerville is a 2 Columns, Beautiful Blogger Template for Personal Blogs or Other. Baskerville Blogger Template has Auto Read More, Top Drop-down Navigation Menu, Share Buttons, Right Sidebar, Custom Fonts and More Features.

Theme Customization Support

Need our help to upload or customize this blogger template?
I can customize this template as you like. Contact me with details about the theme customization you need.

Template name : Baskerville

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from WordPress, Black, Elegant, Fixed width, Responsive, Fresh, Green, Grey, Magazine, Minimalist, Premium, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White

Release date : September 18, 2014

Author Name and URL : NewBloggerThemes / http://newbloggerthemes.com/

Designer URL : http://www.andersnoren.se/

Basic Instructions : How to install a Blogger template

Advanced Details : http://newbloggerthemes.com/baskerville-blogger-template/

TopNews Blogger Template

Posted: 17 Sep 2014 08:30 PM PDT


TopNews Blogger Template

TopNews is a Responsive, 2 Columns Blogger Template for News Blogs. TopNews Blogger Template has a jQuery Slider, Dropdown Menus, 468x60 Header Banner, Social Buttons, Related Posts, Breadcrumb, 4 Columns Footer, Google Fonts, Tabbed Widget and More Features.

Template name : TopNews

Template type : 1 Sidebar, 2 Column, 4 Column footer, Adapted from WordPress, Blue, Breadcrumb, Elegant, Featured Section, Fixed width, Responsive, Fresh, Header Banner, Magazine, Premium, Red, Related Posts, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : September 18, 2014

Author Name and URL : Lasantha Bandara / http://www.premiumbloggertemplates.com/

Original Designer URL : http://newwpthemes.com/topnews-free-wordpress-theme/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/topnews-blogger-template/

Theme Customization Support

Need our help to upload or customize this blogger template?
I can customize this template as you like. Contact me with details about the theme customization you need.

How to Configure TopNews Blogger Template

Read instructions given below to configure TopNews Blogger Template.

How To Configure Featured Content Slider:

Go to "Template" --> "Edit HTML" of your blog. Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slide codes between <div class='fp-slides-items'> and </div> .

Now replace,

  • "This is default featured post X title" with your featured post title.
  • "#" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.
  • Slider image address with your slider image.

for each featured slide.

How to Change Tab Names of Tab Widget:

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>  <li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>  <li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>  <li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>  </ul>

Now change the names "Popular", "Tags" and "Blog Archives" as you like.

How To Add a Header Logo:

You can add a header logo for this blogger template easily in the "Layout" section (Blogger Default Method).Logo image size must be 301px width and 58px height.

Important !!!:

Do not remove the footer credits. This TopNews Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.

Rabu, 17 September 2014

Premium Blogger,Blogspot Templates

Premium Blogger,Blogspot Templates


ProMagazine Blogger Template

Posted: 17 Sep 2014 01:47 AM PDT


ProMagazine Blogger Template

ProMagazine is a Responsive, 2 Columns Blogger Template for News Blogs. ProMagazine Blogger Template has a jQuery Slider, Dropdown Menus, Header Search Box, Related Posts, Breadcrumb, 3 Columns Footer, Tabbed Widget, Social Buttons, Google Fonts and More Features.

Template name : ProMagazine

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from WordPress, Blue, Breadcrumb, Elegant, Featured Section, Fixed width, Responsive, Fresh, Grey, Magazine, Premium, Related Posts, Right Sidebar, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : September 17, 2014

Author Name and URL : Lasantha Bandara / http://www.premiumbloggertemplates.com/

Original Designer URL : http://newwpthemes.com/promagazine-free-wordpress-theme/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/promagazine-blogger-template/

Theme Customization Support

Need our help to upload or customize this blogger template?
I can customize this template as you like. Contact me with details about the theme customization you need.

How to Configure ProMagazine Blogger Template

Read instructions given below to configure ProMagazine Blogger Template.

How To Configure Featured Content Slider:

Go to "Template" --> "Edit HTML" of your blog. Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slide codes between <div class='fp-slides-items'> and </div> .

Now replace,

  • "This is default featured post X title" with your featured post title.
  • "#" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.
  • Slider image address with your slider image.

for each featured slide.

How to Change Tab Names of Tab Widget:

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>  <li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>  <li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>  <li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>  </ul>

Now change the names "Popular", "Tags" and "Blog Archives" as you like.

How To Add a Header Logo:

You can add a header logo for this blogger template easily in the "Layout" section (Blogger Default Method).Logo image size must be 344px width and 58px height.

Important !!!:

Do not remove the footer credits. This ProMagazine Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.

Selasa, 16 September 2014

Premium Blogger,Blogspot Templates

Premium Blogger,Blogspot Templates


Adelle Blogger Template

Posted: 15 Sep 2014 10:00 PM PDT


Adelle Blogger Template

Adelle Blogger Template comes with a soft pink confetti header and minimalist responsive two-columns, you can get started blogging in no time. It is poised to host any female-oriented brand. Adelle Blogger template has a dropdown menu, related posts, Google fonts, custom post timestamp, post share and social buttons and more features.

Template name : Adelle

Template type : 1 Sidebar, 2 Column, Adapted from WordPress, Elegant, Fixed width, Responsive, Fresh, Grey, Magazine, Minimalist, Pink, Related Posts, Right Sidebar, Top Navigation Bar, Web 2.0, White

Release date : September 16, 2014

Author Name and URL : Lasantha Bandara / http://www.premiumbloggertemplates.com/

Original Designer URL : http://www.bluchic.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/adelle-blogger-template/

Theme Customization Support

Need our help to upload or customize this blogger template?
I can customize this template as you like. Contact me with details about the theme customization you need.

How to Configure Adelle Blogger Template

Read instructions given below to configure Adelle Blogger Template.

How To Configure Blogger Timestamp Format

Read this tutorial: http://www.premiumbloggertemplates.com/blog/posted-date-undefined-error-solution/

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<ul class='menunbt'>    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>    <li><a href='#'>Business</a>  <ul class='sub-menu'>  <li><a href='#'>Internet</a></li>  <li><a href='#'>Market</a></li>  <li><a href='#'>Stock</a></li>  </ul>  </li>    ...    <li><a href='#'>Featured</a></li>    <li><a href='#'>Health</a>  <ul class='sub-menu'>  <li><a href='#'>Childcare</a></li>  <li><a href='#'>Doctors</a></li>  </ul>  </li>    <li><a href='#'>Uncategorized</a></li>    </ul>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='socialnewsbtnnbt'>  	<a href='https://plus.google.com/+username' target='_blank'><i class='fa fa-google-plus-square'/></a>  	<a href='https://twitter.com/username' target='_blank'><i class='fa fa-twitter-square'/></a>  	<a href='https://www.facebook.com/username' target='_blank'><i class='fa fa-facebook-square'/></a>  	<a href='http://www.pinterest.com/username' target='_blank'><i class='fa fa-pinterest-square'/></a>  	<a href='https://www.youtube.com/user/username' target='_blank'><i class='fa fa-youtube-square'/></a>      <a href='http://instagram.com/username' target='_blank'><i class='fa fa-instagram'/></a>      <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><i class='fa fa-rss-square'/></a>  </div>

Add your own social profile usernames replacing each "username" word.

Adelle Blogger Template Responsive View:

Responsive Adelle Blogger Template

Important !!!:

Do not remove the footer credits. This Adelle Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.