Bagi seorang programmer yang memiliki hobi menulis pada halaman blog maupun situs web-nya, tentu ingin mendokumentasikan karya-karyanya dan membagi pengalamannya dengan yang lain. Tampilan source code suatu program sebaiknya mudah dibaca dan memiliki kemiripan pada bahasa pemrograman yang ditulis. Tentu fasilitas seperti ini tidak tersedia dalam pembuatan halaman blog baik pada blogspot, wordpress, dan jenis blog lainnya. Berikut contoh tampilan source code program yang menyerupai syntax dalam bahasa pemrograman baik dari warna font, nomor baris, dll pada halaman situs web:

Jika Anda menginginkan tampilan seperti di atas, sangatlah mudah untuk menampilkannya pada suatu blog atau halaman situs web Anda. Adapun langkah-langkahnya sebagai berikut:

1. Unduh berkas-berkas yang dipelukan di sini.
2. Hasil unduh berupa berkas dengan format *.rar, silakan ekstrak berkas tersebut terlebih dahulu.
3. Unggah semua berkas yang ada di-folder scripts dan style pada folder yang telah diekstrak tersebut ke media penyimpanan publik seperti berikut http://drive.google.com/.
4. Silakan buka blog Anda di Dashboard/Layout/Edit HTML atau edit html Anda.
5. Copy-Paste Source Code javascript di bawah ini :
   
   view plainprint?

   1. //copy source code di bawah ini dan paste pada header web atau blog Anda  
   2. <link href='http://sites.google.com/site/adhit8ok/config/pagetemplates/file/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>  
   3. <script language='javascript' src='http://sites.google.com/site/adhit8ok/config/pagetemplates/file/shCore.js'/>  
   4. <script language='javascript' src='http://sites.google.com/site/adhit8ok/config/pagetemplates/file/shBrushCpp.js'/>  
   5. <script language='javascript' src='http://sites.google.com/site/adhit8ok/config/pagetemplates/file//shBrushJava.js'/>  
   6. <script language='javascript' src='http://sites.google.com/site/adhit8ok/config/pagetemplates/file//shBrushJScript.js'/>  
   7.   
   8. //copy source code di bawah ini dan paste pada body web atau blog Anda  
   9. //Lebih baik di-paste di atas code </body>  
   10. <script language='javascript'>  
   11. function start() {  
   12. dp.SyntaxHighlighter.BloggerMode();  
   13. dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);  
   14. }  
   15. window.onload = start;  
   16. </script>  
   Ingat!, URL pada link di atas hanya contoh saja, Anda harus mengisinya sesuai dengan link tempat Anda menyimpan berkas tersebut.
6. Setelah itu, silakan simpan hasil edit html pada blog atau web Anda.
7. Untuk implementasi, lihat source code di bawah ini :
   
   view plainprint?

   1. <pre name="code" class="c-sharp">  
   2. ... some code here ...  
   3. </pre>  
   4.   
   5. //atau  
   6.   
   7. <textarea name="code" class="c#" cols="60" rows="10">  
   8. ... some code here ...  
   9. </textarea>  

Berikut ini adalah nama class dari implementasi javascript tersebut sesuai dengan bahasa pemrogramannya adalah sebagai berikut :

Bahasa Pemrograman	Nama class
C++	cpp, c, c++
C#	c#, c-sharp, csharp
CSS	css
Java	java
PHP	php
Sql	sql
Delphi	delphi, pascal
Python	py, python
VB	vb, vb.net
Java Script	js, jscript, javascript
Ruby	rb, ruby, rails, ror
XML/HTML	xml, html, xhtml, xslt

sumber : adhityapradypta.blogspot.com

Dari sekian banyaknya blogger pasti ada diantaranya yang membahas mengenai kode program, baik itu html, php, vb, atau kode pemrograman yang lainnya. Termasuk TJP Coding adalah blog yang banyak membahas mengenai kode program. Dan ketika blog kita banyak membahas kode program sudah pasti kita juga akan memposting source code bukan?

Oke kali ini programindo akan membagikan bagaimana cara menampilkan kode program di blogger. Ikutin aja langkah yang programindo berikan berikut ini :

