Cara Membuat Dropcap atau Huruf Besar diawal Postingan Artikel Blog

blogger

Cara Membuat Dropcap atau Huruf Besar diawal Postingan Artikel Blog

wallbox       Comment   

Jika sobat membaca majalah atau koran pasti akan menemukan huruf besar di awal tulisan dan itu di sebut dengan dropcap.

Dropcap atau huruf besar di awal dapat di terapkan juga di blog sobat, baik itu yang memakai wordpress maupun blogspot.

Namun untuk tutorial kali ini yang akan kita bahas adalah penggunaan dropcap pada cms blogspot.

Untuk menerapkan dropcap di blogspot sobat hanya perlu menambahkan kode css dan penambahan kode html pada huruf pertama.

Pada nantinya sobat dapat merubah ukuran / size huruf sesuai dengan keingianan dan bergantung pada template blog yang sudah sobat gunakan.

Menerapkan dropcap di awal postingan tentu soal estetika yang akan menambah menarik tulisan sobat.

Tapi itu bergantung dari preferensi sobat sendiri, apakah akan menerapkan dropcap di blog atau tidak.

Cara Membuat Dropcap atau Huruf Besar di Awal Postingan Artikel

Berikut adalah langkah penerapan dropcap di awal artikel atau postingan blog.

Menyiapkan kode

Untuk langkah awal selalu saya awal untuk menyiapkan kode entah itu di notepad, visual studio atau text editor lain.

Di bawah ini adalah kode css untuk membuat dropcap di postingan artikel. Silahkan di cermati dan pahami penggunaan kode cssnya.

.dropcaps { color: #000; float: left; font-family: "Old London"; font-size: 350%; line-height: 45px; padding-right: 3px;}

Sobat dapat melakukkan beberapa perubahan yang disesuaikand dengan tema blog sobat sendiri. Color dapat sobat sesuaikan dengan warna pada tulisan dan tema.

Font family disesuaikan dengan font sobat, untuk font-size ini sesuai selera saja disesuaikan dengan estetika dan lainnya dapat sobat ubah sesuai selera.

<p><span class="dropcaps">T</span>utorial menerapkan dropcap di postingan artikel</p>

Kode di atas adalah aturan pemakaian dropcap, jadi di dalam tag hml p kita sisipkan tag html span dengan class dropcaps.

Penerapan kode css dan html di template blogspot

Silahkan sobat buka blogger, pilih blog dan pilih opsi tema kemudian edit html. Kurang lebih seperti di gambar di bawah ini.

Jika sudah silahkan sobat cari dengan mengklik kombinasi Ctrl+F dan cari kode di bawah ini.

PASTE KODE CSS DISINI
]]></b:skin>

Sobat dapat meletakkan kode css di atas kode tersebut, dapat lihat pada kode diatas. Kita taruh di paling bawah agar lebih memudahkan untuk pencarian jika ingin mengubah kode css tersebut.

Untuk menerapkan dropcap atau huruf besar di awal postingan silahkan sobat buat postingan seperti biasa.

Sobat bisa mengklik Postingan dan pilih opsi Postingan Baru untuk membuat postingan.

Silahkan ubah mode penulisan ke mode Tampilan HTML dan tulis kode seperti di bawah ini. Untuk tulisannya sobat dapat menyesuaikannya.

Namun untuk format penulisan sobat harus mengikuti, sobat cukup menulis 1 kalimat dahulu saja.

<p><span class="dropcaps">T</span>utorial menerapkan dropcap di postingan artikel</p>

Jika sudah silahkan pindah lagi mode ke Tampilan Menulis dan sobat dapat meneruskan penulisan artikel seperti biasa.

Jadi yang di ubah adalah format penulisan pada kalimat pertama, dengan menambahkan tag html span di dalam tag html p atau paragraf.

Jika penulisan artikel sudah selesai sobat dapat menyimpan dan melihat hasilnya di blog sobat.

Dan jika berhasil maka tampilannya akan seperti di bawah ini, bagaimana mudah bukan? dan akan membuat postingan artikel sobat menjadi lebih menarik.

Sampai bertemu di artikel selanjutnya, sobat bisa request tutorial atau tips apa untuk memperbagus, memperbaiki, memperindah tampilan blog sobat. 

