Perbedaan Halaman Post dan Page Pada Blogspot

Post dan Page Pada Blogspot – Ketika kita mempublikasikan konten di blog, ada dua jenis halaman yang dapat dipilih untuk digunakan yaitu halaman jenis post dan halaman jenis page. Kedua halaman ini dapat kita munculkan secara bersamaan pada halaman depan blog kita meskipun halaman page harus mengklik link agar dapat ditampilkan. Akan tetapi, kita terbiasa menggunakan halaman post untuk mempublikasikan konten pada blog karena beberapa pertimbangan.

Halaman page adalah halaman yang bersifat statis karena selalu muncul di halaman depan blog kita. Contoh konten blog yang menggunakan halaman page seperti About Me, Contact Us, Terms of Service, dan Advertise. Sedangkan halaman post adalah halaman yang selalu muncul di halaman depan blog tetapi selalu berubah bergantian judulnya sesuai tanggal dipublikasikannya. Halaman post biasanya kita gunakan untuk menerbitkan konten blog secara berkala.

Halaman page bersifat statis, sedangkan halaman post bersifat dinamis karena halaman yang ditampilkan selau bergantian berdasarkan kronologis waktu penerbitannya.

Perbedaan mendasar antara halaman post dan halaman page pada blogspot antara lain sebagai berikut.

1. Cara membuat.
Halaman page: dasbor > laman > laman baru > laman kosong atau alamat web.
Halaman post: dasbor > pos > entri baru.
2. Batasan jumlah.
Untukmembuat dan menampilkan halaman page di blog, kita hanya diberikan batasan jumlah maksimal sebanyak 20 halaman. Sementara itu, kita diberikan kesempatan membuat halaman post menggunakan blogspot dalam jumlah tak terbatas.
3. Penampilan di halaman depan blog.
Halaman page ditampilkan dalam bentuk link pada tab atas sebagai navbar horizontal, tab samping sebagai sidebar, atau pilihan untuk tidak ditampilkan di halaman depan blog, sedangkan halaman post ditampilkan secara kronologis berdasarkan kurun waktu paling lama hingga terbaru atau sebaliknya tergantung pengaturan serta dalam jumlah yang dapat kita atur sesuai keinginan kita.
4. Tujuan penggunaan.
Halaman page dibuat untuk tujuan publikasi dalam rangka pemberitahuan informasi pribadi pemilik blog kepada pembacanya, seperti About Me, Contact Us, Advertise, dan Terms of Service. Sementara itu, halaman post digunakan untuk menampilkan konten yang ingin kita bagikan manfaatnya kepada pembaca blog kita.
5. Penggunaan label.
Halaman page tidak memiliki label, sedangkan halaman post dapat diberikan label ketika dipublikasikan.

Secara umum, perbedaan halaman page dan halaman post sudah terlihat jelas dari tujuan penggunaannya. Oleh karena itu, gunakanlah halaman page dan halaman post sesuai kegunaan masing-masing untuk memaksimalkan tampilan serta kenyamanan pembaca ketika mengunjungi blog kita.

Pengaruh Mood Ketika Menulis Di Blog

Mood Menulis Di Blog – Suasana hati atau mood sangat berpengaruh terhadap hasil tulisan yang kita buat. Suasana hati yang tenang dan riang akan memberikan dampak positif bagi tulisan daripada menulis dalam suasana hati yang bimbang dan tertekan. Oleh karena itu, menjaga mood agar tetap baik sebelum menulis sangat dianjurkan agar tulisan kita nantinya menarik, mudah dipahami, dan memberikan sugesti positif bagi pembacanya.

Semakin baik kondisi hati kita, niat untuk menulis semakin besar. Dengan kondisi hati yang riang, tulisan akan menjadi lebih mengalir ketika dibaca. Dengan demikian, pembaca akan lebih mudah mengerti dan memahami pesan yang disampaikan sebagai inti tulisan yang kita buat.

Kita juga tidak terburu-buru dalam menyelesaikan tulisan. Tulisan tidak dibuat ala kadarnya, tetapi dengan persiapan dan referensi yang matang sehingga menghasilkan tulisan berkualitas. Tata bahasa menjadi rapi, alur mudah dipahami, pembahasan menjadi lebih mendalam, dan hasil tulisan yang dibuat dengan tenang menjadi lebih sempurna.

Bagaimana jika kita terpaksa menulis agar blog selalu update tetapi suasana hati kita sedang penat dan bosan? Lebih baik kita tidak menulis dahulu untuk menghindari hasil tulisan yang buruk dan membuat pembaca setia blog kita kecewa. Ada baiknya kita memilih beristirahat sejenak untuk menyegarkan pikiran dan mengembalikan mood kita menjadi baik. Caranya mudah, untuk menghilangkan kebosanan kita hanya perlu mencoba rutinitas lain dan menghilangkan sejenak segala hal yang berkaitan dengan tulis-menulis dari pikiran kita. Dengan mencoba aktifitas baru bukan tidak mungkin akan mengasah kreatifitas dan memberikan inspirasi baru bagi bahan kita menulis nanti.

Menulis itu seperti menuangkan air. Agar diri kita yang diibaratkan teko tidak kehabisan airnya maka kita juga perlu membaca untuk mengisi air kembali ke dalam teko.

Tantangan terbesar bagi kita dalam menulis tidak hanya mendapatkan materi apa yang akan ditulis, tetapi juga bagaimana suasana hati mampu menggerakan diri kita untuk menulis lebih baik dengan ide menulis yang kita punya. Suasana hati bukan satu-satunya faktor yang menentukan hasil tulisan, tetapi tanpa suasana hati yang mendukung kita tidak akan mampu menuangkan ide kreatifitas kita dalam sebuah tulisan yang layak dibaca.

Pentingnya Referensi Terpercaya Saat Menulis Di Blog

Referensi Menulis Di Blog – Blog yang baik adalah blog yang selalu memberikan konten berkualitas kepada para pengunjungnya, baik berupa tulisan, video, gambar, dan audio. Pengunjung yang datang selalu mengharapkan konten yang bermanfaat bagi dirinya. Oleh karena itu, jika kita ingin blog milik kita sering dikunjungi banyak orang maka kita perlu untuk memberikan konten yang berkualitas setiap saat.

