Cara Mengganti Judul Blog dengan Gambar Logo Blog SEO Friendly

ganti judul blog dengan gambar logo blog
Judul posting Cara Mengganti Judul Blog dengan Gambar Logo Blog SEO Friendly ini adalah termasuk judul yang sangat ekstrim menurut saya. Karena jujur saja saya belum mengetahui apa efek positif dan negatif dari tips ini. Selain itu, saya bukanlah termasuk sala satu Pakar SEO di Indoensia. Namun, tidak ada salahnya jika saya berbagi tips SEO sederhana yang saya ketahui, juga diterapkan pada blog-blog yang saya miliki.

Umumnya, tutorial cara mengganti judul blog dengan gambar atau logo blog di Blogspot adalah melalui menu "Tata Letak". Namun beda dengan yang diterapkan oleh Aku Blogger Indonesia pada blog ini, yaitu melalui menu "Edit HTML".

1. Memepersiapkan Gambar Logo Blog

Sebelum kita melakukan langkah-langkah di bawah ini, mari kita persiapkan terlebih dahulu logo atau gambar blog sebagai pengganti judul blog nantinya. Pastikan ukuran gambar sesuai dengan ukuran panjang dan lebar header judul. Cara mengetahui ukuran lebar dan panjangnya adalah sebagai berikut:
  • Cari kode #header di CSS Style (gunakan jalan pintas CTRL+F untuk mempercepat pencarian),
  • Kemudian perhatikan bagian kode CSS Styke #header
    Contoh:
    #header {width:230px;height:100px;margin:0px;padding:0px;}
    Dengan begitu ukuran lebar dan panjang gambar yang harus dipersiapkan adalah 230px x 100px. Atau bisa kita sesuaikan dengan keinginan kita. Ingat..!! ukuran gambar harus sama dan sesui dengan ukuran bagian header tersebut.
  • Kemudian silakan desain logo atau gambarnya menggunakan Software Photoshop sesuai dengan kemampuan masing-masing. 
  • Selanjutnya unggah gambar logo blog yang telah didesain di situs hosting gambar atau di blog Anda sendiri. Cara mengunggah gambar di blog, lihat pada langkah ke-dua di bawah.

2. Unggah gambar di Blog, Caranya (perhatikan gambar);


ganti judul blog dengan gambar logo blog
  • Buat posting baru dan jangan diterbitkan/ dipublish,
  • Beri judul Image Hosting atau sejenisnya,
  • Unggah gambar seperti halnya ketika hendak memasukkan gambar untuk sebuah posting pada umumnya, 
  • Setelah gambar terunggah dengan sempurna, klik gambar, klik Original Size, 
  • Selanjutnya ambil LINK/URL gambar dengan cara; klik kanan pada gambar tersebut, dan pilih Copy Link Location, 
  • Selanjutnya untuk mepersingkat langkah berikutnya, buka tab baru, kemudian paste-kan LINK/URL gambar tersebut, dan tekan enter,
  • Lanjut ke langkah ke-tiga.

3.  Menjadikan Gambar Logo Blog Sebagai Background

Oleh karenanya sebelumnya saya katakan bahwa cara mengganti judul blog dengan gambar logo blog di Aku Blogger Indonesia berbeda dengan tutorial yg sama pada umumnya. Adapun caranya dalah sebagai berikut:
  • Cari kode #header seperti sebelumnya kita mencari kode tersebut ketika ingin mengetahui ukuran header judul,
  • Tambahkan kode background berikut di bawah ini pada bagian dalam kode #header,
    background: url(LINK/URLGAMBAR) left top no-repeat;
    Contoh hasil akhir:
    #header {background: url(LINK/URLGAMBAR) left top no-repeat;width:230px;height:100px;margin:0px;padding:0px;}
  • Ganti teks LINK/URLGAMBAR dengan LINK/ULR gambar yang sebelumnya sudah kita taruh di tab baru,
  • Klik save/ simpan kemudian reload halaman blog. Maka hasilnya seperti gambar di bawah:
