8 Tampilan Edit HTML Terbaru Blogspot 2013

Tampilan Edit HTML Terbaru Blogspot 2013 - Pada tutorial kali ini saya akan sedikit menjelaskan mengenai Tampilan Edit HTML Terbaru Blogspot 2013.

Perubahan tampilan edit HTML ini terjadi pada bulan april 2013, dan dengan hadirnya tampilan baru ini, otomatis Blogger menambahkan fitur-fitur terbaru untuk memanjakan penggunanya.

Mungkin ada sebagian para blogger pemula yang masih kebingungan dengan tampilan baru edit HTML tersebut, namun itu merupakan satu kewajaran apabila mengenal sistem yang terbaru yang belum pernah kita kenal sebelumnya.

Fitur Terbaru tersebut diantaranya :

1. Tampilan yang paling mencolok adalah setiap baris html ada nomor urutnya persis di Notepad++ atau seperti pada Top Style Lite sehingga memudahkan kita untuk melakukan editing template tersebut.
2. Setiap kode html dibedakan dengan SyntaxHighligter (kode warna-warni  sesuai kelompoknya mungkin ada 6 warna yang berbeda.
3. Tak ada tombol Expand Widget Templates karena semua elemen berbasis widget dan tidak disembunyikan, menu dropdown Jump to Widget / Lompat ke Widget membuat kita bisa langsung menuju widget yang diinginkan, tombol expand folder "►" berfungsi untuk membuka rangkaian kode dari widget tersebut..
4. Menggunakan sistem Collapse (klik  tanda ►) disamping nomor urut  untuk menampilkan kode yang disembunyikan 
5. Editor HTML tidak lagi berbentuk popup, tapi embedded di dalam layout halaman.
6. Menu "format template",  berfungsi untuk memformat susunan tag-tag, script, atau CSS yang baru ditambahkan.
7. Preview hasil editing juga tak membuka halaman baru tapi menyatu dengan Editor HTML atau ditampilkan dalam satu frame.
8. Menu “Kembalikan template widget ke default” berfungsi untuk mengembalikan ke tampilan semula (revert) dan default, menjadi satu bagian dalam halaman editor HTML.
9. Penambahan fungsi Ctrl+Shift+F dan Ctrl+Shift+R
10. Dan masih banyak lagi...

Tips untuk mempermudah pencarian kode HTML :

1. Klik bagian kosong pada kotak edit HTML
2. lalu tekan tombol CTRL + F
3. akan muncul kotak seperti di bawah ini, kemudian masukan kata atau kode yang ingin di cari..!

Cukup sekian penjelasan dari Tutor Blogger, jika ada pertanyaan tentang Tampilan Edit HTML Terbaru Blogspot 2013, dapat melalui komentar di bawah...
Semoga Bermanfaat...

Baca Selengkapnya >>

4 Cara Mudah Menghilangkan Navbar Pada Blogspot

Pada kesempatan kali ini, Tutor Blogger akan menjelaskan tentang Cara Mudah Menghilangkan Navbar Pada Blogspot, seperti yang kalian tahu, navbar pada blogspot merupakan sistem navigasi bar(navbar) bawaan yang letaknya di pojok atas mungkin di buat untuk memudahkan kita ketika kita ingin masuk blogger lagi untuk proses editing, namun terkadang bagi para blogger, tampilan Navbar di blogspot ini kurang enak di pandang...

Sebenarnya tutorial ini tidak direkomendasikan, namun untuk membuat tampilan blogger seindah mungkin, cara apapun dapat di lakukan asalkan tidak berlebihan..

Baiklah, bagi yang ingin menghilangkan navbar pada blogspot, langsung saja ikuti langkah berikut :

1. Masuk ke blogger.com
2. Pilih template >> edit HTML
3. Cari kode ]]></b:skin>  ,tekan Ctrl + F untuk mempermudah pencarian
4. Letakkan kode di bawah ini di atas kode ]]></b:skin> pada halaman html anda
   

   #navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   }

5. Selasai...

Langkah tersebut sangat simpel, anda pasti dapat mengikutinya dengan mudah, silahkan di praktekan Cara Mudah Menghilangkan Navbar Pada Blogspot.

Semoga Bermanfaat....

Baca Selengkapnya >>

0 Inilah Sejarah Masjid Jin di Mekah

Masjid Jin atau Al-Jin adalah masjid yang terletak di kota Makkah, Arab Saudi. Tepatnya di kampung Ma’la dan tidak jauh dari pemakaman kaum Muslim. Masjid Al-Jin sering juga dikenal dengan nama Masjid al-Bai’ah.

Masjid yang berada 1,5 km di sebelah utara Masjidil Haram ini nmemiliki luas sekitar 20×10 meter. Bangunan masjid bertingkat dua ini didominasi warna abu abu. Kaligrafi (seni tulisan Arab) yang mengutip Al-Quran, Surat Jin (ayat 1-9) menghiasi kubah masjid.Masjid Jin

