Sejarah Patung dan Pelinggih di Setra Sidakarya

“Tabik Ratu Pekulun”
Setiap tempat atau bangunan pasti ada ceritanya ataupun sejarah asal usulnya, tempat-tempat tersebut akan memiliki sejarahnya masing-masing, begitu juga dengan sejarah Patung/Togog dan Pelinggih di Setra Sidakarya, yang letaknya di Sisi Timur Lapangan Sepak Bola Karya Manunggal Desa Sidakarya, Kecamatan Denpasar Selatan, Kota Denpasar. Keberadaan Patung di Setra Sidakarya ini dibuat oleh I Made Rabayasa dan di bantu oleh I Made Rubed dan I Wayan Rupeg pada tahun 1969, pada awalnya berkeinginan dibangun 3 (tiga) buah patung yaitu patung Birawa, patung Birawi dan patung Toktoksil, begitu dibuatkan patung yang pertama dengan posisi di timur menghadap ke barat entah kenapa saat memasuki akhir penyelesaian tiba-tiba patung itu rusak, begitu diperbaiki kembali rusak patung tersebut, merasa ada keanehan, pembuatan ketiga patung tersebut urung dilaksanakan, karena mendapat firasat lain, bekas patung pertama yang belum terbentuk sempurna tersebut, akhirnya dirubah begitu saja hingga menjadi wujud seorang perempuan dengan rambut panjang dan buah dada besar (gede lambih), setelah patung tersebut selesai, disuatu kesempatan datanglah I Pekak Ada, yang berasal dari Br Taman Sanur, untuk melihat patung ini dan entah kenapa I Pekak Ada, tiba-tiba kerahuan dan mepenika (mengatakan) agar patung ini di beri Wasta (nama ) Ratu Biang Gobleh atau singkatnya orang sering menyebut “Men Gobleh” .

Disuatu kesempatan, saat melintas I Pekak Kembar dari Suwung Kangin didepan Setra Sidakarya (sebelum lapangan sepak bola dibangun, dulu masih ada akses jalan depan Setra Sidakarya) melihat wajah patung tersebut berubah warna menjadi Merah-Hitam, melihat hal ini I Pekak Kembar menceritakan kejadian yang dilihat kepada I Made Rabayasa, bukan hanya I Pekak Kembar saja yang melihat keanehan ini, namun juga dilihat oleh I Wayan Roka yang sedang melintas di depan Setra Sidakarya, mendengar keanehan ini, akhirnya I Made Rabayasa merubah warna wajah patung ini menjadi “Merah-Hitam”, dimana yang menyumbangkan cat Merah-Hitam adalah I Wayan Roka sendiri, dan pada akhirnya patung ini selesai dibangun pada tanggal 5 Agustus 1969.


Dalam waktu berjalan kira-kira tahun 1971, dalam suatu kegiatan upacara, dimana salah satu sesepuh/penua pada waktu itu kerahuan dan mepenika (mengatakan) agar dibuatkan lagi satu buah patung wanita dengan paras cantik, kulit kuning langsat dan di beri Wasta (nama) “Ni Ratna sari - Ratna Juwita” atau orang kadang juga menyebut Gek-gek Tonggek, yang mana patung ini juga adalah salah satu anak dari Ratu Biang Gobleh, sesuai dengan petunjuk tersebut diatas, I Made Rabayasa kembali membuat sebuah patung duduk bersimpuh dengan posisi di utara menghadap ke selatan.