Bagi blog yang membahas tutorial sebuah bidang, dalam membuat konten yang akan dipublikasikan di blog kita perlu mengumpulkan sumber referensi di samping keahlian yang telah kita miliki. Referensi ini berguna sebagai perbandingan dan bahan masukan tambahan agar konten yang kita buat menjadi semakin baik kualitasnya. Semakin banyak sumber referensi maka tingkat kebenaran akan semakin tinggi.

Konten yang dibuat berdasarkan keahlian dan sumber referensi terpercaya akan menghasilkan konten yang berkualitas. Ketika pembaca mengakui kualitas konten yang kita publikasikan maka pembaca tersebut secara tidak sudah menunjuk blog kita sebagai sumber informasi terpercaya dan berkualitas yang selalu siap mereka andalkan.

Referensi yang baik berguna untuk mencegah kekeliruan informasi yang disampaikan. Sebaliknya jika konten mengandung informasi yang keliru, bukan tidak mungkin kepercayaan pembaca terhadap kualitas blog kita akan berkurang. Hal tersebut tentu akan merugikan jika sampai terjadi pada kita, sebab reputasi blog akan merosot dan kita akan kehilangan banyak pembaca setia.

Untuk itu, ada baiknya jika kita selalu mematangkan pembuatan konten blog sebelum dipublikasikan. Kita dapat memperoleh referensi dari blog lain, forum, majalah, buku, hingga koran yang memiliki tema seperti blog kita. Kita juga harus selektif dalam memilih referensi yang kita gunakan.

Ada baiknya jika kita meluangkan waktu sejenak untuk mencoba mempraktikan hal seperti apa yang ingin kita publikasikan lewat konten di blog berdasarkan refernsi yang kita dapat. Ketika melakukan percobaan, kita akan mengetahui permasalahan apa yang dihadapi dan bagaimana solusinya. Trial and error sangat penting untuk menambah kualitas konten serta meyakinkan pembaca jika konten kita tersebut layak dipercaya dan dijalankan.

Tips Menulis Paragraf Pertama Di Blog Yang Menawan

Tips Menulis Paragraf Pertama Di Blog Yang Menawan - Paragraf pertama dalam tulisan sebuah postingan blog selalu memegang peran krusial untuk menentukan apakah pengunjung akan terus melanjutkan membaca postingan blog tersebut atau meninggalkannya. Hal ini disebabkan paragraf pertama mampu memberikan kesan dan gambaran secara keseluruhan bagaimana isi dari postingan blog secara keseluruhan bagi seorang pembaca. Jadi, membuat paragraf pertama yang memikat dalam sebuah postingan blog sagat wajib dilakukan.

Cara untuk membuat paragraf pertama dari postingan blog agar terkesan lebih menawan cukup mudah. Kita dapat menulis paragraf pertama dengan banyak pertanyaan yang diajukan kepada para pembaca. Tujuannya agar para pembaca merasa diperhatikan dan merasa penasaran dengan permasalahan yang akan ditulis dalam postingan blog secara keseluruhan.

Kita juga dapat menuliskan data dan fakta yang mencengangkan tentang isi postingan blog di paragraf pertama. Pembaca akan terkesima ketika mengetahui fakta tersembunyi yang belum pernah mereka ketahui sebelumnya, sehingga rasa penasaran mereka juga akan muncul untuk menggali lebih dalam tentang kebenaran fakta tersebut dalam isi postingan blog secara keseluruhan.

Cara lain untuk membuat paragraf pertama postingan blog yang menarik ini adalah dengan meletakan kesimpulan isi secara keseluruhan di paragraf pertama tersebut. Kadang pembaca memiliki sedikit waktu untuk membaca, sehingga kita perlu menempatkan gagasan utama dari postingan blog secara keseluruhan di posisi yang mudah dan cepat dibaca oleh pembaca.

Sebuah postingan blog yang tidak jelas di mana letak gagasan utamanya akan membingungkan pembaca dalam menilai isi atau kesimpulan dari postingan blog yang sedang mereka pasang. Dengan demikian, meletakan gagasan utama di paragraf pertama postingan blog dapat menjadi pilihan bagus agar pembaca mudah mengerti inti bacaan dan menarik perhatian pembaca untuk membaca postingan blog secara keseluruhan.

6 Tips Meningkatkan Kemampuan Menulis

Meningkatkan Kemampuan Menulis – Menulis merupakan aktifitas utama dalam aktifitas blogging yang kita jalani secara keseluruhan. Dengan menulis, kita akan menghasilkan karya berupa tulisan yang merupakan nyawa dari eksistensi keberadaan blog kita. Semakin banyak kita menulis dan menerbitkannya dalam sebuah blog maka kualitas blog kita tersebut akan bertambah baik.

Bagi sebagian orang menulis merupakan hal yang cukup sulit untuk dilakukan. Kebanyakan dari kita menganggap jika menulis itu sulit karena sukar dalam menemukan ide tulisan, menyusun sistematika tulisan yang baik, memberikan gaya bahasa dalam tulisan yang menyentuh dan menarik, serta keluhan-keluhan lain yang pada akhirnya membuat kegiatan menulis itu menjadi berat untuk dijalani. Padahal menulis itu merupakan aktifitas yang menyenangkan jika kita sudah terbiasa untuk melakukannya.

Menulis tidak harus baku. Apa yang kita rasakan dan ingin kita ungkapkan maka itulah bahan yang harus kita tuliskan. Secara umum tidak ada standar baku dalam menilai apakah tulisan itu bagus atau tidak karena tulisan merupakan hasil karya seni yang penilaiannya bersifat relatif dan subjektif.

Bagi kita yang masih takut dan tidak terbiasa untuk menulis, mulai berlatih mencoba menulis merupakan langkah awal yang harus dilakukan jika ingin memiliki keahlian menulis yang baik. Jangan takut salah karena justru dengan kesalahan itu kita dapat belajar dan mengatahui bagaimana semestinya cara menulis yang benar.

Beberapa tips menulis yang dapat kita terapkan untuk meningkatkan kemampuan menulis dalam diri kita antara lain sebagai berikut :

1. Banyak membaca.