Ada kisah yang membuat masjid ini dinamakan Masjid Al-Jin atau Al-Bai’ah. Kisah ini terjadi di tahun kesepuluh kenabian Muhammad SAW. Saat itu beliau bersama para sahabat yang hendak pulang dari Thaif melaksanakan shalat Subuh di tempat ini.

Dalam kesempatan ini, Nabi Muhammad SAW melantunkan ayat-ayat Al-Quran Surat Ar-Rahmah yang diperdengarkan kepada para sahabat. Diriwayatkan pada saat itu, serombongan Jin yang sedang menuju Tihamah, terpukau dari makna Surat Ar-Rahman yang dilantunkan nabi Muhammad SAW.

Para Jin itu pun menyatakan keislamannya dan berbaiat kepada nabi Muhammad SAW. Sejumlah riwayat mengungkapkan para Jin yang berbaiat kepada nabi Muhammad SAW berjumlah sembilan. Namun ada juga yang menyebutkan tujuh jin. Para jin itu berasal dari daerah yang berada di antara Suriah dan Iraq, Nasibain.

Peristiwa ini diabadikan dalam Alquran, Surat Al-Ahqaf, ayat 29 hingga 32:

“Dan ingatlah ketika Kami hadapkan serombongan jin kepadamu yang mendengarkan Al-Quran. Maka tatkala  mereka menghadiri pembacaan (nya) lalu mereka berkata: Diamlah kamu untuk mendengarkannya. Ketika pembacaan selesai, mereka kembali kepada kaumnya untuk memberi peringatan,” (29)

“Mereka berkata: Hai kaum kami, seseungguhnya kami telah mendengarkan kitab (Al-Quran) yang telah diturunkan sesudah Musa yang membenarkan kitab-kitab sebelumnya lagi memimpin kepada kebenaran dan kepada jalan yang lurus,” (30)

“Hai kaum kami, terimalah (seruan) orang yang menyeru kepada Allah dan berimanlah kepada-Nya, niscaya Allah akan mengampuni dosa-dosa kamu dan melepaskan kamu dari azab yang pedih,” (31)

“Dan orang-orang yang tidak menerima (seruan) orang yang menyeru kepada Allah maka dia tidak akan melepaskan diri dari azab Allah di muka bumi dan tidak ada baginya pelindung selain Allah. Mereka itu dalam kesesatan yang nyata,” (32)
Inilah Sejarah Masjid Jin di Mekah
Dengan kisah sejarah yang tersimpan, Masjid Al-Jin saat ini menjadi salah satu lokasi yang kerap didatangi para peziarah yang sedang melaksanakan ibadah haji dan umrah di tanah suci Mekah. Mereka terkadang menyempatkan untuk menunaikan shalat fardhu di masjid ini.

Source : http://neomisteri.com

Baca Selengkapnya >>

12 Cara Mengganti Atau Menambahkan Style Font Di template Blogger

Pada kesempatan kali ini, Tutor Blogger akan menjelaskan kepada Anda tentang Cara Mengganti Atau Menambahkan Style Font Di template Blogger dengan mudah...

Untuk kalian ketahui, font adalah jenis atau gaya tulisan. Pada template blogspot (blogger), anda dapat dengan mudah mengganti font, namun dengan jumlah jenis font yang sangat terbatas. Beberapa jenis font yang dimiliki template blogspot yaitu arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings.

Jenis font tersebut kadang tidak sesuai dengan keinginan kita karena kurang cocok dengan gaya atau design blog kita. Nah, jika anda menginginkan font yang lebih stylish atau elegan, silahkan ikuti tutorial berikut ini :

1. Pergi ke http://www.google.com/webfonts
2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.
3. Jika selesai, klik tombol Use disebelah kanan bawah browser
   


4. Kemudian copy kode yang telah di hasilkan
   