Diareal patung-patung ini ada juga Pelinggih Taksaka yaitu Pelinggih Pohon Kepuh dimana posisinya pelinggih ini berada posisi paling selatan dan Pelinggih Taksaka ini merupakan penukar Pohon Kepuh yang pernah ada dan tumbang kira-kira pada tanggal September 1955. Pohon Kepuh ini adalah Pohon Kepuh terbesar dan tertinggi yang pernah dimiliki oleh Desa Sidakarya dimana pada bagian batang bawah Pohon Kepuh ini ada sebuah lubang/goa dengan ruang yang cukup besar, bisa dibayangkan seberapa besar pohon ini, namun tiada yang kekal kehidupan didunia ini mungkin karena sudah tua akhirnya Pohon Kepuh ini tumbang juga dan saat tumbang arahnya menuju arah utara sehingga merusak sebagian Pelinggih Pura Dalem Sudha Sidakarya. Disamping Pelinggih Taksaka ada lagi satu pelinggih yang letaknya berada disamping utara Pelinggih Taksaka, menurut bebarapa sumber dulunya Pelinggih ini berada di tengah areal alang-alang (lapangan sepak bola sekarang), karena ada pembuatan lapangan sepak bola Desa Sidakarya melalui AMD XXI tahun 1986 (ABRI Menunggal Desa yang pelaksanaannya dimulai pada tanggal 1 sampai dengan 22 Juli 1986) akhirnya pelinggih yang dulunya berada ditengah alang-alang (sekarang Lapangan Sepak Bola) tersebut dipindah ke areal pelinggih sekarang. Disamping patung dan pelinggih tersebut, ada juga pelinggih yang berada di ujung selatan setra dan Pura Prajapati letaknya berada paling timur, yang merupakan pura pada umumnya di setiap setra masing-masing desa.

Pembangunan Pura Dalem Sudha Sidakarya Pasca Gempa

Gempa yang terjadi di Denpasar, Bali Pada hari ini Rabu, 13 Oktober 2011, pukul 11 : 16 : 27 Wita Gempa dengan kekuatan 6,8 SR, pada lokasi 989 LS – 114,53 BT di kedalaman 10 km dari bawah laut arah 143 Km Barat Daya Nusa Dua Bali yang merusak Pura Dalem Sudha Sidakarya mulai diperbaiki dan dibangun kembali, bangunan yang rusak tersebut seperti : Gedongnya dengan dinding retak, Candi Kurung dengan atap atas jebol, Candi Bentar di Jaba Sisi atap sebelah selatan putus dan Candi Bentar di Jaba Sisi kedua atap atas Pura Kayangan putus. (baca : Gempa Merusak Pura Dalem Suda Sidakarya).


Melalui Paruman Desa Sidakarya yang dipimpin oleh Bendesa Pekraman Sidakarya I Nyoman Kantun, SH, MM. Pada Bulan Desember 2011 mulai dilakukan perbaikan dan pembangunan Pelinggih Pura Dalem Sudha Sidakarya dari bagian Mandalaning Utama seperti Gedong, Tajuk, Bale Gede, Kori Agung, Bale Pesantian dan Penyengker. Selanjutnya perbaikan pembangunan fisik di Madyaning Mandala berupa perbaikan Candi Bentar Pura Dalem Sudha Sidakarya dan Candi Bentar Pura Kayangan Sakti Sidakarya, Bale Gede di Pura Kayangan Sakti Sidakarya dan Pembangunan pura Taman Sari Dalem Sudha dengan total biaya keseluruhan sebesar dari Pembangunan Pura Dalem Sudha Sidakarya, Pembangunan Kayangan Sakti Sidakarya dan Pura Taman sari Sudha Sidakarya sebesar Rp 3.146.895.400, dana pembangunan fisik swadaya murni masyarakat ini berasal dari sumbangan warga baik itu perorangan maupun instansi/organisasi, adapun dengan perincian biaya sebagai berikut :
  1. Pembangunan Fisik Pura Dalem Sudha Sidakarya sebesar Rp. 2.692.895.400
  2. Pembangunan Fisik Pura Kayangan Sakti Sidakarya sebesar Rp 396.000.000
  3. Pembangunan Fisik Pura Taman sari Sudha Sidakarya sebesar Rp. 58.000.000
Sebagai tahap akhir sesuai dengan Paruman Desa, Desa Pekraman Sidakarya jika tidak ada halangan akan dilaksanakan KARYA MEMUNGKAH DAN NGENTEG LINGGIH dll, yang pelaksanaanya diperkirakan pada bulan Agustus 2015.

Cara membuat menu Drop Down Versi Mobile, HP dan Versi Komputer

Menu Drop Down ini bisa digunakan dan bisa tampil untuk versi mobile, HP dan versi web (dekstop/pc/laptop).