Cara Memasang Link Sumber Otomatis di Blogger saat Artikel Di-copy

blogger

Cara Memasang Link Sumber Otomatis di Blogger saat Artikel Di-copy

wallbox       Comment   

Saat kita menulis artikel tentu kita menguras energi dari mulai fikiran dan waktu, belum lagi jika harus mencari dari berbagai sumber.

Kita tentu tidak ingin jika tulisan artikel yang di buat dengan susah payah di copy paste mentah-mentah, apalagi jika tidak mencantumkan sumbernya.

Sedih marah tentu itu yang akan kita rasakan ketika artikel yang di copas malah nangkring di pencarian google dengan posisi atas artikel kita.

Sebenarnya ada beberapa yang harus kita lakukkan untuk mengamankan artikel kita dari hal tersebut. Tapi pada artikel kali ini fokus untuk memberikan link sumber secara otomatis ketika artikel di copy.

Hal ini bertujuan ketika di paste maka akan muncul ada teks sumber dari mana artikel tersebut di copas. Paling tidak kita masih dapat umpan balik ke blog kita, bahwa artikel tersebut di copy dari artikel kita.

Cara Memasang Link Sumber Otomatis di Blogger saat Artikel Di-copy

Cara memasang link sumber otomatis di blogger saat artikel di copy berikut terinspirasi dari blognya Blog Ermawati yang beralamat di tips-erma.blogspot.com.

Waktu nyoba copy kode blogger kok ada sumbernya, jadi sedikit aku kulih ketemulah kode untuk membuat link sumber otomatis di blogger.

Biar gak terlalu lama, kita langsung saja ke tutorial memasang link sumber otomatis di blogger saat artikel di copy.

1. Buka Blogger, pilih blog, pilih tema dan klik edit html

Langkah pertama adalah sobat membuka blogger dengan alamat blogger.com, kemudian pilih blog yang akan sobat pasang link sumber otomatis.

Selanjutnya pilih menu tema, lihat gambar klik pada anak panah ke bawah dan pilih edit html itu akan menampilkan kode template pada blog kita.

2. Persiapkan kode javascript untuk link sumber otomatis

Sobat perlu menyiapkan kode untuk memasang link sumber otomatis di blogger ketika artikel di copy. Karena ada hal yang harus sobat ubah dalam kode tersebut.

Terdapat beberapa alternatif kode yang kami siapkan untuk memasang link sumber otomatis di blogger.

<script type='text/javascript'>
function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/> Sumber : <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Artikel Ini Saya Copas dari NAMA_BLOG di URL_BLOG ";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="-99999px";a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink
</script>

Silahkan copy dan paste di text editor sobat untuk lebih memudahkan pengeditannya, bisa menggunakan notepad, notepad++, visual studio code dan lainnya.

Yang harus sobat lakukkan adalah mengganti NAMA_BLOGdengan nama blog sobat dan URL_BLOGuntuk url atau alamat domain blog sobat.

3. Parse HTML for Blogger XML Templates

Sobat harus melakukkan parse kode javascript tersebut sebelum di copy paste ke template blogger. Untuk cara parse kode javascript tersebut sobat dapat mengunjungi http://www.blogcrowds.com/resources/parse_html.php

Sobat dapat copy dan paste kode javascript untuk memasang link sumber otomatis di blogger ke kotak yang sudah disediakan. Jika sudah di paste dan kode sudah terlihat, silahkan klik parse dan tunggu sampai kode berhasil di parse.

4. Paste kode javascript membuat link sumber otomatis di blogger

Langkah terakhir adalah menambahkan kode javascript tersebut di template blog sobat. Karena kode tersebut adalah javascript kami menyarankan untuk menaruh di paling akhir saja.

Untuk caranya sobat cari kode di bawah ini

PASTE KODE JAVASCRIPT DISINI
</body>
</html>

Untuk hasilnya sobat dapat melihat pada gambar di bawah ini setelah kode javascript tersebut di paste. Kenapa di taruh paling akhir? Pertama karena agar lebih memudahkan sobat dalam memasangnya dan agar dijalankan terakhir.

5. Simpan template blogger

Langkah terakhir setelah sobat dapat menyimpan template tersebut dengan mengklik tombol save yang berada di kanan atas. Setelah klik tombol save sobat tunggu sampai proses penyimpanan template blogger berhasil dilakukkan.