1. Masuk ke blogger kamu 
2. Template > Edit HTML
3. Cari Bagian </head> tempelkan kode dibawah ini tepat diatas </head>
   

   <link class="codestyle" href="https://highlightjs.org/static/styles/monokai_sublime.css" rel="stylesheet"></link>
   <script src="https://highlightjs.org/static/highlight.pack.js"></script>
   <script>hljs.initHighlightingOnLoad();</script>
   
   

4. Simpan template kamu dengan cara klik simpan.
5. Jika kamu ingin membuat postingan dengan kode program silahkan tambahkan kode ini dari bagian HTML bukan Compose. Kemudian untuk kode programnya silahkan parse terlebih dahulu di http://www.blogcrowds.com/resources/parse_html.php. 

   <pre><code class="html">
   Masukkan Kode Disini
   </code>
   </pre>
   
   

6. Perhatikan code <code class="html"> pada bagian html bisa kamu ganti sesuai dengan bahasa pemrograman yang ingin anda bagikan.
7. Misalnya kamu ingin membuat kode php dengan perintah echo maka di bagian html kamu harus membuat seperti dibawah ini.
   

   <pre><code class="php">
   &lt;?php
   echo &quot;programindo.com menampilkan kode program di blogger&quot;;
   ?&gt;
   </code>
   </pre>
   

8. Sehingga pada bagian Compose Akan tampil
   

   <?php
   echo "programindo.com menampilkan kode program di blogger";
   ?>

9. Jika kamu sudah berhasil maka kode yang anda tampilkan akan sama dengan yang di blog ini.

Semoga cara Menampilkan Kode Program di Blogger ini dapat bermanfaat.

sumber : www.programindo.com

Video YouTube bisa kamu embed atau pasang di postingan blog kamu . Untuk memasang video YouTube di postingan blog, kamu harus memperoleh kode embed dari video YouTube tersebut. Saat ini kode embed video YouTube berupa iframe. Jadi, kamu bisa memasang video YouTube tersebut jika website atau blog Anda memperbolehkan dipasang iframe.

Untuk memasang video YouTube.com pertama kali yang harus kamu lakukan adalah klik menu "Share" tepat di bawah video YouTube, seperti pada gambar dibawah ini :

Kemudian klik "Embed" dan copy paste kode tag iframe pada background yang berwarna biru seperti gambar di bawah ini, serta ada pilihan kode-kode HTML juga Tinggi dan Lebar untuk seting tampilan sesuai selera kamu :

Kemudian paste ke postingan blog kamu atau bisa ditempatkan Tambah Gadget pada Header, Sidebar maupun Footer, tergantung selera dan Isi / Tema Blog Sobat, cantik ditampilkan di posisi sebelah mana, itu terserah kamu ...

sumber : gresik354.blogspot.com

Setelah selesai menulis artikel, hal selanjutnya yang dilakukan adalah mencari foto/gambar yang cocok untuk postingan blog. Foto ini digunakan sebagai penghias dan untuk mewakili tema dari artikel yang dibuat. Keberadaan foto/gambar ini cukup penting karena dengan gambar inilah artikel yang kita buat dapat menarik banyak pengunjung saat di bagikan ke media sosial.

Lalu dari mana kita menemukan gambar yang cocok ? Google gambar ? Memang mudah kita mencarinya di google gambar, tapi bagaimana bila dilihat dari segi lisensinya ? tentu saja meragukan. Gak apa apa sih kalau lisensinya gratis tapi kalau tidak bagaimana ? bisa bisa kita di tuduh melakukan pelanggaran hak cipta.

Solusinya adalah dengan mencari gambar di situs-situs penyedia gambar gratis. Dengan cara ini kita bisa menggunakan gambar legal untuk postingan blog tanpa takut melanggar hak cipta. Tahukan bagaimana risikonya ? risikonya adalah blog kita bisa di banned atau ditolak penyedia seperti google adsense.

Oleh karena itu pada postingan kali ini saya akan membagikan situs-situs penyedia foto gratis untuk postingan blog. Tidak perlu khawatir lagi, dijamin aman. Berikut adalah daftarnya.