Contoh gambar


Untuk mengaturnya kembali atau membuat menu sendiri diperlukan beberapa kode CSS dan langkah-langkah dibawah ini :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin>  (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>  

  8. /* Menu Horizontal Dropdown
    ----------------------------------------------- */
    #menuhorizontal{
    background: #222222  repeat-x;
    width:100%;
    margin:0 auto;
    padding:0 auto
    }
    #menuhorizontal1{
    position:static;
    width:100%;
    height:30px;
    margin:0 auto
    }
    .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%}
    #submenubarhorizontal,#submenubarhorizontal ul{
    list-style:none;
    font-family:Arial, serif;
    margin:0;
    padding:0
    }
    #submenubarhorizontal a{
    display:block;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    color: #ff9900;
    border-right:1px solid #222222;
    padding:12px 10px 8px
    }
    #submenubarhorizontal
    a.trigger{
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7sKlZ1ctefYLy7N24ZY8aXKJKHr4F2pXqxrJOod0SW8WAexg0TFETTDT7DyWxjPZXfzb5wiJoFbx_DUA1vrifg-yxLQn3P_xfYDYV0eV-j45_22ulqGgGfgOvbFSggbGKF-xoq2nQCHI/s1600/arrow_white.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding:12px 24px 8px 10px
    }
    #submenubarhorizontal li{
    float:left;
    position:static;
    width:auto
    }
    #submenubarhorizontal li ul,
    #submenubarhorizontal ul li{
    width:170px
    }
    #submenubarhorizontal ul li a{
    text-align:left;
    color:#fff;
    font-size:12px;
    font-weight:400;
    text-transform:none;
    font-family:Arial;border:none;padding:5px 10px
    }
    #submenubarhorizontal li ul{z-index:100;position:absolute;
    display:none;
    background:#C50A0A;padding-bottom:5px;
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)
    }
    #submenubarhorizontal li:hover ul,
    #submenubarhorizontal li.hvr ul{display:block}
    #submenubarhorizontal li:hover ul a,
    #submenubarhorizontal li.hvr ul a{color:#edfdfd;
    background-color:transparent;
    text-decoration:none
    }
    #submenubarhorizontal li ul li.hr{border-bottom:1px solid #444;
    border-top:1px solid #000;
    display:block;font-size:1px;
    height:0;line-height:0;
    margin:4px 0
    }
    #submenubarhorizontal ul a:hover{
    background-color:#ff9900!important;
    color:#fff!important;text-decoration:none
    }

  9. Kemudian cari kode

    1. <header> : untuk menu di atas header blog
    2. </header>: untuk menu di bawah header blog

  10. Copy dan pastekan kode dibawah ini dan letakkan diatas kode <header> untuk menu diatas header dan atau diatas kode </header> untuk menu dibawah header

  11. <div id='menuhorizontal'>
    <div id='menuhorizontal1'>
    <ul id='submenubarhorizontal'>
    <li><a href=' nama-alamat-blog.html ' target='new'>Home</a></li>
    <li><a class='trigger'>nama menu 1</a>
    <ul><li class='hr'/>
    <li> <a href=' nama-alamat-blog.html ' target= ' new '>sub nama menu 1</a></li>
    <li class='hr'/>
    <li> <a href=' nama-alamat-blog.html ' target= ' new '> sub nama menu 1</a></li>
    <li class='hr'/>
    <li> <a href=' nama-alamat-blog.html ' target=' new '> sub nama menu 1</a></li>
    <li class='hr'/>
    <li><a href=' nama-alamat-blog.html  ' target=' new '> sub nama menu 1</a></li>
    </ul></li>
    <li><a href=' nama-alamat-blog.html  ' target=' new '>nama menu </a></li>
    <li><a href=' nama-alamat-blog.html ' target=' new '>nama menu</a></li>
    <li><a class='trigger'>nama menu 2</a>
    <ul><li class='hr'/>
    <li><a href='nama-alamat-blog.html ' target=' new '>sub nama menu 2</a></li>
    <li class='hr'/>
    <li><a href=' nama-alamat-blog.html ' target='_blank '> sub nama menu 2</a></li>
    <li class='hr'/>
    <li><a href=' nama-alamat-blog.html ' target='  new '> sub nama menu 2</a></li>
    </ul></li>
    <li><a class='trigger'>nama menu 3</a>
    <ul><li class='hr'/>
    <li><a href=' nama-alamat-blog.html ' target=' new  '> sub nama menu 3</a></li>
    <li class='hr'/>
    <li><a href=' nama-alamat-blog.html ' target='new'> sub nama menu 3</a></li>
    </ul></li>
    <li><a class='trigger'>nama menu 4</a>
    <ul><li class='hr'/>
    <li><a href= ' nama-alamat-blog.html '>Sub nama menu 4</a></li>
    <li class='hr'/>
    <li><a href= ' nama-alamat-blog.html '  target='new '> Sub nama menu 4</a></li>
    <li class='hr'/>
    <li><a href='  nama-alamat-blog.html ' target='new '> Sub nama menu 4</a></li>
    <li class='hr'/>
    <li><a href=' nama-alamat-blog.html  ' target='new '> Sub nama menu 4</a></li>
    </ul></li>
    <li><a href=' nama-alamat-blog.html ' target='new '> nama menu </a></li>
    </ul>
    </ul>
    <br class='clearit'/></div>
    <div style='clear:both;'/></div>

    Keterangan

    1. Kode berwarna merah adalah warna background utama
    2. Kode warna coklat adalah warna teks utama
    3. Kode berwarna biru adalah lebar menu
    4. Kode warna hijau adalah garis pembatas menu
    5. Kode warna biru langit adalah warna background sub menu
    6. Nama alamat blog adalah Url tujuan, ganti dengan Url pada blognya kawan

