Cara Membuat Simbol "Kurang Lebih" (±) di Blogger

Cara Membuat Simbol "Kurang Lebih" (±) di Blogger - Pada postingan sebelumnya saya telah berbagi info tentang bagaimana cara membuat simbol "derajat". Masih mengenai cara buat simbol dalam suat tulisan di Blogger, kali ini saya akan berbagi sedikit ilmu tentang cara membuat simbol "kurang lebih" (±) atau plus minus di Blogger.

Tanda atau simbol "kurang lebih" biasanya digunakan untuk menyebutkan kisaran harga atau jumlah atau besaran lainnya. Sebenarnya dengan menuliskan ejaannya saja yaitu "kurang lebih" tanpa menggunakan simbol sih bisa-bisa saja. Namun, jika memakai tanda atau simbol, maka tulisan kita akan terlihat lebih berwarna dengan variasi karakter.

Sama halnya dengan membuat simbol "derajat", cara membuat simbol "kurang lebih" pun dapat dilakukan dengan 2 cara yakni dengan menggunakan kode HTML tertentu dan dengan menggunakan kombinasi tombol "Alt" dan "Numeric Pad" pada keyboard.

Kode HTML untuk membuat simbol "kurang lebih" adalah ±. Ketikkan kode ± pada posisi "HTML" kemudian beralihlah ke posisi "Compose", maka tanda ± sudah terbentuk. Bila dilihat kembali di posisi "HTML" maka kode HTML yang diketikkan tadi telah berubah menjadi ±.

Cara yang ke-dua adalah dengan menggunakan keyboard. Caranya adalah tekan dan tahan tombol "Alt" lalu ketikkan angka "0177" di "Numeric Pad" kemudian lepas tombol "Alt" maka tanda ± akan terbentuk. Pastikan lampu "Num Lock" telah menyala.

Kode HTML	Keyboard
±	Alt + 0177

Jika ingin menuliskan tanda ± di judul, maka gunakan cara dengan menggunakan keyboard.

Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!

Cara Membuat Simbol Derajat di Blogger

Cara Membuat Simbol Derajat di Blogger - Dalam membuat artikel di Blogger, terkadang kita membutuhkan simbol-simbol tertentu untuk melengkapi tulisan kita. Salah satunya adalah simbol derajat ( ° ). Simbol derajat ini kita perlukan saat kalimat dalam tulisan kita ada yang mengandung unsur sudut kemiringan, skala suhu seperti Celcius, Fahrenheit, dan lain sebagainya.

Misalnya saja ada kalimat yang berbunyi, "Jumlah sudut-sudut segitiga adalah 180 derajat.". Akan lebih menarik jika kata "derajat" tersebut kita gantikan dengan simbol derajat sehingga hasilnya menjadi "Jumlah sudut-sudut segitiga adalah 180°.".

Begitu pula dengan satuan suhu, misalnya "37 derajat Celsius" akan lebih menarik bila tertulis "37 °C". Nah, saat menulis artikel di Blogger, kita bisa membubuhkan simbol derajat tersebut. 

Ada 2 cara yang saya ketahui untuk membuat simbol derajat di Blogger. Cara yang pertama adalah dengan menggunakan kode HTML tertentu. Sedangkan cara yang kedua yaitu dengan menggunakan keyboard.

Untuk membuat simbol derajat menggunakan kode HTML adalah dengan mengetikkan kode ° pada posisi "HTML" bukan di "Compose". Contohnya, pada posisi "HTML" tertulis 60° maka saat kita ke "Compose" hasilnya menjadi 60°. Kalau kita kembali lagi ke posisi "HTML" maka kode HTML untuk derajat tersebut sudah berubah menjadi simbol derajat ( ° ).

Cara yang ke-dua adalah dengan memanfaatkan keyboard. Saat kita akan membuat simbol derajat, tekan dan tahan tombol "Alt" kemudian ketikkan angka 248 pada numeric keypad. Setelah itu lepas tombol "Alt" tadi maka simbol derajat akan terbentuk.

Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!

Cara Memasang Breadcrumbs yang Terindeks Google

Cara Memasang Breadcrumbs yang Terindeks Google - Salah satu blog saya lainnya yang berjudul Intips-Busana telah berusia satu bulan dengan beberapa artikel di dalamnya. Template yang digunakan untuk blog tersebut tidak terdapat menu navigasi breadcrumbs-nya.

Kemudian saya memasang breadcrumbs pada blog tersebut beberapa hari yang lalu. Setelah saya cek di Google hari ini, ternyata ada beberapa artikel yang breadcrumbs-nya telah terindeks oleh Google. Screenshot-nya bisa dilihat di bawah ini.

Breadcrumbs yang Terindeks Google