1. Every Stock Photo

Situs ini menyediakan sekitar 16 juta foto gratis, bahkan ada foto-foto dari Nasa juga. Selain foto gratis ternyata ada gambar berbayarnya, jadi hati-hati milihnya ya. Silahkan dicoba.

2. Stock.xchng

Salah satu situs besar yang menyediakan gambar yang bebas royalti. Ada sekitar 400.000 gambar yang bermacam tema. Tapi ada iklan gambar yang mengarah ke situs lain, jadi jangan salah pilih ya.

3. Historical Stock Photos

Situs ini isinya foto foto jadul yang hitam putih gituh. Atau berbagai poster jaman dulu, biasanya tentang perang. Tapi kebanyakan isinya foto tentang sejarah amerika.

4. Public Domain Photos

Tertulis di situ ada sekitar 5000 foto gratis dan 8000 cliparts. Fotonya dari taman nasional amerika dan berbagai belahan dunia.

5. Stock Vault

Lumayan banyaklah foto legalnya. Silahkan cari yang cocok. Tapi ya itu hati hati iklan yang mengarah ke situs lain, nanti berbayar lagi.

6. Ancestry Images

Di situs ini isinya penuh dengan gambar, tulisan dan peta yang umurnya tua, jadul intinya. Situs ini cocok bagi anda penulis artikel dengan tema antik dan sejarah. Kayak gini contohnya.

7. Free Digital Photos

Nah kalau situs ini isinya gambar tentang orang atau kegiatan aktivitas manusia. Situs berharga nih, kamu harus bookmark. Sudah gratis cocok pula buat blog, bahkan ada yang high quality fotonya. Mulai dari gambar bisnis sampai foto pernikahan ada semua.

8. Photo Pin

Yang ini sama kayak yang nomor 7. Biasanya saya cari gambar buah-buahan di situs ini. Tinggal ketik langsung enter, muncul deh semua, yang saya suka di sini adalah gak neko-neko. Apa yang kamu mau itu yang kamu dapat. Wajib di bookmark juga.

9. Free Images

Situs ini juga keren, situs pertama yang saya kunjungi setelah flickr dan pixabay. Lengkap banget lho di sini, tapi saran saya harus daftar dulu, tanpa daftar sih bisa tapi nanti sering disuruh ngisi captcha. Wajib bookmark.

Nah itulah 9 situs penyedia gambar gratis. Situs bermanfaat bagi blogger low budget. Tetap profesional biar kere. Ingat hindari foto dan konten ilegal.

Sekian postingan pagi hari ini. Semoga bermanfaat dan terima kasih.

sumber : arifuw.blogspot.com

Sebelum masuk ke dalam inti dari pembahasan, maksud dari template bawaan blogspot adalah template yang memang berasal dari blogspot, bukan template yang di download sendiri.

Setelah kamu mengerti maksud dari template bawaan Blogspot, maka di bawah ini adalah cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat kamu ikuti dan lakukan dalam membuat Menu Di Template Bawaan Blogspot.

Dibawah ini adalah tampilan awal template Penulis sebelum melakukan Perubahan

Di atas adalah template penulis sebelum mengikuti tutorial atau langkah-langkah dibawah ini. untuk membuat menu, maka di bawah ini adalah cara-cara atau langkah-langkah yang dapat anda ikuti dan lakukan.

Cara Membuat Menu Di Template Bawaan Blogspot

1.    Silahkan masuk ke Blogger.com atau Blogspot.com

2.    Jika kamu belum login, maka langkah selanjutnya adalah silahkan login terlebih dahulu menggunakan email dan password dari akun Gmail kamu yang ada blognya di blogspot yang ingin kamu buat menu-nya.

3.    Setelah kamu berhasil login atau sebelumnya telah login, maka kamu akan langsung dibawah ke halaman pengelolaan blog kamu di blogspot. Langkah selanjutnya, silahkan klik arah panah ke bawah di samping blog yang ingin kamu buat menu-nya.

4.    Setelah itu, silahkan pilih dan klik Tata Letak.