Demikianlah postingan saya kali ini tentang cara membuat menu dropdown diatas header atau dibawah header, semoga bermanfaat.

Mantra Panca Sembah

I. SIKAP Sempurna
Padmasana untuk atau Silasana untuk Pria Dan Bajrasana untuk Wanita
Om Prasada Sthiti Sarira Siwa Suci Nirmala Ya Namah Swaha
artinya:
Ya Tuhan Dalam, wujud Siwa, Suci tak ternoda, Hormat Hamba, Hamba telah duduk Artikel Baru Tenang

II. Mantra Untuk Dupa
Om Ang Dupa Dipastra Ya Nama
artinya:
Oh Hyang Widhi, Hamba persembahkan Dupa INI

III. Mantra untuk Bunga
Om Ang Ung Mang Puspa Danta Ya Namah Swaha
Artinya:
Ya Tuhan, Semoga bunga inisial Cemerlang Dan suci

IV. Pranayama (Mengatur Nafas):
Puraka (Tarik Nafas):
Om Ang Namah artinya: Oh Hyang Widhi Dalam, Aksara Ang Sang Pencipta, Hamba Hormat
Kumbaka (Tahan Nafas):
Om Ung Namah artinya: Oh Hyang Widhi Dalam, Aksara Ung Pemelihara, Hamba Hormat
Recaka (Keluarkan Nafas):
Om Mang Namah artinya: Oh Hyang Widhi Dalam, Aksara Mang Pelebur, Hamba Hormat

V. Sembah PUYUNG (sembah Artikel Baru Tangan Kosong)
Om atma tattvatma suddha mam Svaha.
artinya:
Om atma, atmanya kenyataan Suami, bersihkanlah Hamba.

VI. Menyembah Sanghyang Widhi sebagai Sang Hyang Aditya Artikel Baru Sarana bunga
Om Aditisyaparamjyoti
Rakta teja namo Stute
sveta Pankaja madhyastha
bhaskaraya namo Stute
Om hrang hring sah parama siwa raditya ya namo namah

Artinya:
Om, surya sinar Yang maha Hebat
Engkau BERSINAR merah hormat Padamu
Engkau Yang berada di Tengah-Tengah teratai putih
Hormat Padamu pembuat sinar.