Nah, berikut ini langkah-langkah memasang breadcrumbs yang terindeks Google pada template yang belum terdapat menu breadcrumbs-nya.

1. Masuk ke akun Blogger.

2. Klik "Opsi lainnya" > "Template".

3. Backup template dulu dengan cara klik tombol "Cadangkan / Pulihkan" > tombol "Unduh template lengkap".

4. Klik tombol "Edit HTML" > "Lanjutkan".

5. Beri tanda centang pada "Expand Template Widget".

6. Cari kode ]]></b:skin> dan letakkan kode berikut di atas kode tersebut.

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

7. Selanjutnya cari kode <b:includable id='main' var='top'> lalu hapus kode tersebut dan ganti dengan kode di bawah ini.

<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'/>

8. Klik tombol "Simpan template".

Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!

Cara Pasang Widget Kurs Rupiah di Blog

Cara Pasang Widget Kurs Rupiah di Blog - Money Exchange Rates Indonesia Rupiah (IDR) Widget adalah sebuah widget yang dikembangkan oleh Trilogicsoft Indonesia. Widget ini akan memudahkan kita sebagai pemilik blog untuk memasang nilai tukar rupiah terhadap mata uang asing di sidebar blog. Kurs nilai mata uang asing yang dipakai dalam widget ini menggunakan kurs dari bank BCA.

Widget Kurs Rupiah ini selalu up-to-date sesuai dengan perubahan kurs yang diberlakukan oleh bank BCA. Exchange Rates IDR merupakan widget kurs rupiah yang bisa di-custom sesuai dengan keinginan kita. Tampilannya dapat diatur seperti warna background, text dan border.

Widget ini juga memberikan pilihan kurs yang ingin ditampilkan. Tidak hanya kurs dollar - rupiah saja (USD) tetapi ada juga kurs valuta asing lainnya seperti euro - rupiah (EUR), yen - rupiah (JPY) dan beberapa kurs nilai tukar rupiah lainnya.

Berikut cara memasang widget nilai tukar rupiah terhadap mata uang asing dari Trilogicsoft Indonesia di sidebar blog.

1. Kunjungi halaman http://www.trilogicsoft.com/product/items/widget-exchange-rates-idr

2. Silakan custom penampilan widget sesuai dengan yang Sobat inginkan.

Custom Tampilan Widget

3. Kemudian copy kode widget tersebut.

Copy Kode

4. Masuk ke akun Blogger Sobat.

5. Klik "Opsi lainnya" lalu klik menu "Tata Letak".

6. Klik tautan "Tambah Gadget" > "HTML/JavaScript".

7. Beri judul sesuai keinginan lalu paste kode widget tadi kolom "Konten".

8. Klik tombol "Simpan".

9. Klik dan seret widget ini ke lokasi yang Sobat inginkan.

10. Klik tombol "Simpan setelan".

11. Selesai.

Widget Kurs Rupiah

Demikian informasi tentang memasang widget kurs rupiah di blog. Semoga bermanfaat bagi Sobat. Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!

Cara Menghilangkan Readmore di Page (Laman)

Cara Menghilangkan Readmore di Page (Laman) - Sebelumnya saya telah memposting tentang cara memasang readmore otomatis. Readmore otomatis berguna untuk memotong beberapa bagian artikel sehingga terlihat rapi di Beranda dan menjadi lebih singkat sehingga kita dapat menampilkan banyak postingan tanpa memakan banyak ruang.

Namun, readmore otomatis muncul juga di halaman page (Laman) seperti About, Contact, dan lain sebagainya.  Walaupun tautan "readmore" pada Laman sudah diklik, namun tidak dapat membuka isi Laman secara keseluruhan.

Readmore pada Laman ini dapat dihilangkan dengan cara menyisipkan kode tertentu pada bagian kode "Readmore Otomatis". Untuk lebih jelasnya, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger.

2. Klik "Opsi lainnya" > "Template".

3. Klik tombol "Edit HTML" > "Lanjutkan".

4. Beri tanda centang pada "Expand Template Widget".

5. Kemudian carilah bagian kode readmore yang kira-kira seperti di bawah ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

6. Setelah itu tambahkan kode berikut di atas kode <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>

<data:post.body/>

<b:else/>

Lalu, jangan lupa tambahkan kode penutupnya yaitu </b:if> di bawah kode <div style='clear: both;'/> <!-- clear for photos floats --> sehingga hasil akhirnya akan menjadi seperti di bawah ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</b:if>

    </div>

7. Klik tombol "Simpan template" dan lihat pada Laman apakah masih ada "readmore"nya, jika tidak ada berarti berhasil.

Semoga bermanfaat bagi Sobat. Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!