mengganti dan merubah template

Cara Mengetahui ID Blog Dan ID Lainnya Di Blog

ID blog, Id Widget dan Id Post serta ID lainnya pada sebuah blog dapat diketahui dengan cara yang sangat mudah dan cepat tanpa harus login ke blogger. Caranya ? hanya menggunakan fasilitas Inspect Element yang telah disediakan oleh browser Mozilla, Chrome serta IExplorer.

Mengetahui ID blog, ID widget dan ID Postingan sangatlah penting, sebab ID blog biasanya digunakan saat kita memasang widget tertentu yang diperoleh dari luar blogger. Sedangkan ID Posting, ID Widget serta ID lainnya banyak digunakan saat kita mengganti atau merubah template blog.

Berikut cara mengetahui dengan cepat dan mudah ID blog, ID widget serta ID posting beserta contoh penggunaannya:

Poin 1:
Buka blog yang ingin diketahui ID nya dengan browser Mozilla Firefox. Atau bisa juga menggunakan browser lainnya, dalam hal ini saya contohkan dengan browser Firefox.

Poin 2:
Misalnya kita ingin merubah warna background widget sidebar yang berjudul "Arsip Blog". Untuk merubah background tersebut kita harus tahu terlebih dahulu apa ID atau identitas dari widget  "Arsip Blog". Caranya, arahkan pointer atau mouse ke judul widget kemudian klik kanan dan klik inspect element. Lihat Gambar 1.

Poin 3:
Nampak tampilan terbelah menjadi dua bagian. Pada tampilan bagian bawah itulah terdapat ID dari widget "Arsip Blog" yaitu dengan nama ID "BlogArchive1". Lihat Gambar 2.

Poin 4:
Dengan diketahuinya ID widget "Arsip Blog" tersebut, kalau kita login ke blogger --> Template --> Edit Html,  kemudian kita tambahkan kode css ID widget untuk mengganti background :

#BlogArchive1 {
background:#C9D0E0 ;
}

dan meletakkannya di atas kode ]]></b:skin> maka background dari widget "Arsip Blog" akan berubah. Lihat Gambar 3.

Gambar 1, 2 Dan 3. Klik Gambar untuk memperbesar tampilan
cara mengetahui id blog-1  cara mengetahui id blog-2  cara mengetahui id blog-3

Untuk mengetahui ID Blog dan ID Posting caranya tidak jauh berbeda dengan cara mengetahui ID Widget.

Arahkan Pointer atau mouse ke salah satu judul posting ---> klik kanan ---> klik inspect element. Maka di belahan bawah layar akan nampak ID blog dan ID Posting yang dituju.

Nampak ID blog dengan nomor 1190252569424539924  dan post ID 754081553204596678 untuk artikel dengan judul "Gambar Membuat background ....."

Kalau misalnya ingin merubah background dari artikel dengan judul "Gambar Membuat background .....", maka tinggal menambahkan kode css background:

#post-body-754081553204596678 {
background:#C9D0E0 ;
}

dan meletakkannya di atas kode ]]></b:skin>. Ilustrasi selengkapnya dapat dilihat pada gambar di bawah.

Klik Gambar untuk memperbesar tampilan
 cara mengetahui id blog-4  cara mengetahui id blog-5  cara mengetahui id blog-6

Untuk penggunaan ID blog saya belum mempunyai contoh riilnya jadi visual gambarnya belum ada. Demikianlah sedikit penjelasan tentang ID Blog, ID Widget dan ID Posting semoga bermanfaat.

Related Posts :



Tidak ada komentar:

Posting Komentar