VII. Menyembah Sanghyang Widhi sebagai Ista Dewata
Artikel Baru Sarana Kwangen atau Bunga Warna-warni
Om Nama deva adhisthannaya
vyapi sarva vai Sivaya
ekapratisthaya padmasana
ardhanaresvaryai namo namah

Artinya:
Om, kepada Dewa Yang bersemayam PADA TEMPAT Yang inggi,
kepada Siwa Yang sesungguhnyalah berada dimana-mana,
kepada Dewa Yang Yang bersemayam PADA TEMPAT duduk bunga teratai sebagai Satu TEMPAT,
kepada Adhanaresvari, Hamba menghormat
Menyembah Tuhan sebagai Pemberi Anugrah Sarana bunga

VIII. Menyembah Sanghyang Widhi sebagai Pemberi Anugrah
Artikel Baru Sarana Kwangen atau Bunga Warna-warni
Om Anugraha manohara,
devadattanugrahaka,
arcanam sarvapujanam
namah sarvanugrahaka.

Deva devi mahasiddhi,
yajnanga nirmalatmaka,
Laksmi siddhisca dirghayuh,
nirvighna sukha vrddhisca

Artinya:
Om, Engkau Yang menarik hati, anugerah Pemberi,
dewa anugerah pemberian,
* Semua pujaan pujaan,
hormat PADA-Mu Pemberi * Semua anugerah.

Kemahasidian Dewa Dan Dewi,
yadnya Berwujud, Pribadi suci,
kebahagiaan, kesempurnaan,
Panjang umur,  prabayar bebas Bahasa Dari rintangan,
Dan kegembiraan kemajuan

IX. Sembah PUYUNG (Sembah Artikel Baru Tangan Kosong)
Om deva suksma paramacintyaya Nama Svaha
Om, Santih, Santih, Santih Om

artinya:
Om, Hyang Widhi hormat Dan terima Kasih PADA MU
Yang tak terpikirkan Yang maha Tinggi Yang gaib.
Om, Semoga Damai dihati, Damai di Dunia, Damai diakhiran

X. Metirtha (Pemercikan Tirtha Pembersihan / pengelukatan)
Om Pratama Sudha, Dwitya Sudha, Tritya Sudha,
Caturty Sudha, pancamani Sudha, Sudha-Sudha Wariastu.

XI. Pemercikan Tirtha Wangsuhpada (Pemercikan Tiga Kali)
Om Ang Brahma Amertaya namah,
Om Ung Wisnu Amertaya Namah,
Om Mang Iswara Amertaya namah.

Artinya:
Oh Hyang Widhi bergelar Brahma,
Wisnu Icwara, Hamba Memujamu,
Anggota Semoga Dapat Kehidupan (untuk Artikel Tirtha INI)

XII. Minum Tirtha Tiga Kali
Om Sarira Paripurnaya Namah,
Om Ang Ung Mang Sarira Sudha, Pramantyaya namah,
Om Um Ang Samo Sampurna Ya Namah

XIII. Meraup Percikan Tirtha Ke Muka
Om Siwa Amertaya Namah,
Om Sadha Siwa Amertaya Namah,
Om Parama Siwa Amertaya namah.

Artinya :
Oh Hyang Widhi (Ciwa, Sadha Ciwa, Parama Ciwa)
Hamba MemujaMU Semoga Memberi Amerta Pada hamba.

XIV. Mantra Memasang Bija 
Bija Untuk Didahi : Om Çriyam Bhawantu
Bija Di Bawah Tenggorokan : Om Sukham Bhawantu
Bija Untuk Di Telan : Om Purnam Bhawantu
Om Ksama Sampurna Ya Namah Swaha

Artinya :
Oh Hyang Widhi Semoga Kebahagiaan Meliputi Hamba
Oh Hyang Widhi, Semoga Kesenangan Selalu Hamba Peroleh
Oh Hyang Widhi Semoga Kesempurnaan Meliputi Hamba,
Oh Hyang Widhi Semoga Semuanya Menjadi Bertambah Sempurna

XV. Meninggalkan Tempat Suci
Om Ksama Swamam Mahadewa,
Sarwa Prani Hitangkara,
Mamoca Sarwa Papebyah,
Palayaswa Sadha Siwa.