5.    Setelah kamu mengklik Tata Letak, kamu akan langsung dibawah ke halaman dari Tata Letak. Untuk melanjutkan, silahkan pilih dan klik Tambahkan Gadget yang berada tepat di bawah Header.

6.    Setelah kamu mengklik Tambahkan Gadget, kamu akan tampilkan halaman Gadget diatas halaman Tata Letak kamu . Untuk melanjutkan, silahkan cari dan klik Laman.

7.    Setelah kamu mengklik Laman, kamu akan langsung di bawah ke Halaman pengaturan dari Laman kamu . Untuk melanjutkan, silahkan klik Tambahkan Tautan Eksernal.

8.    Setelah kamu mengklik Tambahkan Tautan Eksternal, kamu akan ditampilakan Box diatas halaman tersebut. Langkah selanjutnya silahkan isi box tersebut dengan yang di butuhkan.

Tahap-Tahap
1.    Judul Laman
Pada bagian ini, silahkan masukkan nama menu yang kamu inginkan atau yang ingin kamu  buat.

2.    Alamat Web (URL)
Silahkan masukkan alamat URL dari Target atau Tujuan dari Judul Laman yang telah kamu buat diatas.

Setelah kamu sesuai dengan keingina kamu, untuk menyimpan perubahan, silahkan klik Simpan Tautan.

Lakukan secara terus menerus, jika anda ingin menambahkan menu baru. Setelah anda menambahkan semua menu yang anda butuhkan, untuk menyimpan perubahan silahkan klik Simpan.

9.    Setelah anda mengklik Simpan, anda akan langsung di bawa kembali ke halaman Tata Letak tadi, dengan keterangan Elemen Laman Ditambahkan dan ada sebuah gadget Laman yang baru saja anda buat muncul dibawah Tambahkan add Gadget yang tadi anda klik. Untuk melanjutkan, silahkan Klik Lihat Blog

10.    Setelah kamu mengklik Lihat Blog, kamu akan mendapatkan tampilan menu yang baru saja kamu buat di halaman web atau blog kamu .

11.    Selesai

Di atas adalah cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat kamu ikuti dan lakukan dalam membuat Menu Di template Bawaan Blog Dari Blogspot.

sumber : www.duniacara.com

Pada pembahasan sebelumnya, Penulis telah membahas bagaimana cara membuat posting pertama di blog dari blogspot, sekarang penulis akan membahas bagaimana cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat kamu ikuti dan lakukan dalam membuat kategori posting di blogspot.

Sebelum masuk ke dalam inti dari pembahasan, kategori posting ini dimaksudkan untuk para blogger membuat artikel mereka dapat diurutkan berdasarkan kategori-kategori tertentu, sehingga pengunjung yang datang ke blog tersebut  dapat memilih posting dari kategori mana yang mereka suka.  setelah kamu memahami maksud dari pembuatan kategori, maka dibawah ini adalah cara membuat kategori posting di blog dari blogspot.

Cara membuat Kategori Posting Di Blogspot

Kali ini penulis bagi menjadi 2 Cara, yaitu:

Cara Pertama
1.    Silahkan masuk ke blogger.com atau blogspot.com

2.    Setelah kamu masuk ke blogger.com atau blogspot.com dan belum login, maka kamu harus login terlebih dahulu menggunakan email dan password dari Akun Gmail kamu yang ada blognya di blogspot untuk Login ke Blogspot.

3.    Setelah berhasil login atau sebelumnya telah login, maka kamu akan dibawah ke halaman pengelolaan blog dari blogspot kamu . Untuk melanjutkan, silahkan klik arah panah ke bawah di samping blog yang ingin kamu buat kategori postingnya.

4.    Setelah kamu mengklik arah panah, langkah selanjutnya silahkan klik Post.

5.    Setelah kamu masuk ke halaman Post, langkah selanjutnya adalah silahkan beri tanda ceklist di samping artikel yang ingin dibuat kategorinya, setelah itu klik label diatas artikel anda kemudian klik lagi Label Baru.