ganti judul blog dengan gambar logo blog

    4.  Menyembunyikan Judul dan Deskripsi Blog

    Setelah gambar terlihat sebagai background, kita harus menyembunyikan Judul dan Deskripsi blog yang bertumpukkan dengan gambar logo blog. Cara menyembunyikannya adalah sebagai berikut:
    • Lakukan langkah pertama poin pertama seperti sebelumnya untuk mencari kode #header untuk mencari kode #header h1 dan #header .description,
    • Kemudian tambahkan kode berikut ke dalam bagian #header h1 dan #header .description;
      display:none;
      contoh hasil akhir:
      #header h1 {display:none;font: blod 24px Arial;color:#000;line-height:normal;}
      #header .description {display:none;font: blod 24px Arial;color:#000;line-height:normal;}
    • Klik Save/ Simpan, maka hasilnya adalah sebagai berikut:
    ganti judul blog dengan gambar logo blog

    Langkah terakhir ini bisa kita terapkan dan juga tidak, tergantung bagaimana kita mendesainnya gambarnya. Jika tidak ingin menyembunyikannya, kita bisa mendesain gambar untuk meberi ruang judul dan deskripsi blog, tentunya gambar yang didesain membutuhkan ukuran yang lebih besar. Jadi, saya kembalikan kembali kepada Anda.

    Saya mempersilakan kepada Anda sebagai Blogger Indonesia untuk memberi komentar atas pembahasan posting tutorial cara mengganti judul blog dengan gambar logo blog yang SEO Friendly. Jika ada pertanyaan maupun perbedaan pendapat, mari kita diskusikan bersama. Dan jika posting ini bermanfaat, silakan bagikan kepada Blogger Indonesia lainnya. Salam Blogger..
    Diposting oleh Aku Zaenal pada
    Label:
    Madrasah Swasta XX Nurul Huda adalah nama khusus untuk proyek design web dan blog madrasah yang kami buat

    Follow Kami Ya di : Facebook, Instagram

    Komentar

    1. Unknown7/04/2013 12:12 PM

      tapi apakah nanti judul blog asli bisa tertutup atau disembunyikan gitu gan????
      ane pernah nyoba tapi lewat upload gambar di header..hasilnya jelek...ada 2 judul, satu logo satu tulisan biasa,,,,
      mohon penjelasanya di : hutan-rahasia.blogspot.com

      BalasHapus
      Balasan
      1. Zaenal Abidin7/08/2013 5:27 PM

        jelas bisa bung.. coba saja anda perhatikan screenshoot terakhir di atas.. jangan khawatir screenshoot yg saya berikan palsu.. :D

        Hapus
    2. manthree7/29/2013 2:41 PM

      gan,,, download css3 dimana sih? ane bingung. terus ada ga tutorialnya?

      BalasHapus
      Balasan
      1. Zaenal Abidin8/22/2013 3:05 AM

        Download CSS3? maksud Anda bagaimana..?

        Silakan Anda datangi w3school saja untuk mempelajari CSS3 dan coding lainnya.. Atau cari buku di toko terdekat.. :D

        Hapus
    3. Unknown8/09/2013 7:54 PM

      thank`s gan help banget nih....

      BalasHapus
    4. Ansory Esce8/20/2013 1:49 AM

      Keren mas, mkasih pencerahannya. Kbtulan dr kemrin lg pusing banget mau bikin logo yang pas

      BalasHapus
    5. Unknown8/23/2013 12:54 AM

      css itu tempatnya dimana gan? aku lupa

      BalasHapus
      Balasan
      1. Zaenal Abidin8/23/2013 5:45 PM

        Untuk blogger atau blogspot, CSS dapat Anda temukan di anata kode <head> dan </head>

        Hapus
    6. Unknown9/08/2013 8:50 AM

      kok gua ketemunya width nya doank, height nya ma ngaa. gimana tuh?

      BalasHapus
      Balasan
      1. Zaenal Abidin9/08/2013 8:14 PM

        Tidak ada "height" juga sebenarnya tidak masalah, bung.. Namun, jika Anda ingin mengatur tinggi bagian headernya, Anda dapat menambahkannya sendiri. Misal Anda ingin mengatur tinggi header menjadi 100px maka tambahkan kode berikut "height:100px;" (tanpa tanda kutip)..

        semoga dapat dipahami, jika masih ada yang ingin dipertanyakan, silakan tanyakan saja,, mungkin saya bisa membantu.. terima kasih..

        Hapus

    Posting Komentar

    Moderasi komentar diaktifkan, jadi silakan berikan komentar sesuai topik pada posting di atas.. Namun, jika ada kepentingan lain silakan hubungi via email..

    Langganan: Posting Komentar (Atom)

    Popular Posts

    Saya Ingin Membuat Social Bookmark Dengan Subdomain Aku.My.Id

    Diposting oleh pada 2 komentar
    Sehubung dengan beriringnya waktu dan segala sesuatunya yang terjadi, ternyata domain ID ini, aku.my.id, tidak berkembang sebagai mestinya. Aku.my.id bagaiakan domain yang dianak tirikan oleh saya. Tujuan awal, saya ingin membuat blog khusus yang membahas cara membuat blog gratis step by step di domain ini. Namun ternyata gagal. Blog tutorial gagal, saya mencoba merubah perencanaan dan tujuan untuk domain Aku.My.Id yang kedua kalinya. Tujuan kedua adalah menjadikan domain ini sebagai blog portal. Akan tetapi, lagi-lagi saya tidak sempat untuk menjalankannya. Beberapa alasannya adalah, pertama , saya lebih asik dengan bayangan design blog baru, dan kedua , menurunnya imun kekebalan tubuh (sakit). Menjadikan domain Aku.My.Id sebagai web portal berbasis Social Bookmark adalah tujuan ketiga yang sekarang sedang saya fikirkan. Sebelumnya, saya sudah mencoba untuk membuat versi demonya di subdomain http://bookmark.aku.my.id dengan menggunakan CMS Pligg. Saya menggunakan CMS Pligg

    Siapa dan Syarat Warga Indonesia Ikut Wajib Militer (Isi RUU Komponen Cadangan)

    Diposting oleh Aku Zaenal pada 1 komentar
    Setelah kita mengetahui tentang Kebijakan Wajib Militer di Indonesia sebelumnya, telah dijelaskan pada halaman tersebut, bahwa di dalam rancangan Undang-Undang hanya tertuliskan PNS, buruh, dan mantan militer saja. Akan tetapi kebijakan wajib militer ini pun diperuntukkan untuk masyarakat luas warga Indonesia dan di dalam draf disebut pula kebijakan wajib militer bersifat sukarela selama telah memenuhi syarat yang disebutkan dalam Undang-Undang. Selengkapnya: Kebijakan Wajib Militer Indonesia . Lalu, apa saja persyaratan yang harus dipenuhi warga negara Indonesia agar dapat turut serta menjalani Wajib Militer ini. Siapa Yang Diwajibkan Wajib Militer Indonesia? Berdasarkan draf RUU Komponen Cadangan, disebutkan beberapa persyaratan dan siapa saja warga negara yang wajib mengikuti wajib militer. Pasal 3 RUU Komponen Cadangan "Komponen Cadangan merupakan salah satu wadah dan bentuk keikutsertaan warga negara, seluruh Sumber Daya Alam dan Sumber Daya Buatan serta Sara

    Kebijakan Wajib Militer di Indonesia? Apa dan Untuk Siapa?

    Diposting oleh Aku Zaenal pada Posting Komentar
    Jika kita mengikuti perkembangan informasi dan berita media televisi dan media online, kita akan dibisingkan dengan informasi tentang pemberlakuan wajib militer untuk warga negara Indonesia. Pasalnya, tentang pemberlakuan wajib militer ini, banyak yang mempermasalahkan tentang profesi yang masuk ke dalam draf Undang-Undang. Berdasarkan wikipedia Indonesia tentang Wajib Militer , "Wajib militer atau seringkali disingkat sebagai wamil adalah kewajiban bagi seorang warga negara berusia muda, antara 18 hingga 27 tahun untuk menyandang senjata dan menjadi anggota tentara dan mengikuti pendidikan militer guna meningkatkan ketangguhan dan kedisiplinan seorang itu sendiri. Wamil biasanya diadakan guna untuk meningkatkan kedisiplinan, ketangguhan, kebranian dan kemandirian seorang itu". Disamping itu, wajib militer masih tergolong kontroversial karena terdapat penolakan terutama untuk melayani pihak pemerintahan yang tidak sesuai oleh beberapa pihak ybs, perang yang tidak populer

    Aku Blogger Indonesia Ganti Alamat

    Diposting oleh Aku Zaenal pada Posting Komentar
    Aku Blogger Indonesia kini telah resmi berselancar di dunia internet, khususnya dunia blogging menggunaakan nama alamat baru. Ya alamat baru, bukan pindah alamat. Karena " Aku Blogger Indonesia " hanya merubah identitas melalui nama domain, bukan tempat (tetap setiap bersama blogspot). Aku.My.Id adalah domain baru yang lebih singkat, pendek, dan mudah diingat yang dijadikan sebagai nama alamat atau identitas baru Aku Blogger Indonesia. Peluncuran nama domain baru Aku Blogger Indonesia ini tercatat setelah alamat URL http://akumyid.blogspot.com berubah menjadi http://www.aku.my.id pada hari Minggu, 27 Januari 2013 pukul 04:25 AM. Nama "aku" terlintas ketika ingat domain Indonesia baru yang belum lama diluncurkan oleh Pandi. Iseng-iseng mencari-cari dan cek sana-sini nama-nama domain yang mudah diingat. Alhasil kata "aku" yang berhasil menarik hatiku setelah beberapa kali pertimbangan-pertimbangan dilakukan, begitu pula dengan nama-nama domain lainny

    Kuota Jama'ah Haji Indonesia Dipotong 20% (Persen)

    Diposting oleh pada Posting Komentar
    Kuota atau jumlah jama'ah Haji dari Indonesia dipotong kurang lebih sebanyak 20% jiwa dari jumlah jama'ah haji biasanya. Diperkirakan 20% tersebut berjumlah sekitar kurang lebih 42.000 jiwa calon jama'ah haji. Pemotongan jumlah jama'ah Haji tidak hanya diperuntukkan Negara Indonesia, melainkan untuk negara-negara lainnya juga. Pemotongan jumlah jama'ah ini dikarenakan masjid al-Haram sedang direnofasi dan belum sanggup menampung sejumlah jama'ah haji seperti biasanya. Kementrian Agama Indonesia sedang mencoba meminta kepada raja Arab agar jama'ah haji dari Indonesia dapat berangkat dengan jumlah jama'ah seperti biasanya. Akan tetapi, jika tidak bisa, maka kementrian Agama Indonesia harus mengikuti kebijakan yang diberikan oleh pemerintahan Arab Saudi. Dan jika tidak bisa, kementrian Agama Indonesia berjanji kepada calon Jama'ah Haji Indonesia yang terkena potongan akan diberangkatkan pada tahun 2014 dengan biaya seperti biasa (tanpa biaya tabah

    AKU.MY.ID Beralih Fungsi dan Perencanaan

    Diposting oleh Aku Zaenal pada
    Informasi internal situs blog AKU.MY.ID yang pada mulanya berjudul "Aku Blogger Indonesia" berubah menjadi " Aku Blogger Warga Negara Indonesia ". Aku.my.id pun beralih fungsi dan memperluas kategori bahasan serta perencanaannya. Kategori bahasan utama awal yang direncanakan adalah kategori blog dan blogger Indonesia yang memiliki varian sub-sub kategori khusus. Namun, melihat keadaan yang terjadi pada kami, akhirnya kami merubah struktur dan perencanaan tersebut. Kami akan menjadikan bahasan blog dan blogger pada satu kategori khusus yang bersifat umum. Selain itu juga kami akan menambahkan beberapa kategori umum lainnya yang dianggap pantas kami publikasikan. Bahkan kami akan memisahkannya menggunakan beberapa subdomain baru berdasarkan topik/ kategori bahasannya. Demikian informasi terkini aku.my.id yang dapat kami sampaikan; Terima kasih atas perhatiannya.

    Modul Panduan Membuat, Modifikasi, dan Optimasi Blog di Blogspot

    Diposting oleh Aku Zaenal pada Posting Komentar
    Panduan Cara Membuat, Modifikasi, dan Optimasi Blog di Blogspot akan kubahas melalui blog dengan alamat URL http://akumyid.blogspot.com ini (sudah beralih ke www.aku.my.id ). Dan aku akan berusaha membahasnya secara detail, spesifik, dan terperinci tanpa rahasia yang harus disembunyikan. Selain itu juga, aku akan membantu Anda yang membutuhkan bantuan jika mengalami masalah ketika membuat, memodifikasi, maupun meng-optimasi blog di blogger dengan pengetahuan dan pengalaman yang saya miliki. Adapun modul atau pembahasan utama sebagai panduan khusus untuk membuat blog , memodifikasi blog, meng-optimasi blog, dan optimasi SEO blogspot yang akan saya bahas kurang lebih adalah sebagai berikut * ; Panduan Membuat dan Optimasi Blog Cara membuat blog blogspot di blogger Tips mengatur pengaturan blog di blogspot Pengenalan elemen-elemen pada menu posting blogspot Tips dan cara membuat posting blog Cara membuat halaman tentang blog dan kontak Cara membuat halaman sitemap blog Car

    Aku Blogger Indonesia Ganti Template

    Diposting oleh Aku Zaenal pada Posting Komentar
    Aku blogger Indonesia kembali mengganti template untuk yang ketiga kalinya. Jika diingat-ingat perubahan template Aku Blogger Indonesia berubah setiap bulan. Pertama pada bulan Januari, kedua pada bulan Februari, dan ketiga pada bulan ini, maret. Berikut adalah hasil screenshoot blog blogger template yang sedang diterapkan pada saat ini; Blogger template ini khusus didesain sedemikian rupa dengan satu konsep, yaitu simple atau sederhana . Adapun penjabaran dari konsep simple atau sederhana yang dimaksudkan adalah; Tidak mengandung banyak warna, hanya menggunakan dua warna dasar, yaitu; hitam dan putih, Tanpa gambar dalam mengatur tampilan, murni CSS dan HTML , Minim kode Javascript , setidaknya blogger template ini hanya menggunakan kurang lebih satu Javascript besar, yaitu; Related Post atau Artikel Terkait , Disusun dengan Tag Heading yang dianggap SEO Friendly , Susunan template terdiri dari Menu Bar, Header, Post Content, Sidebar, dan Footer . Inspirasi konsep