Mengetes Kode Memasang Link Sumber Otomatis di Blogger saat Artikel Di-copy

Jika pada tahap sebelumnya kita telah memasng kode untuk memberikan link sumber secara otomatis sewaktu artikel kita di copy paste.

Untuk memastikan kode tersebut bekerja sesuai yang kita inginkan sobat dapat melakukkan test pada fungsi kode tersebut.

1. Buka blog sobat

Tahap pertama buka blog sobat apakah itu di bagian hompage atau di bagian artikel lebih baik. Untuk lebih bagusnya sobat buka saja salah satu artikel yang sobat ada di blog sobat.

2. Copy Artikel

Selanjutnya sobat dapat melakukkan copy pada sebagian atau seluruh artikel yang pada blog sobat. Sobat dapat memilih sebagian artikel misal hanya satu paragraf juga tidak masalah

3. Paste Artikel

Langkah terakhir adalah melihat apakah kode untuk memasang link sumber otomatis di blogger saat artikel di-copy sesuai dengan yang kita inginkan atau belum.

Caranya adalah dengan mempaste ke text editor yang sobat gunakan, jika berhasil akan muncul di baris paling bawah Sumber:.... Artikel ini... seperti pada gambar dibawah ini.

Cara Memasang Link Sumber Otomatis di Blogger saat Artikel Di-copy semoga dapat membantu sobat untuk melindungi artikel yang ada di blog sobat.

Untuk tips dan trik lain mengamankan dan melindungi artikel akan kita bahas di artikel selanjutnya. Tulis di kolom komentar ya, bagaimana cara sobat mengamankan artikel di blog.

Cara Membuat Blog yang Mudah dan Menghasilkan Uang

blogger Tutorial

Cara Membuat Blog yang Mudah dan Menghasilkan Uang

wallbox       Comment   

Sebelum kita membahas cara membuat blog, kita berkenalan dulu dengan blog website dan lainnya. bagi sobat saat ini tentu sudah tidak asing mencari sesuatu di google dengan mengetikan beberapa kata dan keluar daftar halaman  blog atau website di browser.

Ketika sobat klik salah satu daftar halaman blog dan website maka akan keluar artikel atau konten yang biasanya relevand dengan kata yang sobat ketikan di pencarian google. Bisa di bilang sobat sudah menemukan apa itu blog dan website. Tapi kita bahas dan berkenalan dengan blog.

Apa itu blog?

Di saat kita melakukkan pencarian di google dengan kata kunci tertentu maka google akan menampilkan daftar halaman website dan blog yang sesuai dengan kata kunci tersebut berurutan berdasarkan rangking yang di buat google.

Halaman tersebut dapat berupa blog ataupun website. Blog sendiri merupakan jenis website yang memiliki tulisan atau artikel dengan beragam topik.

Topik dari blog sendiri dapat beragam maupun spesifik hanya membahas 1 topik saja. Topik ini biasanya disebut sebagai niche.

Niche blog sendiri bermacam-macam, sebagai contohya blog dengan niche kuliner maka blog tersebut biasanya akan membahas berbagai macam kuliner dari mulai rasa, lokasi dan harga.

Blog juga dapat juga berupa blog pribadi, dimana artikel di blog pribadi dapat berisi unek-unek ataupun opini tentang beragam isu ataupun berita yang ingin di bahas.

Tidak hanya berisi tulisan, konten di dalam blog juga memuat konten visual seperti foto, video infografis dan lainnya.

Blog dapat memiliki potensi sebagai tempat menghasilkan pengunjung, penggemar dan menghasilkan uang.

Dengan memahami cara membuat blog, sobat dapat membangun website sebagai portofolio sekaligus blog yang dapat menunjang karir.

Beda antara blog dan website

Blog dan website memiliki perbedaan, diantaranya salah satunya memiliki kolom komentar. Sedangkan website biasanya tidak memiliki kolom komentar.

Kolom komentar dapat berfungsi sebagai komunikasi antara pemiliki blog dengan pengunjung, dapat juga digunakan untuk berdiskusi tentang topik yang ada di artikel.

Perbedaan blog dan website selanjutnya adalah biasanya artikel atau konten yang ada di blog diperbaharui.