5. langsung menuju ke template blogger anda, cari kode <b:skin><![CDATA[/*
6. Paste kode yang dikopi dari Google Web Font diatas kode <b:skin><![CDATA[/*
7. kemudian tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:
   

   <link href='http://fonts.googleapis.com/css?family=Belleza|Oxygen' rel='stylesheet' type='text/css'/>

Sekarang saatnya anda tinggal mengganti font pada bagian template anda. sebagai contoh untuk mengganti font header di template anda, caranya seperti berikut ini:

1. Carilah kode #header h1 atau h2.postTitle 
2. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:
Kode awal pada template yang belum dirubah


#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Kode setelah kita ubah

#header h1{color:#00008B;font-size:26px;font-family:'Belleza, Oxygen;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Cara Mengganti Atau Menambahkan Style Font Di template Blogger telah selesai.
Mudah bukan?
Silahkan dicoba saja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk backup template anda.
Selamat mencoba dan semoga bermanfaat !

Baca Selengkapnya >>

20 Cara Menambahkan Meta Deskripsi pada Blogger Versi Terbaru

Pada artikel kali ini, akan dijelaskan bagaiman Cara Menambahkan Meta Deskripsi pada Blogger Versi Terbaru. Mungkin sebagian dari Anda pengguna blogger, sudah ada yang tahu mengenai fitur ini,

Blogger telah menambahkan fitur terbarunya yaitu teknik atau cara terbaru dalam memasang atau menambahkan meta deskripsi pada pada blog, jadi kita tidak perlu lagi repot-repot untuk membuat meta deskripsi dengan mengedit template, atau masuk pada edit HTML pada menu Design / Rancangan.

Meta description merupakan bagian vital blog yang berisi informasi tentang blog dan artikel-artikel yang ditulis. Tanpa meta description maka blog akan sangat sulit dirayapi oleh mesin pencari. Salah satu kegunaan meta deskripsi lainnya adalah jika pada saat situs lain akan menampilkan situs blog kita pada situs mereka dengan mengambil informasinya dari meta description, sebagai contoh, pada saat anda menautkan sesuatu ke jejaring sosial tertentu, namun terkadang deskripsi sebuah blog di tautkan ke facebook (homepage) dan postingan blog tidak muncul. disinilah fungsi dari sebuah sebuah meta deskripsi yaitu memunculkan deskripsi suatu blog atau postingan blog jika kita menautkannya pada jejaring sosial tertentu.

jadi, beruntunglah kalian yang telah menggunakan platform blogger yang telah di beri kemudahan pada pemasangan meta deskripsi nya,
Ada dua macam meta tag deskripsi yang akan saya berikan tutorialnya kali ini; yang pertama adalah menambahkan meta deskripsi blog / homepage dan yang kedua menambahkan meta deskripsi tiap halaman posting atau individual post blog.
Disini saya menggunakan tampilan baru dasbor blogger.
baiklah, langsung kita mulai saja tutorial Cara Menambahkan Meta Deskripsi pada Blogger Versi Terbaru nya.

-  Menambahkan Meta Deskripsi Pada Home Page Blogger

• Masuk ke akun blogger Dasbor > Klik Setelan/Setting > Preferensi Penelusuran > Tag Meta
  
  


• Klik "Edit" pilih "Ya" pada "Aktifkan deskripsi penelusuran?"
  
  


• Isi meta description dengan karakter maksimum 150 karakter. Setelah di isi klik tombol "Simpan perubahan"

Note:
Meta description ini akan digunakan hanya pada halaman utama (halaman index atau halaman beranda) sedangkan untuk masing-masing artikel, kita harus menuliskannya lagi.

-  Menambahkan Meta Deskripsi Tiap Halaman Postingan Blog Atau Static Page

• Masuk ke menu Post > pilih postingan blog yang akan di edit.
• Perhatikan pada sidebar editor, harus sudah bertambah satu widget "Deskripsi Penelusuran"
  
  


• Klik "Deskripsi Penelusuran" dan masukan deskripsi artikel pada kotak dibawahnya, setelah itu klik tombol "Selesai"

Keterangan:
Deskripsi Penelusuran ini akan menggantikan deskripsi global, dan deskripsi ini akan digunakan mesin pencari untuk mengurai isi artikel anda. Meta Description ibarat ringkasan dari artikel yang anda tulis, oleh karena itu, buatlah deskripsi yang menarik. Deskripsi artikel tidak akan ditampilkan pada browser namun akan diambil oleh mesin pencari (machine-readable metadata) dan situs lain (misal Facebook dan Google Plus).

Belum selesai sampai di sini,silahkan edit sedikit template blogger anda untuk penyesuian..
Langkah :

• Masuk ke "Template - Edit HTML - Lanjutkan"
• Scroll hingga di temukan kode dibawah ini:

<meta expr:content='data:blog.metaDescription' name='description'/>

• Jika tidak ditemukan berarti blog anda belum menggunakan meta description walau sudah diaktifkan, ikuti langkah penyisipan kode berikutnya.
• Jika template belum menerapkan meta description, cari kode dibawah ini:

<b:include data='blog' name='all-head-content'/>

• Masukan (copy paste) kode dibawah ini tepat di bawah kode <head>

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

• Simpan template..

Setelah meta description diaktifkan, dan artikel yang disertai meta descriptioan diterbitkan maka lakukan pengecekan untuk memastikan bahwa meta description sudah aktif pada blog anda. Lakukan langkah berikut:

• Lihat artikel yang sudah disertai meta description
• Gunakan kombinasi tombol keyboard CTRL + U (pengguna Firefox dan Chrome) atau klik kanan pada area artikel dan pilih "View source" (pengguna Safari) untuk melihat source code blog anda, dan perhatikan meta deskripsi yang baru saja anda buat. Atau gunakan kata kunci "name='description'" menggunakan pencarian browser. Jika sudah tampil seperti apa yang anda tuliskan pada artikel berarti meta description pada blog anda sudah aktif, lakukan share pada Facebook atau Google Plus, maka yang akan ditampilkan adalah meta description, bukan penggalan artikel lagi..

Demikian tutorial bagaimana Cara Menambahkan Meta Deskripsi pada Blogger Versi Terbaru. Oke rasanya cukup mudah, tinggal di praktekkan saja.

Semoga Bermanfaat...

Baca Selengkapnya >>