6.    Setelah mengklik Label baru, kamu akan dibawah ke tampilan box di atas halaman posting kamu . Untuk melanjutkan, silahkan masukkan nama label atau nama kategori yang kamu inginkan untuk artikel kamu , setelah itu klik Ok.

Untuk kategori yang sesuai dengan posting, contonya disini adalah artikel anda judulnya “Cara membuat blog di blogspot”, maka kategori yang dapat kamu buat adalah blogspot, sehingga ketika orang mengklik kategori blogspot,  sartikel untuk cara membuat blog di blogspot akan tampil.

7.    Setelah kamu memasukkan nama kategori atau label anda dan klik Ok, maka kamu akan di bawa kembali ke halaman post kamu dengan tambahan disamping artikel kamu telah ada nama kategori yang baru saja kamu tambahkan. Langkah selanjutnya, silahkan klik Lihat Blog.

8.    Setelah kamu klik lihat blog, kamu akan dibawa ke blog kamu , dimana artikel kamu telah terdapat nama kategori yang baru saja anda buat.

Info.  Untuk menampilkan kategori tersebut, kamu dapat menggunakan alamat seperti berikut: http://www.namabloganda.blogspot.com/search/label/nama_kategori.

Contoh:
Alamat Blog: http://www.jhoeblogs.blogspot.com
Kategori : Blogspot
Maka alamatnya adalah : http://www.jhoeblogs.blogspot.com/search/label/Blogspot

Info. Untuk nama kategori adalah case sensitive, jadi pastikan huruf besar dan kecilnya diperhatikan.

9.    Selesai

Di atas adalah cara pertama yang dapat anda ikuti dan lakukan dalam membuat kategori atau label di blog dari blogspot. Untuk cara kedunya, dapat dilihat di bawah ini.

Cara Kedua

1.    Silahkan kembali ke halaman Post kamu , setelah itu klik Entri Baru atau Klik Logo Pensil untuk menulis artikel baru.

2.    Setelah kamu masuk ke bagian penulisan artikel baru, langkah selanjutnya adalah silahkan buat artikel sesuai dengan keinginan kamu , karena artikel tersebutlah yang nantinya akan dibuatkan kategorinya. Setelah artikel tersebut jadi, langkah selanjutnya silahkan klik Label Disamping tempat penulisan artikel kamu .

3.    Setelah kamu mengklik Label, maka kotak label akan terbuka. Untuk melanjutkan, silahkan masukkan nama label atau nama kategori yang kamu inginkan untuk artikel yang baru saja kamu buat, setelah itu klik Selesai

1.    Jika kamu ingin menggunakan kategori sebelumnya, maka anda dapat mengklik kategori sebelumnya yang berada di bawah kotak label kamu .

2.    Jika ingin membuat label lebih dari satu, maka perlu menambahkan tanda koma (,) sebagai pemisah antar nama label atau kategori yang satu dengan yang lainnya.

Contoh:
Saya ingin membuat artikel dengan judul cara membuat Blog di Blogspot.

Saya ingin menambahkan 2 kategori atau 2 label untuk artikel tersebut, yaitu kategori Blogspot dan kategori Blogging

Maka yang perlu saya lakukan adalah menuliskan nama keduanya di dalam kolom label dan dipisahkan dengan tanda koma (,). Seperti berikut

Blogspot, Blogging

4.    Setelah kamu mengklik selesai, maka kamu akan mendapatkan nama kategori yang telah kamu buat tepat di bawah label. Untuk melanjutkan, silahkan klik Publikasikan

5.    Setelah kamu mengklik Publikasikan, kamu akan dibawa kembali ke halaman post dengan sebuah artikel yang baru saja kamu buat ditambah dengan nama kategori yang baru saja kamu tambahkan tepat berada disamping artikel tersebut. Untuk melanjutkan, silahkan klik Lihat Blog.

6.    Setelah kamu mengklik Lihat Blog, kamu akan dibawa ke blog kamu dengan beberapa artikel dengan kategorinya masing-masing

7.    Selesai

Di atas adalah cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat anda ikuti dan lakukan dalam membuat kategori atau label posting di blog dari blogspot.

sumber : www.duniacara.com