Selanjutnya blog memiliki element seperti nama penulis, tanggal postingan, dan kategori yang biasanya terdapat di atas artikel, sedangkan pada website tidak memilikinya.

Platform membuat blog

Saat ini terdapat banyak platform untuk membuat blog, baik itu yang gratis dan berbayar. Berikut adalah platform untuk membuat blog.

Blogger (blogger.com)

Platoform blogger yang bisa di bilang cukup populer juga digunakan sejak dulu. Banyak kelebihan yang di tawarkan blogger sebagai platform dalam membuat blog.

Kelebihan blogger atau blogspot yang kami rasakan adalah :

1. Blogger / Blogspot yang gratis.
2. Banyak template gratis maupun berbayar yang tersedia.
3. Biasa custom template juga dan mudah
4. Dapat di custom dengan domain tld. misalnya menjadi blogsaya.com, bloggerlucu.me, jika tidak di custom alamat blog biasanya nama-blog-saya.blogspot.com
5. dan lainnya.

Dibalik banyak kelebihannya tentu blogger atau blogspot juga memiliki kelemahan. Yang kurang kami suka adalah permalink url di postingan yang ada tahun dan tanggal.

Permalink Blogger: http://www.blogsaya.com/2023/10/cara-membuat-blog.html

Secara fungsi mungkin tidak akan mengganggu performa dari blog. Cuma kurang dari estetikanya saja menurut kami.

Wordpress.com

Sama dengan blogger, platform wordpress.com juga menawarkan blog builder yang gratis dari hosting dan domain gratis.

Biasanya alamat website adalah sebagai berikut blog-saya.wordpress.com. Tapi tenang sobat juga dapat mengcustom alamat website tersebut menggunakan domain tld misalnya .com, .net, .id dan lainnya.

Akantetapi jika ingin mencustom domain sobat harus mengupgrade wordpress sobat, dan tentu memerlukan biaya.

Di fitur gratis juga sobat tidak bisa menginstal plugin, hanya ada beberapa mungkin.

Kami juga memiliki blog dengan wordpress.com, yang juga menawarkan berbagai template gratis dan bisa di custom tata letak. Untuk detailnya sobat bisa mencobanya sendiri.

Wordpress.org

Jika sobat ingin membangun blog atau website lebih leluasa dalam mendesain halaman dan lainnya kami menyarankan untuk menggunakan wordpress.org.

Wordpress.org juga gratis, namun untuk menggunakan wordpress.org sebagai platform blog atau website diperlukan domain dan hosting.

Hosting digunakan sebagai media penyimpanan baik kode wordpress, image bahkan video dan lainnya sesuai dengan kebutuhan website atau blog sobat.

Sedangkan domain digunakan untuk alamat website dan blog sobat. Kami menyarakan jika memakai wordpress harus totalitas, sekalian menggunakan domain tld seperti .com, .id, .net dan lainnya.

Dengan wordpress.org sobat memiliki keleluasaan dalam menggunakan template dan mendesainnya. Template di wordpress.org ada yang gratis dan berbayar. Sobat juga dapat menginstall plugin baik yg gratis maupun beerbayar.

Medium

Jika sobat tidak mau di pusingkant dengan template, plugin, hosting, domain, bahkan vps, server dan lainnya, jika tujuan dalam membuat blog adalah sebagai tempat berbagi pengalaman, opini dan cerita kami menyarankan untuk menggunakan medium.

Medium memiliki format yang mirip dengan blog karena terdapat juga kolom komentar di dalamnya, informasi penulis juga.

Jadi sobat tinggal fokus saja menulis jika menggunakan medium, Sepertinya medium juga dapat di custom domain tapi tidak gratis.

Sobat bisa mengunjungi website medium di medium.com. Kami akan coba juga menggunakan medium dan akan kami ulas di artikel selanjutnya.

Yang dilakukkan sebelum membuat blog

Sebelum sobat membuat blog ada baiknya tentukkan dahulu blog yang dibuat akan seperti apa?

1. Apakah blog pribadi sebagai tempat berbagi informasi, opini, curahan pikiran dan berbagi pengalaman tetang berbagai hal?
2. Apakah blog yang lebih fokus pada 1 topik atau niche tertentu?
3. Pilih topik yang kamu kuasai
4. Pilih topik yang populer
5. Cek peluang keuntungan niche blog
6. dan lainnya.