Menulis pada dasarnya adalah menuangkan ide dan gagasan yang kita miliki. Hasil tulisan tersebut dapat bersifat argumentasi, persuasi, deskripsi, dan eksposisi. Karena tulisan berawal dari sebuah ide dan gagasan yang ingin disampaikan, hal pertama yang harus kita pikirkan dalam menulis adalah ide atau gagasan apa yang kita miliki untuk kemudian kita tuangkan dalam sebuah tulisan.

Kita dapat mencari ide dan gagasan tersebut dari berbagai sumber. Seperti pengalaman pribadi, pengetahuan yang sudah dimiliki, opini, dsb. Cara terbaik untuk memperluas dan memperkaya ide dan gagasan tersebut adalah dengan cara membaca. Semakin banyak kita membaca maka pengetahuan kita akan semakin bertambah banyak. Selain memperkaya ide, banyak membaca juga secara tidak langsung akan mengajarkan pada kita bagaimana gaya bahasa dalam menulis yang baik dan benar seperti dicontohkan oleh penulis dan pengarang buku-buku bacaan yang telah kita baca.

2. Menulis secara teratur.

Menulis yang teratur dapat menjaga dan meningkatkan kualitas tulisan yang kita hasilkan. Hal ini dikarenakan kebiasaan menulis yang dijaga dengan baik tidak akan melunturkan cara dan gaya bahasa kita dalam menulis. Kita juga dapat mengatur frekuensi menulis kita agar kegiatan menulis tidak membuat hidup kita menjadi jenuh. Misalnya, kita menulis minimal seminggu sekali atau sesuai dengan jadwal kesibukan kita masing-masing.

3. Belajar cara menulis yang baik dan benar.

Dalam rangka mengembangkan kemampuan menulis yang kita miliki, kita juga dapat belajar bagaimana cara menulis yang baik dan benar dari berbagai sumber referensi yang terpercaya. Kita dapat mengambil kursus menulis atau belajar secara otodidak mengenai teknik menulis yang baik. Semakin banyak kita belajar menulis maka semakin banyak pula pengetahuan kita dalam membuat tulisan yang baik. Selain itu, semakin banyak kita mendekati hal-hal yang berkaitan dengan dunia tulis menulis maka secara tidak langsung akan mempengaruhi mindset kita dalam meningkatkan kemampuan menulis.

4. Perhatikan mood.

Kondisi perasaan kita sangat berpengaruh terhadap kualitas tulisan yang dihasilkan. Ketika perasaan kita galau tidak menentu maka hasil tulisan kita pun akan terkesan berantakan dan asal-asalan. Tulisan merupakan cerminan dari kepribadian dan intelektual penulisnya. Jadi, menulis dalam keadaan mood yang baik akan sangat berpengaruh dalam menghasilkan kualitas tulisan yang bagus.

5. Kebiasaan melakukan evaluasi.

Melakukan evaluasi terhadap hasil tulisan yang kita buat sangat penting untuk dilakukan. Hal ini bermanfaat ketika kita mengalami kesalahan dalam menulis baik berupa pengejaan kata yang salah, penulisan angka dan huruf yang salah, hingga pembuatan tulisan dengan gaya bahasa yang salah. Jangan terburu-buru untuk menerbitkan tulisan kita sebelum kita evaluasi dan merasa yakin jika tulisan yang selesai kita buat tersebut bebas kesalahan dan layak untuk dibaca banyak orang.

6. Minta pendapat.

Salah satu cara terbaik dan cepat dalam meningkatkan kualitas menulis kita adalah dengan meminta pendapat kepada seseorang yang sudah mahir menulis mengenai tulisan yang sudah kita buat. Cara meminta pendapat ini sangat efisien dalam meningkatkan kualitas menulis kita karena kita akan cepat mengatahui di mana letak kesalahan kita dalam menulis dan bagaimana koreksi kebenarannya.

Pada dasarnya menulis itu mudah dilakukan. Kita hanya perlu sebuah ide dan menuangkannya dalam rangkaian kalimat yang mudah untuk dibaca dan dipahami isinya. Jika kita belum terbiasa menulis, jangan ragu untuk memulainya. Kesalahan akan menunjukan kita jalan kebenarannya. Dengan latihan yang rutin kita pasti mampu menciptakan karya tulisan yang bagus dan menarik untuk dibaca.

Cara Mudah Membuat Drop Cap Pada Postingan Blog

Saat kita membuat postingan dalam blog kita, kita tentu ingin selalu berekplorasi lebih banyak lagi tentang cara apa yang bisa kita gunakan dalam menghasilkan tulisan yang selalu lebih baik dari waktu ke waktu. Bagi kita yang masih pemula dan baru saja belajar mengenai masalah tulis menulis, silakan baca kembali artikel berlabel tips menulis.

Ada beberapa cara atau teknik menulis dari menulis yang menggunakan Microsoft Word dan dapat kita aplikasikan saat kita menulis di sebuah blog. Selain cara itu dapat kita lakukan karena sudah ada menu-menu yang tersaji di bagian kotak pembuatan postingan/entri, kita juga dapat menggunakan cara itu melalui beberapa trik meski tidak ada menu yang tersaji guna melakukan perintah menu tersebut.
Contohnya adalah membuat tabel, membuat border/garis tepi, dsb.

Nah, pada kali ini kita akan membahas bagaimana cara membuat drop cap atau tulisan yang menampilkan satu huruf kapital saja pada awal paragraf. Manfaat drop cap adalah tulisan di blog akan menjadi lebih menarik untuk dilihat. Karena unsur estetika tetap terpelihara walau kita tidak harus menerapkannya.

Cara untuk membuat drop cap pada postingan blog adalah sebagai berikut:

Masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand widget template.
Cari kode berikut.

]]></b:skin>

Letakan kode ini di atasnya.