Artinya :
Oh Hyang Widhi (Mahadewa) Pencipta Segala mahluk,
Ampunilah Dosa Hamba,
Bebaskan Hamba dari Segala macam Dosa,
Lindungilah dan Tuntunlah Hamba Kejalan yang Benar,
Oh Hyang Widhi Sadha Siwa.


Mantra Puja Tri Sandya

PUJA TRI SANDYA

I Asana (Sikap Sempurna) :
OM Prasada Sthiti Çarira Çiwa Suci Nirmala Ya Namah Swaha Artinya : Oh Hyang Widhi Dalam Wujud Siwa, Suci Tak Ternoda, Hormat Hamba Telah Duduk Dengan Tenang

II. Pranayama (Mengatur Nafas) :
Puraka (Tarik Nafas) :
Om Ang Namah artinya : Oh Hyang Widhi Dalam Aksara Ang Pencipta, Hamba Hormat
Kumbaka (Tahan Nafas) :
Om Ung Namah artinya : Oh Hyang Widhi Dalam Aksara Ung Pemelihara, Hamba Hormat
Recaka (Keluarkan Nafas) :
Om Mang Namah artinya :Oh Hyang Widhi Dalam Aksara Mang Pelebur, Hamba Hormat

III. Penyucian Tangan :
Tangan Kanan : Om Sudhamam Svaha artinya : Oh Hyang Widhi Semoga Hamba Bersih
Tangan Kiri : Om Ati Sudhamam Svaha artinya :Oh Hyang Widhi Semoga Hamba Menjadi Sangat Bersih

IV. Puja Tri Sandya Ngawit :

Om Bhur Bvah Svah
Tat savitur varenyam
bhargo devasya dhimahi
dhiyo yo nah pracodayat

Om Narayana evedam sarvam
yad bhutam yacca bhavyam
niskalanko niranjano
nirvikalpo nirakyatah
suddho deva eko
Narayano na dvit'yo sti kascit

Om Tvam sivah tvam mahadevah
Isvarah paramesvarah
Brahma Vishnusca Rudrasca
Purusah Parikirtitah

Om Papoham papakarmaham
Papatma papasambhavah
Trahi mam pundarikaksa
Sabahyabhyantarah sucih

Om Ksamasva mam Mahadeva
Sarvaprani hitankara
Mam moca sarva papebyah
Palayasva sada Siva

Om Ksantavyah Kayikodosah
Ksantavyo vaciko mamah
Ksantavyo manaso dosah
Tat pramadat ksamasva mam
Om Santih Santih Santih Om


ARTINYA

Ya Tuhan! Kau penguasa ketiga dunia
kami memusatkan pikiran pada kecemerlangan
dan kemuliaan Hyang Widhi
Semoga Ia berikan semangat pikiran kita

Ya Tuhan! Narayana adalah semua ini
yang telah ada dan yang akan ada
bebas dari noda, bebas dari kotoran,
Bebas dari perubahan, tak dapat digambarkan
Sucilah Narayana
Ia hanya satu tidak ada yang kedua

Ya Tuhan! Engkau dipanggil Siwa, Mahadewa,
Iswara, Parameswara,
Brahma, Wisnu, Rudra,
dan Purusa

Ya Tuhan! Hamba ini papa, perbuatan hamba papa
diri hamba papa, kelahiran hamba papa
Lindungilah hamba
Hyang Widhi, sucikanlah jiwa dan raga hamba

Ya Tuhan! Ampunilah hamba Hyang Widhi
Yang memberikan keselamatan
kepada semua makhluk
bebaskan hamba dari segala dosa, O Hyang Widhi

Ya Tuhan! Ampunilah dosa perbuatan hamba
Ampunilah dosa perkataan hamba
Ampunilah dosa pikiran hamba
Ampunilah hamba dari segala kelalaian hamba

Ya Tuhan! Semoga damai, damai, damai, Ya Tuhan!

Setelah selesai Puja Tri Sandya selanjutnya Kramaning Sembah atau Panca Sembah Klik Disini


Cara memasang Breadcrumb diblog