Dengan pemilihan fokus blog tentu akan lebih memudahkan sobat dalam mengelolanya. Tentu pemilihan niche atau topik juga menentukkan template yang seperti apa yang cocok. Belum lagi nama domainnya apa ya?

Domain

Jika blog pribadi tentu pemilihan domain dapat fokus ke personal branding saja misalnya nama-sobat.com atau nama-sobat.id.

Jika blog yang berfokus pada satu topik tertentu maka kami menyarankan domain yang namanya ada kaitannya dengan topik tersebut.

Misalnya untuk blog kuliner maka bisa saja blog dengan nama makanenak.com atau makandisini.id

Hosting

Jika sobat menggunakan wordpress.org tentu memerlukan hosting. Ada beberapa jenis hosting yang bisa sobat gunaan untuk menginstall wordpress.org.

• Shared hosting (hosting yang terjangkau dan penggunaannya mudah)
• Cloud hosting (hosting dengan fasilitas VPS dan kemudahan shared hosting)
• VPS hosting (memiliki kapasitas server yang besar tetapi perlu keterampilan teknis)

Semua bergantung pada budget sobat, jika sobat memang masih awal bisa memakai shared hosting dahulu. jika pengunjung sudah mulai banyak baru upgrade ke cloud hosting atau vps hosting.

Cara buat blog yang menhasilkan uang

Agar lebih semangat dalam membuat blog, kami berikan informasi bahwa blog yang kita bangun dalam menjadi penghasilan sampingan. Ada beberapa cara yang bisa sobat lakukkan agar blog menghasilkan uang.

1. Meningkatkan pengunjung dengan mempromosikan blog

Dengan pengunjung yang semakin banyak tentu akan menjadikan nilai tambah dari blog sobat. Dengan banyaknya orang yang mengunjungi blog akan membuat blog sobat memuliki nilai yang bisa di lirik oleh siapapun.

2. Pelajari SEO

Cara membuat blog dan menghasilkan uang adalah dengan mempelajari tentang SEO. SEO memang sangat penting dalam blog atau website untuk menunjang kepercayaan baik dari google dan pengunjung.

Selain konten yang berkualitas dan kata kunci yang relevan sobat juga harus memperhatikan supaya bisa masuk dalam peringkat atas dalam pencarian google.

3. Buat website yang user friendly

Saat membuat blog sobat harus perhatikan template agar membuat nyaman pengunjung atau user friendly. Perhatikan navigasi menu, tata letak konten dan pendukung lainnya.

Sobat juga optimasi pada gambar di dalam postingan, gunakan gambar yang relevan engan konten dan sesuai engan template.

4. Lakukkan endorse

Saat pengunjung blog sobat mulai berdatangan dan banyak, tentu itu akan menarik bagi orang lain untuk beriklan di blog sobat. Dan tentu saja itu dapat menghasilkan uang untuk sobat.

Dengan endorsement sobat dapat mendapatkan uang atau produk gratis, bergantung pada kesepakatan sobat.

5. Menerima pemasangan iklan

Cara membuat blog gratis dan menghasilkan uang selanjutnya adalah menerikama pemasangan iklan. Sobat tinggal menyediakan slot iklan untuk menampatkan iklan bagi pengiklan.

Tentu semuanya bergantung kesepakatan antara sobat dan pengiklan, sobat dapat mematok harga harian atau perklik menuju link yang di bagikan.

Tapi juga sobat harus memastikan bahwa iklan yang di pasang adalah yang relevan dengan konten blog sobat, tapi semua bergantung pada sobat sendiri. blog juga punya sobat.

Gabung program afiliasi

Dengan bergabung dengan program afiliasi tentu blog sobat akan menghasilkan uang. Program afiliasi sendiri merupakan program yang memberikan komisi jika sobat berhasil membuat orang lain menggunakan produk mereka.

Kesimpulan

Bagaimana cara membuat blog dan cara menghasilkan uang dari blog menarik bukan? apakah sobat tertarik atau sudah memiliki blog?

Tulis di kolom komentar ya blog yang sobat miliki membahas tentang apa? dan apakah sudah menghasilkan uang dari blog yang sobat bangun?