/* huruf besar
----------------------------------------------- */
.besar {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Klik simpan.

Selanjutnya, ketika kita ingin menambahkan tulisan yang akan muncul dengan gaya drop cap, maka tambahkan kode berikut ketika kita hendak menerbitkan tulisan di kotak posting. Kode ini ditambahkan di bagian edit HTML, bukan compose.

<span class="besar">Huruf yang ingin dijadikan huruf besar</span>

Keterangan:

1. Ubah kode HTML warna pada color: #000000; dengan warna yang kita sukai.
2. Ubah ukuran huruf drop capnya pada font-size:100px; sesuai selera kita.

Membuat drop cap pada postingan blog itu mudah bukan?
Setelah menerapkan trik ini, maka tulisan di blog kita akan terlihat lebih rapi dan enak dipandang.

Jika ada pertanyaan silakan sampaikan lewat kotak komentar ya.
Salam blogger!

Posting Blog Via Email

Bagi pengguna blogspot, membuat posting di blog tidak hanya dapat dilakukan secara reguler dengan cara masuk ke dalam akun blogger kita kemudian mulai untuk melakukan posting. Akan tetapi, kita sebagai pengguna diberikan kemudahan untuk posting dengan memanfaatkan fasilitas posting blog via email. Cara ini dapat kita jalankan dengan mudah. Langkahnya adalah kita akan membuat alamat email yang kemudian digunakan sebagai alamat email tujuan untuk mengirimkan pesan yang kemudian pesan tersebut akan dipublikasikan ke dalam blog kita secara otomatis.

Adapun langkah untuk posting blog via email secara lengkapnya dapat kita lihat pada penjelasan di bawah ini :

Pertama, masuk ke dalam akun blogger kita masing-masing.

Setelah itu, kita buat alamat email tujuan posting blog kita dengan mengklik setelan.

Kemudian klik email dan seluler.

Maka akan muncul gambar seperti di bawah ini.

Nah, perhatikan pada bagian opsi pengeposan. Isilah kotak secretword (4-20 alfanumerik) untuk membuat alamat email tujuan posting blog kita. Setelah itu, pilih opsi pengeposannya setelah kita mengirimkan pesan ke alamat email tersebut, apakah ingin segera dipublikasikan atau pesan tersebut ingin disimpan sebagai konsep terlebih dahulu.

Klik simpan setelan dan selesai.

Nah, sekarang kita sudah dapat melakukan posting ke blog kita dengan cara mengirimkan pesan yang akan kita postingkan ke alamat email yang baru saja kita buat tadi. Mudah bukan?

Ada yang belum jelas?
Salam blogger!

Memilih Huruf Yang Pas Dalam Postingan Blog

Pada dasarnya saat seorang pengunjung mendatangi sebuah blog, tujuan mereka adalah ingin membaca untuk mencari informasi apa yang ingin mereka dapatkan. Berdasarkan pada kenyataan ini, maka kita sebagai pemilik blog perlu untuk mempertegas unsur tulisan dalam postingan blog kita sebagai perhatian utamanya.

Membuat tulisan dengan kualitas yang baik, gaya bahasa yang bagus, relevansi antar paragraf yang pas, dan ide tulisan yang unik dan menarik adalah sebuah kebutuhan yang harus dipenuhi untuk menciptakan konten tulisan yang berkualitas. Akan tetapi, ada juga unsur lain yang tidak boleh kita abaikan begitu saja. Apa itu? Yup, jenis tulisan yang kita pakai untuk menampilkan tulisan kita.

Tulisan yang kita pilih paling tidak harus mudah dibaca oleh pembaca blog kita. Jangan terlalu menampilkan tulisan yang bernuansa seni jika itu menyulitkan pembaca dan tidak sinkron dengan konsep tema maupun template blog kita. Gunakan juga ukuran huruf yang pas, jangan terlalu besar dan terlalu kecil. Pada intinya adalah semua jenis dan ukuran huruf yang kita gunakan itu mendukung kemudahan pembaca dalam mendapatkan pengetahuan atau informasi apa yang ingin kita sampaikan.

Menggunakan pemilihan jenis dan ukuran huruf yang pas akan sangat bermanfaat sekali bagi blog kita. Manfaat nyatanya adalah blog kita terlihat lebih friendly saat dibaca. Pembaca merasa nyaman ketika membaca isi dari tulisan blog kita. Selain itu, blog yang penggunaan tulisannya baik akan lebih menarik minat pengunjung untuk membaca meski pada awalnya pengunjung tersebut terkesan malas untuk membacanya.

Sebagai contoh, coba bandingkan dua kalimat dengan jenis tulisan yang berbeda ini.

Sebuah weblog adalah hirarki teks, gambar, objek media dan data, yang tersusun secara kronologis, dan dapat dilihat dalam browser HTML.

Sebuah weblog adalah hirarki teks, gambar, objek media dan data, yang tersusun secara kronologis, dan dapat dilihat dalam browser HTML.

Dari sekilas kita membaca, kalimat kedua terkesan enak untuk dibaca bukan?
Itu lah manfaatnya yang bisa kita rasakan dengan menggunakan pemilihan jenis dan ukuran huruf yang baik dalam membuat postingan blog kita.

Ada yang ingin menanggapi?
Silakan dishare lewat kotak komentar di bawah ini ya kawan.
Salam blogger!

Membuat Spoiler Pada Postingan Blog

Spoiler merupakan salah satu alternatif bagi kita untuk menghemat ruang saat menampilkan konten di dalam isi postingan blog kita. Selain memiliki fungsi untuk menghemat ruang, spoiler juga dapat digunakan untuk mempercantik tampilan isi postingan blog dengan gaya yang terbilang cukup keren, karena dengan spoiler ini konten yang ditampilkan dapat dibuka tutup sesuai keinginan kita yang membuatnya tampil lebih elegan.

Bagiamana cara menampilkannya?

Cara untuk menampilkan spoiler di dalam isi postingan blog kita ini adalah dengan menggunakan kode HTML dalam menulis sebagai berikut.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div></div>

Pertama, masuk ke akun blogger kita masing-masing.
Pada saat kita ingin membuat postingan blog, jangan pilih compose tetapi pilih lah edit HTML.
Masukan kode HTML untuk menampilkan spoiler di atas.
Klik terbitkan dan selesai.
Wah, mudah bukan?

Contoh untuk Menampilkan Tulisan dengan Spoiler.

Untuk menampilkan sebuah tulisan menggunakan spoiler pada isi postingan blog kita, gunakan kode HTML untuk menampilkan spoiler sama seperti di atas.

Briptu Norman adalah seorang anggota Brimob di Gorontalo kini sedang tenar di dunia maya karena videonya yang beredar di situs berbagi youtube mengundang perhatian para pengguna internet.
Selain mendapatkan ketenaran, kini Briptu Norman juga telah mendapatkan dukungan dari pengguna jejaring sosial di dunia maya agar dia tidak dikenakan sanksi oleh atasannya, ulahnya yang sedang bernanyi lagu india secara lypsinc ketika sedang bertugas.

Bukan cuma orang biasa yang memberikan dukungan kepada Briptu Norman. Namun dia juga didukung oleh kalangan artis dan salah satunya adalah Glenn Fredly. Siapapun yg ngaku penyanyi & Lipsync mulai sekarang, kalo tidak lebih keren dr #Briptu Norman lebih baik ditindak aparat..sekian," tulis Glenn Fredly dalam akun Twitter-nya.
http://karodalnet.blogspot.com/2011/04/briptu-norman.html

Maka kode HTML untuk menampilkan spoiler di atas adalah sebagai berikut.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Briptu Norman adalah seorang anggota Brimob di Gorontalo kini sedang tenar di dunia maya karena videonya yang beredar di situs berbagi youtube mengundang perhatian para pengguna internet.
Selain mendapatkan ketenaran, kini Briptu Norman juga telah mendapatkan dukungan dari pengguna jejaring sosial di dunia maya agar dia tidak dikenakan sanksi oleh atasannya, ulahnya yang sedang bernanyi lagu india secara lypsinc ketika sedang bertugas.

Bukan cuma orang biasa yang memberikan dukungan kepada Briptu Norman. Namun dia juga didukung oleh kalangan artis dan salah satunya adalah Glenn Fredly. Siapapun yg ngaku penyanyi & Lipsync mulai sekarang, kalo tidak lebih keren dr #Briptu Norman lebih baik ditindak aparat..sekian," tulis Glenn Fredly dalam akun Twitter-nya.
http://karodalnet.blogspot.com/2011/04/briptu-norman.html
</div></div></div></div>

Contoh untuk Menampilkan Gambar dengan Spoiler.

Maka kode HTML untuk menampilkan spoiler di atas adalah sebagai berikut.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

<a href=”URL”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIdHb-fPIOGuHVItqKRCYof4dJAB25vqfYhGA-eJwF4m-EiJhdnJXuJmoN2NUH5z__LptAeld3HqofBoMA_Dnf3kSbJVnfOSvFkxICpfLKU6wBHSo4Rd74jzHbDsAIxzVhJXs5KcqpWxcB/s1600/Briptu+Norman.jpg”></a>

</div></div></div></div>

Contoh untuk Menampilkan Video dengan Spoiler.

Maka kode HTML untuk menampilkan spoiler di atas adalah sebagai berikut.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"></span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

<embed autostart=”true” src=”http://www.youtube.com/watch?v=jsVW-XO9nuY&feature=player_detailpage” hidden=”true”></embed>

</div></div></div></div>

Keterangan:

Untuk menampilkan gambar dan video menggunakan tampilan spoiler, gunakan URL gambar dan video tersebut yang kemudian dikemas sebagai berikut.

1. Untuk gambar,
   <a href=”URL”><img src=” URL Gambar ”></a>
   .
2. Untuk video,
   <embed autostart=”true” src=” URL Video ” hidden=”true”></embed>
   .

Mudah bukan?
Ada yang sudah pernah mencobanya? Ada yang sudah berhasil mencobanya?
Jika ada pertanyaan dan tanggapan, silakan di sampaikan lewat kotak komentar di bawah ini ya kawan.
Salam blogger!

Daftar Situs Penyedia Emoticon Gratis

Apa itu emoticon?
Emoticon merupakan sebuah karakter atau avatar yang menggambarkan ekspresi kita guna menguatkan maksud tulisan yang kita beri emoticon tersebut.

Pada dasarnya, emoticon berguna untuk menguatkan maksud dari penulisan kita agar lebih ekspresif dan terlihat menarik. Misalnya, 

“waah, senangnya. Di hari ulang tahunku ini, akun mendapatkan kado sebuah laptop Sony Vaio dari ayah!”.

Bandingkan dengan yang ini,

“waah, senangnya. Di hari ulang tahunku ini, aku mendapatkan kado sebuah laptop Sony Vaio dari ayah!” .

Apa yang beda? Tulisan yang dimunculkan sama bukan? Tapi, kita cenderung menganggap tulisan kedua lebih menarik karena tulisan tersebut diimbuhi oleh sebuah karakter yang mempertegas makna dan ekspresi dari tulisan tersebut.

Bagaimana cara menampilkan emoticon tersebut dalam setiap postingan kita?

Mudah. Saat kita menuliskan sebuah postingan di blog, masuk ke bagian edit HTML, bukan bagian compose. Kemudian masukan URL emoticon tersebut di dalamnya.
Format untuk menuliskan URL tersebut adalah sebagai berikut.

<img src="URL gambar emoticon">

Nah, setelah itu coba lihat di bagian compose, maka emoticon tersebut akan muncul di postingan kita. Untuk keterangan lebih jelasnya dapat kita baca di halaman bagaimana cara menampilkan emoticon pada postingan blog.

Di mana saja kita dapat menemukan emoticon yang lucu-lucu, ekspresif, dan menarik secara gratis?

Yup, ini lah yang sejak tadi ditunggu-tunggu.
So, berikut ini merupakan beberapa daftar situs yang menyediakan emoticon secara gratis.

1. Add Emoticons.
2. Emocutez.
3. Pic4Ever.
4. Rkasigi.net.
5. Emoticons 4 U.
6. Free Smileys.
7. My Emoticons.

Wah, menarik bukan?
Emoticon mana nih yang disukai? Sudahkah emoticon tersebut mewakili ekspresi kita dalam menulis?
Yup, dengan emoticon pastinya akan membuat setiap tulisan dalam postingan blog kita akan semakin seru dan menarik untuk dibaca!

Ada tanggapan?
Jika ada yang masih ingin ditanyakan silakan tulis saja di kotak komentar di bawah ini ya kawan. Mari kita bagikan pengalaman dan pengetahuan kita bersama.
Salam blogger!

Cara Buat Variasi Blockquote

Dalam menulis sebuah postingan blog, biasanya kita juga memberikan penekanan pada bagian terpenting yang menjadi isi utama dari tulisan yang kita buat. Tujuannya adalah agar membuat pembaca lebih mudah dalam menangkap inti dari tulisan yang sedang kita sajikan tersebut. Dalam membuat penekanan tersebut ada banyak cara yang biasanya dipakai oleh blogger, sebagian ada yang menggunakan border untuk tampilan khusus, sebagian juga ada yang menggunakan blockquote.

Sebelum beranjak lebih jauh, apa sih sebenarnya blockquote itu? Blockquote merupakan sebuah kotak yang membingkai tulisan tertentu yang menunjukan kalau tulisan itu merupakan sebuah tulisan penting yang perlu mendapat perhatian dari pembaca untuk mendapatkan inti dari bacaan secara keseluruhan. Berbicara mengenai blockquote, kita kadang merasa bosan dengan tampilan blockquote default yang hanya itu-itu saja. So, adakah cara untuk membuat variasi blockquote dalam blog kita ini? Yup, tentu saja ada. Dengan variasi blockquote yang lebih menarik tidak hanya akan memperjelas pembaca dalam menemukan dan memahami inti bacaan kita, tetapi juga akan memberikan daya tarik tersendiri bagi pengunjung yang tidak terbiasa banyak membaca untuk kemudian mengamati dan membacanya.

Cara membuat variasi blockquote ini dapat kita bedakan menjadi dua langkah, yaitu cara yang otomatis dan manual.

Cara otomatis.

Cara otomatis dalam membuat blockquote ini memungkinkan kita untuk tidak lagi harus memasukan kode-kode HTML untuk menampilkan blockquote saat kita membuat postingan blog, karena saat kita mengklik ikon blockquote akan secara otomatis muncul model blockquote yang kita inginkan.

Cara membuatnya adalah sebagai berikut ;

Pertama masuk ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Cari kode blockquote dalam kode HTML template blog kita tersebut.
Hapus kode blockquote tersebut, kemudian ganti dengan memasukan kode HTML blockquote yang kita inginkan.
Klik simpan template.

Keterangan :

1. Untuk mempermudah pencarian kode HTML yang dimaksud, klik tombol Ctrl + F pada keyboard kita.
2. Selalu biasakan untuk download template blog kita terlebih dahulu sebelum melakukan edit, untuk back up sebagai antisipasi saat kita mengalami kegagalan sewaktu proses editing berlangsung.

Cara manual.

Cara ini tidak membutuhkan penggantian kode HTML template blog, tetapi kita hanya perlu untuk memasukan kode HTML blockquote yang kita inginkan setiap kali kita membuat sebuah postingan. Caranya adalah saat kita membuat postingan sebuah blog, jangan menuliskan blockquotenya di bagian compose. Akan tetapi, tuliskan blockquote tersebut beserta kode HTML untuk menampilkannya pada bagian edit HTML (letaknya tepat di sebelah kiri bagian compose).

Adapun kode HTML yang perlu kita masukan untuk menampilkan blockquotenya yaitu ;

<blockquote style=" Masukkan kode HTML blockquote yang ingin kita tampilkan di sini "> Masukkan tulisan yang akan kita jadikan blockquote di sini </blockquote>

Beberapa bentuk variasi blockquote beserta kode HTMLnya yang dapat kita pilih untuk kemudian di tampilkan dalam postingan blog kita antara lain sebagai berikut ;

Bentuk 1.

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 2.

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 3.

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 4.

blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 5.

blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJOJMWmSNZISYYkocMDFluIdB8nVPERml9nwBJIW0XQAg2i5yVVelDhDryMbCXAmusy_oZQAZuEmaTaFamcWl99wkJHPi9KiLzF0-SS4G5po4q2szid7m0zDTN24vhhT4YSoo5PHEU_Js/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 6.

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmuSWEqTKJn9n93yVtjxF0mXs_2hOIImvawUxYMq7Y9P-QSg6uu5V92VVubyVJYoN8vbV_Er74vQLVxL3yqCz2Lm-ZvtRjreBuOD-Og4EJ5iG-reMkw35uRMfgbsWVUKSvk0Z4HQw5l94/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 7.

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBS_8xQz-lHx4mHVlu2Lue1chCVMQy4PPwmhENnSMrMsc5hJmyVmWC7_481DAh0Nsq4CtYVaStDJmCWc-JajqVCAzQn3FHSio0wGGB1jqINx_q0CWwd6aa6otOfmpHitVp8yavt80Nu0/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 8.

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FSyKx3LbteCSvq-usFnk8lmWGq4-JNad-JFhgWjHDi3uG_FBUMp1UkxUUfYVlYrkKplJ12A5Y4pPimn1P9bF0aNXqJ_cAQ-0Kz8276da70o0klwGInWqjfjYhqPv30Nek85kte101BQ/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 9.

blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVAIH0l11llhBe04ACkwe3S8p08zBoC6KwNMDt3f7m3sZ-0r1Lfwz7dCR82-3qFTdhd3KfylZjXuAnMPE-OZ84G7BBfySYuLETOnp5rSUrv6GI8KHfmVZVFPf_foS2Onjo8bZDgQnH0w/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 10.

.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XGTVVQyTNKPI3LvBq01ZQIKJN9QxEIgBYfphb3ONUMiN4PDw3IbMFeaWEJ2cnwdsvuMyvB-heI1mp5r5-KB5Y808JlyD4nX_mTnGQcXoqGjoybiwwT8CLqPF-gUMtt46TLpYR1av274/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 11.

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV_OxCfeuXXt1oAm-6L3LwrcAiOfhak7CcJq6yQpOJp0v3zYD1q7WwEjgH6DRxYBwd6Pf6WT18IsuFKcrm0OzNN3fzdRH78zeg1kBU_olrS5CgNqsBWyae21o_7Mt2-T1YYXI3NAjTaMU/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZj-FJr-BU0EHnk644LpVso-dretb7ZRIH3WGlELY6a86tyC6_P6G1pCw9vac8xhAYAK-SD0wmBY7IFLf6OO8EHZaRWw3aOx1Y0ijZjNTPqdeWEbz05S20RovmYqkDatOzDMbTqPtwp-c/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 12.

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmQ3bx3a0_6C9TGWoUS5fjlJfxgXFeESDdFTun_dRRJc7meLEcrCMY79l_Y8yMuDlO0-ycuxryY8fkrXbtNBdkolICR99aKdPqLdAUyX6VwOkul5jQTyFbSJfMsuoJim7ThBBzsk1B78/s400/comma1-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vs_89TknWDVjiZCRZXse86_9A_rqxoglI6yhyKQAkvz77jea3gt7MIxXHEdirwlx6RSsQg0cnaSpLxUY4N0Ge5lpActOh43QrD3uWjom0d9Bqk8qT44Xv54G6uWSMtzZFRVXOD5607I/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 13.

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWxUBjA1zelcLLKjHtiX71oxK2JYxirgUk-TFe-Fm38Byl5HUkX5xpLOD0bN7L4sqGDdT808LfHs4QqSR8xYxjM0MqfVoWkNZtKk61XbpvMBiVJatgOT1XxzRc-Kk2BrGGybbiXerW_nA/s1600/block333.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 14.

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfo3WNgJMK7N7Sy_DK87t-9MHKiy_zTYNkZyTvp7LZoa0uyS2TXFb9PHCNmgXYvGzIApe66t7gwuvHCl65x4Db97kmhztXmkBTmFa54WupzMcyDt96V06nWcHnGxGsK8Lre8uNhNRIsDw/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh66YwF6R2YET-HnDhc15NbnObqVjjScRiy7fA8da4BRbJb8_bHvjGTEX_jJK3m_b1aqQeYv7F401hio0ExGYBkCgDHcKzQhyphenhyphenTDhhrX3S28V7nQf-aFTlKhLuCzvOlxSI9MOVN4FfFyKak/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 15.

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZlXHewRH09n3VMaHyADKl38ZA91pnqwxy6g9iL7MoKD3qza9RtmS8dYoNACrrW3JzxL_oPa2BIoJO2yTgQGfxCkV4oKQO-25sGcwwDxorCMOLEdzdcfvML39iv6lZiq6RhxuOBcoTL5w/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHphBrKMopCkStPjbwZU-QacWQDql-KgKy601rkfqWu10Q-ZYfGevVfc1kcfcdnJOUzFvHl_PnmUkqY1Fn7NJexNQrlF2fNfKRgM5E6GQgLNlstl9lyHGtXPLbdD1TsEwGqH-NQRc2QfY/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 16.

blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tHhaqv6RZaqjB-75olz8gsi-8LQQdLQJK2tGOV2-Ut5uNUKzcNan46Tviq8kLVVeicBN-KIOupn6rGWCf1SG46Z9O6FW4irRgGTsVCexHGkIiU_5yuPIudCbYwlsmhQklfuyv7GRuH6L/s1600/quote.png") 5% no-repeat #FFF8DD; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 17.

blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 18.

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 19.

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 20.

blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid rgb(56, 97, 11); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 21.

blockquote {-moz-border-radius: 5px 5px 5px 5px; background-color: #f5d0a9; border: 5px ridge rgb(230, 141, 58); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 22.

blockquote {-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px ridge rgb(224, 213, 130); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 23.

blockquote {-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px double rgb(206, 212, 36); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Bentuk 24.

blockquote {-moz-border-radius: 5px 5px 5px 5px; background-color: #E0ECF8; border: 5px groove rgb(248, 250, 187); padding: 10px;}

Contoh hasil tampilannya.

Blog merupakan sebuah situs pribadi yang memuat tulisan-tulisan sebagai konten atau isi pokoknya, di mana tulisan yang sebagai postingan tersebut berisi tentang suatu topik tertentu yang di publikasikan oleh pemiliknya guna mendapatkan reaksi dari pembaca dan diperbaharui secara berkala.

Nah, bagaimana kawan? Mudah bukan?
Dengan beberapa langkah singkat dan mudah kita akan mendapatkan tampilan blockquote yang lebih menarik dari biasanya. So, hal ini akan lebih menarik minat pengunjung untuk membaca secara lebih mendalam tentang postingan blog kita.

Ada komentar? Ada tanggapan? Ada masukan? Yuk kita bagi-bagikan unek-unek yang ada dalam pikiran kita kepada orang lain. Mari kita berlomba-lomba untuk berbagi kebaikan!
Salam blogger!

Buat Tabel Dalam Postingan Blog Via Google Documents

Beberapa hari yang lalu kita sudah membahas bersama mengenai bagaimana cara membuat tabel dalam postingan blog dengan cara kode HTML. Sekarang, kita akan mencoba membuat tabel dalam postingan blog tersebut, tetapi dengan cara yang relatif lebih mudah. Bagaimana caranya? Kita akan membuat tabel dalam postingan blog dengan google documents.

Ada yang sudah kenal dengan google documents ini? Yup, google documents merupakan sarana yang dapat kita gunakan untuk membuat sebuah file layaknya yang biasa kita kerjakan dalam microsoft office seperti presentasi, tabel dalam excel, tulisan biasa dalam word secara online. Nah, kali ini kita akan mencoba memanfaatkan fasilitas tersebut guna membuat sebuat tabel yang nantinya dapat kita tampilkan dalam postingan blog kita.

Akan tetapi, sebelum kita beranjak pada langkah teknisnya ada beberapa poin yang perlu kita perhatikan dalam membuat tabel untuk postingan blog via google documents ini. Apa saja itu?

1. File tabel hasil pembuatan di google documents yang kemudian ditampilkan dalam postingan blog kita tidak akan bisa di salin (copy paste) oleh pengunjung.
2. Saat proses pembuatan, kita tidak perlu menggunakan kode HTML yang biasanya kita pakai untuk membuat tabel seperti <table>, <td>, dan <tr>.
3. Kita dapat menampilkan tabel dengan kolom dan baris yang lebih panjang tanpa dibatasi oleh ukuran halaman blog. Saat ada kolom maupun baris tabel yang panjangnya melebihi ukuran halaman posting blog kita, maka kelebihan itu akan ditampilkan dengan cara scroll (gulung) untuk menghemat tempat.
4. Kita juga dapat memilih kolom dan baris bagian mana saja yang ingin kita tampilkan. Karena hasil tabel yang kita buat tidak harus ditampilkan semuanya, tetapi kita juga dapat memilih bagian mana saja yang ingin kita tampilkan dan bagian mana saja yang tidak.
5. Jika sewaktu-waktu kita ingin melakukan pengeditan data, kita dapat melakukan perubahan langsung ke situs google documents.

Lalu, bagaimana cara membuatnya?

Pertama, masuk ke situs google documents lewat akun gmail yang kita punya.

 

Setelah itu klik create new dan pilih spreadsheet.

 

Akan muncul lembar kerja layaknya excel yang biasa kita gunakan. Buat lah tabel yang kita inginkan beserta data-data yang ingin kita tampilkan.

Klik File dan save tabel yang telah kita buat. Beri nama hasil tabel tersebut sesuai keinginan kita.

Klik share pada bagian pojok kanan atas, dan pilih publish as a web page.

Setelah itu akan muncul halaman kecil untuk publish to the web. Pilih sheet mana saja yang ingin kita tampilkan, contreng Automatically republish when changes are made, dan klik start publishing.

Pilih HTML to embed in a page, pilih sheet mana yang ingin kita tampilkan dalam postingan blog, dan pilih range baris dan kolom yang ingin ditampilkan (misal: A1:E10).

Copy kode HTML yang tersedia di bwahnya, lalu pastekan di blog kita (paste di edit HTML saat kita membuat postingan blog).

Atur lebar kolom dan baris tabel yang akan ditampilkan dalam postingan blog melalui kode HTML yang diberikan tersebut.

Contoh kodenya adalah sebagai berikut ;

<iframe width='500' height='300' frameborder='0' src='https://spreadsheets.google.com/spreadsheet/pub?hl=en&hl=en&key=0An5jlPoFxaE3dGtCRGtWRnFTTVptQ29uZDlaLWRfb1E&single=true&gid=0&range=A1%3AE10&output=html&widget=true'></iframe>

Maka ;

• Ganti width='500' untuk mengubah ukuran lebar tabel yang ditampilkan.
• Ganti height='300' untuk mengubah ukuran tinggi tabel yang ditampilkan.
• Saat ukuran yang kita ubah ternyata melebihi ukuran dari halaman posting blog kita, maka sisa bagian tabel yang tidak masuk itu akan tetap ditampilkan, hanya saja dalam bentuk scroll.

Contoh hasil tabel yang ditampilkan dalam postingan blog.



Wah, cukup panjang ya caranya?
Memang cara membuat tabel yang demikian relatif mudah karena kita akan terhindar dari penggunaan kode HTML yang rumit saat proses pembuatan. Dengan cara seperti ini juga memungkinkan kita untuk melakukan edit yang cepat jika sewaktu-waktu ingin melakukan perubahan data. Akan tetapi, kelemahannya adalah kita harus melakukan pengerjaan pembuatan tabel ini secara online. So, pastikan jika koneksi internet yang kita gunakan stabil untuk menghindari kerumitan saat proses pembuatan.

Ada yang sudah pernah mencobanya?
Bagaimana hasilnya? Yuk kita bagi-bagikan pengetahuan kita bersama!
Kalau ada yang belum jelas dan ingin ditanyakan, silakan sampaikan lewat kotak komentar ya kawan..
Salam blogger!

Buat Border Dalam Postingan Blog

Dalam membuat postingan sebuah blog, kita biasanya terbiasa untuk bereksperimen mencoba semua fitur penulisan yang di sediakan oleh blogger. Selain karena latar belakang coba-coba, kegiatan kita dalam mengeksplorasi semua fitur penulisan postingan juga dikarenakan oleh keinginan kita untuk membuat tampilan postingan blog terlihat lebih menarik dan mengundang pengunjung untuk membaca. Menyisipkan gambar, memberi tabel dalam postingan, memberi video, memberi quote (keterangan kata), dsb. Akan tetapi, karena keterbatas fitur kita juga cenderung terpaku pada kreasi yang itu-itu saja. Kita harus menemukan sendiri bagaimana cara membuat ini, cara menambahkan itu dalam rangka mengemas tampilan postingan blog agar terlihat lebih menawan.

Salah satu contohnya adalah membuat border dalam postingan blog. Border berguna untuk memberikan bingkai pada tulisan agar terlihat lebih terfokus dan menawan. Dengan pemberian border juga akan membuat tulisan lebih mudah untuk dipahami poin pentingnya. Akan tetapi, karena fitur untuk membuat border belum disediakan oleh blogger, maka kita harus membuatnya sendiri dengan beberapa kode HTML yang perlu ditambahkan.

Bagaimana cara membuat border dalam postingan blog ini?

Pertama, masuk ke akun blogger kita.
Klik entri baru.
Saat masuk dalam halaman untuk menulis postingan blog, jangan masuk ke bagian compose, tetapi masuk lah ke bagian edit HTML untuk menuliskan kode HTML yang digunakan untuk membuat border yang diinginkan beserta tulisan yang akan muncul di dalam border tersebut. Setidaknya ada empat pilihan jenis border yang dapat kita gunakan, yaitu ;

Bentuk I

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk II

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk III

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk IV

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Keterangan :

1. Kode HTML border: 1px #000000, menunjukan warna dari border yang kita gunakan.
2. Kode HML padding: 10px, menunjukan jarak bagian dalam dari border dengan body.
3. Kode HTML background-color: #CEF6CE, menunjukan warna yang digunakan sebagai background dalam border yang kita buat.
4. Kode HTML text-align: left, akan menampilkan pemerataan tulisan dalam border yang dibuat, apakah rata kanan (right), rata kanan kiri (justify), atau rata tengah (center).
5. Kode HTML height: 50px, menunjukan tinggi dari boder. Sedangkan kode HTML width: 300px, menunjukan lebar border yang kita buat.

Mudah untuk membuatnya bukan? Yuk kita buat bersama-sama!
Kalau ada pertanyaan silakan tulis lewat kotak komentar ya kawan..
Salam blogger!