Seperti apa yang saya ketahui dan sudah saya pasang seperti blog saya ini yang dimaksud dengan Breadcrumb Navigation adalah menu navigasi ataupun sebagi petunjuk arah halaman yang sedang dikunjungi yang berisi berupa link horisontal diatas blog yang sudah diatur sedemikian rupa sesuai dengan label yang dipasang/diatur dipostingan kita sebelumnya, biasanya link ini terpasang berurutan mulai dari menu Home >> Label >> Sub Label>>Judul Halaman Yang Sedang Dibuka, tujuannya untuk mempermudah dan memberikan informasi kepada pengunjung posisi halaman yang sedang dibuka sekarang, disamping itu akan mempermudah juga untuk kembali kehalaman Home/Beranda, adapun cara memasang Breadcrumb diblog sebagai berikut  :

  1. Sign in Ke blogger .
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari Kode ]]></b:skin> (biar lebih gampang gunakan tombol CTRL+F.)
  7. Kemudian copy dan paste kode dibawah ini dan letakkan diatas kode ]]></b:skin>

  8. /* Breadcrumbs
    ----------------------------------------------- */
    .breadcrumbs {
    padding:5px 5px 5px 0px; 
    margin: 0px 0px 15px 0px; 
    font-size:95%; line-height: 1.4em; 
    border-bottom:3px double #e6e4e3;
    }

  9. Kemudian cari kode <b:includable id='main' var='top'> (biar lebih gampang gunakan tombol CTRL+F.)
  10. Jika sudah ketemu, ganti code <b:includable id='main' var='top'> dengan code dibawah ini

  11. <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:loop>
    &#187; <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <b:include data='posts' name='breadcrumb'/>


  12. Klik Pratinjau untuk melihat kesalahan dan apabila sudah tidak ada masalah klik Simpan

  13. Demikianlah postingan saya kali ini tentang cara memasang breadcrumb diblog, semoga bermanfaat.

Cara membuat kotak komentar diblog

Pada halaman terakhir blog sering kita jumpai box/kotak yang berisikan tulisan “Tulis komentar disini”, yang artinya setiap pengunjung bisa memberikan komentar atas kunjungannya di blog tersebut, kolom komentar biasanya sudah disediakan pada masing-masing tempelate, namun oleh kalangan blogger sering didesign ataupun diganti tampilannya sedemikian rupa sehingga tampilan blog lebih menarik, adapun cara menganti box/kotak komentar sebagai berikut:


  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin> atau (gunakan tombol CTRL + F untuk mempermudahkan pencarian kode)
  7. Copy dan paste kode dibawah ini dan letakkan diatas kode ]]></b:skin>
  8. Klik Pratinjau utnuk melihat apabila ada kesalahan dan selanjutnya klik Simpan

  9.  /* CSS Komentar */
    #form-wrapper {margin-top:20px;}
    #comments{overflow:hidden;}
    .comments {clear: both;padding: 20px 30px 30px;margin: 10px 0px;background: none repeat scroll 0% 0% rgb(34, 34, 34);    border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px black inset;color: white;}
    #comments h4{display:block;padding:5px;line-height:30px}
    #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
    #comments h4{background:rgba(255, 0, 0, 0.2); text-align:center;}
    #comments h4,.comments .user a{font-size:14px}
    #comments h4{font-weight:normal;color:#fff}
    #comments h4:after{content:"";position:absolute;bottom:-10px;left:20px;width: 0px;height: 0px;border-style: solid;
    border-width: 10px 7.5px 0 7.5px;border-color: rgba(255, 0, 0, 0.2) transparent transparent transparent;line-height:0}
    h4#comment-post-message {display:none}
    #comments .avatar-image-container img {border: 0px none; padding: 0px;box-shadow: none;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
    .comments .comments-content .datetime { float: right; font-size: 10px; margin-right:4px}
    .comments .comments-content .comment:first-child {padding-top: 0px;}
    .comments .thread-toggle { display: none;}
    .comments .comment .comment-actions a {padding: 2px 10px;background: rgb(51, 51, 51);border: 1px solid rgb(70, 70, 70);position: absolute;box-shadow: 0px 1px 2px black;color:rgb(230, 230, 230);-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-o-transition: all .05s linear;transition: all .05s linear;}
    .comments .comment .comment-actions a:hover {background: none repeat scroll 0% 0% rgb(40, 40, 40);border: 1px solid rgb(51, 51, 51);text-decoration: none;box-shadow: 0px 0px 1px black;}
    .comment-thread{color:rgb(230, 230, 230); font-size:13px;}
    .comment-thread a{color:#777}
    .comment-thread ol{margin:0 0 20px}
    .comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a {color: rgb(230, 230, 230);font-weight: bold;font-size: 13px;text-shadow: 1px 1px rgb(0, 0, 0);}
    .comments .avatar-image-container, .comments .avatar-image-container img {width: 45px;max-width: 100%;height: 45px;    max-height: 100%;margin: 0px 0px 3px;vertical-align: middle;border: 1px solid rgb(51, 51, 51);padding: 4px;box-shadow: 0px 1px 2px black;background-color: transparent;background-clip: content-box;transition: all 0.5s ease-out 0s;border-radius: 30px 0px 0px 30px;-webkit-border-radius:30px 0px 0px 30px;-moz-border-radius:30px 0px 0px 30px;overflow:hidden;}
    .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:58px}
    .comments .comment-block{ border: 1px solid rgb(51, 51, 51);padding: 6px;background: none repeat scroll 0% 0% rgb(40, 40, 40);box-shadow: 0px 1px 2px black;position: relative;    transition: all 1s ease-out 0s;}
    .comments .comments-content .comment-header {margin: 2px 0px 0px; padding: 5px 10px 7px; border: 1px solid rgb(65, 65, 65);background-color: rgb(51, 51, 51); word-wrap: break-word; }
    .comments .comments-content .comment-content {margin: 2px 0px 10px; padding: 5px 10px 7px; border: 1px solid rgb(65, 65, 65);background-color: rgb(51, 51, 51); word-wrap: break-word; }
    .comments .comments-content .comment{margin:20px 0 0;padding:0;width:100%;line-height:1em}
    .comments .comments-content .comment-thread {margin: 20px 0px;}
    .comments .comments-content .icon.blog-author{display:block;  width:0;  height:0;  border:13px solid transparent;  border-right-color:rgba(255, 0, 0, 0.1);  position:absolute;  right:-1px;  bottom:4px;animation:author-icon .9s infinite;-moz-animation:author-icon .9s infinite; -webkit-animation:author-icon .9s infinite; }
    .comments .comments-content .inline-thread{padding:0 0 0 20px}
    .comments .comments-content .comment-replies{margin-top:0}
    .comments .comment-content{padding:5px 0;line-height:1.4em}
    .comments .comment-thread.inline-thread{border-left: 1px solid rgb(20, 20, 20);background: none repeat scroll 0% 0% transparent;box-shadow: -1px 0px 0px rgb(51, 51, 51);}
    .comments .comment-thread.inline-thread .comment{width:auto}
    .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
    .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
    .comments .comment-thread.inline-thread .user a{font-size:13px}
    .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
    .comments .continue{border-top:0;width:100%}
    .comments .continue a, .comments .comments-content .loadmore a {background: none repeat scroll 0% 0% rgb(40, 40, 40);
    font-size: 16px;font-weight: normal;color: rgb(255, 255, 255);padding: 10px 0px;text-align: center;box-shadow: 0px 1px 2px black;
    text-transform: capitalize;text-shadow: 1px 1px rgb(0, 0, 0);-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;border: 1px solid rgb(59, 59, 59);}
    .comments .continue a:hover, .comments .comments-content .loadmore a:hover{box-shadow: 0px 0px 1px black;}
    .comments .continue a:active, .comments .comments-content .loadmore a:active{box-shadow: none;background:rgb(70, 70, 70);}
    .comments .comments-content .loadmore {margin-top:0px;}
    .comment .continue{display:none}
    #comment-editor{width:103%!important;}
    .comment-form{width:100%;max-width:100%;margin-top:20px;}

    Demikian postingan saya kali ini mudah – mudahan bisa bermanfaat