Cara Menghilangkan Border atau Bingkai Gambar di Blog
Oleh Wisa Rahardi - February 23, 2014
Setelah kita mengetahui cara memasukkan gambar kedalam postingan blog, selanjutnya adalah memodifikasi gambar dalam postingan.
Bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.
Bagaimana caranya, ayo kita mulai. Seperti biasa, Anda login dulu ke blog. Setelah masuk ke dasbor. Klik 'Template' dan klik 'Sesuaikan' (lihat gambar).
Seletah masuk ke halaman klik 'Tindak lanjut' 'Tambahkan CSS' dan masukkan script beriku ini.
.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}
Tampilannya akan seperti gambar ini…
Bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.
Bagaimana caranya, ayo kita mulai. Seperti biasa, Anda login dulu ke blog. Setelah masuk ke dasbor. Klik 'Template' dan klik 'Sesuaikan' (lihat gambar).
Seletah masuk ke halaman klik 'Tindak lanjut' 'Tambahkan CSS' dan masukkan script beriku ini.
.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}
Tampilannya akan seperti gambar ini…
Cara Memasukkan Gambar Dalam Postingan Blog
Oleh Wisa Rahardi - February 23, 2014
Walau langkah ini sangat mudah, namun ada juga beberapa blogger yang sedikit kesulitan saat memasukkan gambar kedalam postingan.
Naah, dipostingan kali ini kita akan belajar memasukkan gambar/foto/image ke dalam postingan. Langkahnya cukup mudah. Pertama-tama login ke akun blog Anda lalu pilih 'Entri Baru'.
Saya asumsikan Anda sekarang telah menyiapkan tulisan dan foto yang ingin disertakan. Selanjutnya isi tulisan dikolom yang disediakan dan masukkan foto. Caranya, letakkan kursor komputer Anda dibagian yang akan dipasangi gambar.
(Baca Juga: Cara Menghilangkan Border atau Bingkai Gambar di Blog)
Jika Anda ingin menaruh gambar di bagian atas tulisan, silahkan letakkan kursor Anda disana dan enter sekali. Selelah itu, lihat menu diatas. (Lihat gambar) .
Selanjutnya Anda akan dibawa kejendela baru. Pilih gambar yang Anda ingin masukkan kedalam tulisan melalui komputer Anda. Jika sudah terupload, maka pilih dan klik 'Add Selected'.
Tradaaaa... gambar yang Anda inginkan…
Naah, dipostingan kali ini kita akan belajar memasukkan gambar/foto/image ke dalam postingan. Langkahnya cukup mudah. Pertama-tama login ke akun blog Anda lalu pilih 'Entri Baru'.
Saya asumsikan Anda sekarang telah menyiapkan tulisan dan foto yang ingin disertakan. Selanjutnya isi tulisan dikolom yang disediakan dan masukkan foto. Caranya, letakkan kursor komputer Anda dibagian yang akan dipasangi gambar.
(Baca Juga: Cara Menghilangkan Border atau Bingkai Gambar di Blog)
Jika Anda ingin menaruh gambar di bagian atas tulisan, silahkan letakkan kursor Anda disana dan enter sekali. Selelah itu, lihat menu diatas. (Lihat gambar) .
Selanjutnya Anda akan dibawa kejendela baru. Pilih gambar yang Anda ingin masukkan kedalam tulisan melalui komputer Anda. Jika sudah terupload, maka pilih dan klik 'Add Selected'.
Tradaaaa... gambar yang Anda inginkan…
Cara Mudah Membuat Sitemap di Blogger
Oleh Wisa Rahardi - February 23, 2014
Menghadirkan sitemap pada blog punya keuntungan tersendiri, karena akan memudahkan pengunjung mencari artikel lainnya dalam blog.
Namun karena blogspot tidak menyediakan layanan ini secara defuld, maka sebagai pemilik kita diberi kesempatan membuatnya. Dalam tulisan ini kita akan buat sitemap di blogger dengan mudah.
Selanjutnya mari kita buat.
Seperti biasa, pertama-tama login ke blogger Anda. Pilih 'Laman'. (Lihat Gambar).
Lalu klik 'Laman Baru' pilih 'Laman Kosong'
Jika telah terbuka. Isikan 'Judul laman' sesuai dengan keinginan Anda. Sebagai contoh dalam blog ini kita gunakan kata 'Sitemap'. Setelah itu klik 'HTML'.
Masukkan script HTML berikut, copy paste saja.
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Tulisa…
Namun karena blogspot tidak menyediakan layanan ini secara defuld, maka sebagai pemilik kita diberi kesempatan membuatnya. Dalam tulisan ini kita akan buat sitemap di blogger dengan mudah.
Selanjutnya mari kita buat.
Seperti biasa, pertama-tama login ke blogger Anda. Pilih 'Laman'. (Lihat Gambar).
Lalu klik 'Laman Baru' pilih 'Laman Kosong'
Jika telah terbuka. Isikan 'Judul laman' sesuai dengan keinginan Anda. Sebagai contoh dalam blog ini kita gunakan kata 'Sitemap'. Setelah itu klik 'HTML'.
Masukkan script HTML berikut, copy paste saja.
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Tulisa…
Cara Mengganti Logo Blogger (Favicon)
Oleh Wisa Rahardi - February 23, 2014
Kali ini kita akan membahas tentang logo. Seperti yang saya katakan sebelumnya, saat pertama kali membuat blog di blogger semua serba standar dan bawaan dari blogspot.
Agar tampil beda, kita perlu melakukan beberapa perubahan. Salah satu yang mendasar adalah logo blogger yang selalu terlihat pada browser Anda. Dalam bahasa blog, logo ini dinamakan favicon.
Cara menggantinya cukup mudah, namun perlu diperhatikan terlebih dahulu adalah mendapatkan favicon yang diinginkan. Ada banyak cara bisa dilakukan, salah satunya dengan menggunakan fasilitas gratis pembuatan favicon dari freefavicon.com.
Setelah gambar yang diinginkan telah ada, saatnya merubah masa depan blog Anda :).
(Baca Juga: Cara Menghilangkan Navbar dan Elemennya Pada Blogger)
Pada dasbor blogger, pilihlah 'Tata Letak' pada menu sebelah kiri. Maka akan terlihat gambar seperti ini. Klik 'Edit'
Selanjutnya akan tampil jendela baru. Klik 'Browser' dan pilihlah gambar atau logo dalam format .png dari ko…
Agar tampil beda, kita perlu melakukan beberapa perubahan. Salah satu yang mendasar adalah logo blogger yang selalu terlihat pada browser Anda. Dalam bahasa blog, logo ini dinamakan favicon.
Cara menggantinya cukup mudah, namun perlu diperhatikan terlebih dahulu adalah mendapatkan favicon yang diinginkan. Ada banyak cara bisa dilakukan, salah satunya dengan menggunakan fasilitas gratis pembuatan favicon dari freefavicon.com.
Setelah gambar yang diinginkan telah ada, saatnya merubah masa depan blog Anda :).
(Baca Juga: Cara Menghilangkan Navbar dan Elemennya Pada Blogger)
Pada dasbor blogger, pilihlah 'Tata Letak' pada menu sebelah kiri. Maka akan terlihat gambar seperti ini. Klik 'Edit'
Selanjutnya akan tampil jendela baru. Klik 'Browser' dan pilihlah gambar atau logo dalam format .png dari ko…
Cara Menghilangkan Navbar dan Elemennya Pada Blogger
Oleh Wisa Rahardi - February 22, 2014
Seperti yang saya katakan sebelumnya, bahwa menghilangkan navbarada dua cara. Di cara pertama menghilangkan navbar kita telah berhasil dengan selamat.
Tapi coba Anda perhatikan. Memang navbarnya hilang bukan, tapi masih ada spasi, karena kita hanya menghilangkan tampilan navbarnya saja secara kasat mata, tidak secara harfiah.
Untuk menghilangkan navbar beserta elemen-elemennya, kita ikuti langkah selanjutnya.
Seperti biasa, pertama-tama kita login ke dasbor blogger. Pada deretan menu disebelah kiri, pililah 'Template' maka akan muncul seperti berikut ini.
Setelah terbuka, tampilannya akan berubah. Tak usah panik itu biasa (mutlak :). Selanjutnya pilih 'Tindak lanjut', lalu tarik kursor sedikit kebawah dan klik 'Tambahkan CSS'. Pada kolom isian tuliskan ini : #navbar {display:none} (lihat gambar)
Setelah semua beres, tinggal tombol 'Terapkan ke Blok' disebelah kanan atas, dan tradaaa... lihat hasilnya, pasti akan berubah. Header kelihatan lebih rampi…
Tapi coba Anda perhatikan. Memang navbarnya hilang bukan, tapi masih ada spasi, karena kita hanya menghilangkan tampilan navbarnya saja secara kasat mata, tidak secara harfiah.
Untuk menghilangkan navbar beserta elemen-elemennya, kita ikuti langkah selanjutnya.
Seperti biasa, pertama-tama kita login ke dasbor blogger. Pada deretan menu disebelah kiri, pililah 'Template' maka akan muncul seperti berikut ini.
Setelah terbuka, tampilannya akan berubah. Tak usah panik itu biasa (mutlak :). Selanjutnya pilih 'Tindak lanjut', lalu tarik kursor sedikit kebawah dan klik 'Tambahkan CSS'. Pada kolom isian tuliskan ini : #navbar {display:none} (lihat gambar)
Setelah semua beres, tinggal tombol 'Terapkan ke Blok' disebelah kanan atas, dan tradaaa... lihat hasilnya, pasti akan berubah. Header kelihatan lebih rampi…
Cara Menghilangkan Navbar Pada Blogger
Oleh Wisa Rahardi - February 22, 2014
Ketika pertama kali membuat blog di blogger, template yang digunakan serba standar. Kita sebagai penggunalah yang diberi kebebasan penuh untuk mendesainnya, merubahnya sesuai keinginan hati.
Salah satu yang sering membingunkan bahkan membuat kita putus asa (pengalaman pribadi) untuk mempercantiknya adalah bagaimana menghilangkan navbar. Dulu bahkan saya tak tahu menu diatas blog itu namanya navbar, sehingga untuk mencarinya di google cukup susah. hehe
Untuk menghilangkan navbar ada dua cara yang bisa kita gunakan. Tapi karena jaman sekarang ini semua serba mudah, maka yang akan kita pelajari adalah yang mudah dulu. Cara menghilangkan navbar sangat mudah. (Baca: Cara Menghilangkan Navbar dan Elemennya Pada Blogger)
Pertama-tama kita login ke dasbor blogger. Pada deretan menu disebelah kiri, pililah 'Tata Letak' maka akan muncul seperti berikut ini. Klik 'Edit' di navbar disebelah kanan atas (pada gambar lingkaran merah).
Setelah mengklik 'Edit' akan muncul jend…
Salah satu yang sering membingunkan bahkan membuat kita putus asa (pengalaman pribadi) untuk mempercantiknya adalah bagaimana menghilangkan navbar. Dulu bahkan saya tak tahu menu diatas blog itu namanya navbar, sehingga untuk mencarinya di google cukup susah. hehe
Untuk menghilangkan navbar ada dua cara yang bisa kita gunakan. Tapi karena jaman sekarang ini semua serba mudah, maka yang akan kita pelajari adalah yang mudah dulu. Cara menghilangkan navbar sangat mudah. (Baca: Cara Menghilangkan Navbar dan Elemennya Pada Blogger)
Pertama-tama kita login ke dasbor blogger. Pada deretan menu disebelah kiri, pililah 'Tata Letak' maka akan muncul seperti berikut ini. Klik 'Edit' di navbar disebelah kanan atas (pada gambar lingkaran merah).
Setelah mengklik 'Edit' akan muncul jend…
Cara Menampilkan Home/Beranda Pada Blogspot
Oleh Wisa Rahardi - February 22, 2014
Mempercantik tampilan blog pastinya sangat penting agar pengunjung (visitor) betah berlama-lama pada blog (rumah) kita.
Salah satu yang juga banyak dipertanyakan blogger, utamanya yang pemula (seperti saya) adalah menampilkan tombol 'Home' atau 'Beranda' di kepala blog (header).
(Baca Juga: Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot)
Di blogspot, 'Home' ini memang tidak ditampilkan begitu saja. Namun bisa kita tampilkan kapan pun kita mau. Caranya mudah. Mula-mula masuk ke acount Blogspot Anda, disisi kiri dasbor carilah tulisan 'Laman'.
Klik tulisan tersebut dan Anda akan dihadapkan pada tampilan seperti ini.
Pada tulisan 'Beranda' dibawahnya terdapat tulisan 'Edit | Lihat' jika Anda ingin merubah tulisan 'Beranda' jadi 'Home' silahkan klik 'Edit', jika mau menggunakan 'Beranda' abaikan saja.
Setelah itu, diatasnya ada tombol bertuliskan 'Jangan tampilkan'. Klik disana. Anda…
Salah satu yang juga banyak dipertanyakan blogger, utamanya yang pemula (seperti saya) adalah menampilkan tombol 'Home' atau 'Beranda' di kepala blog (header).
(Baca Juga: Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot)
Di blogspot, 'Home' ini memang tidak ditampilkan begitu saja. Namun bisa kita tampilkan kapan pun kita mau. Caranya mudah. Mula-mula masuk ke acount Blogspot Anda, disisi kiri dasbor carilah tulisan 'Laman'.
Klik tulisan tersebut dan Anda akan dihadapkan pada tampilan seperti ini.
Pada tulisan 'Beranda' dibawahnya terdapat tulisan 'Edit | Lihat' jika Anda ingin merubah tulisan 'Beranda' jadi 'Home' silahkan klik 'Edit', jika mau menggunakan 'Beranda' abaikan saja.
Setelah itu, diatasnya ada tombol bertuliskan 'Jangan tampilkan'. Klik disana. Anda…
Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot
Oleh Wisa Rahardi - February 22, 2014
Meski hal ini terlihat sangat mudah, tidak sedikit diantara blogger yang masih mengalami kendala. Terutama buat mereka yang tetap menggunakan theme lama bawaan blogspot. Pun ada yang kesulitan karena telah mengedit atau mengganti theme bawaan.
Hal yang kelihatan sepele namun cukup berpengaruh pada tampilan blog itu, yakni membuat 'Baca Selanjutnya atau Read More' pada postingan.
Artikel ini telah diedit 26 Maret 2018. Meski cara terdahulu masih relevan, namun ada penambahan informasi kekinian.
Dahulu, sebelum HTML blogspot mengalami banyak perubahan, memang membuat 'Baca Selanjutnya' pada artikel harus dilakukan dengan mengutak-atik kode HTML. Namun seiring perkembangan waktu, blogspot telah menyadari kebutuhan pengguna khususnya kemudahan menggunakan layanan.
Cara termudah sekaligus yang sudah sangat jarang digunakan membuat perintah 'Baca Selanjutnya', adalah memotong tulisan langsung dari mode postingan. Pada pojok menu di atas, ada icon bergambar kertas ter…
Hal yang kelihatan sepele namun cukup berpengaruh pada tampilan blog itu, yakni membuat 'Baca Selanjutnya atau Read More' pada postingan.
Artikel ini telah diedit 26 Maret 2018. Meski cara terdahulu masih relevan, namun ada penambahan informasi kekinian.
Dahulu, sebelum HTML blogspot mengalami banyak perubahan, memang membuat 'Baca Selanjutnya' pada artikel harus dilakukan dengan mengutak-atik kode HTML. Namun seiring perkembangan waktu, blogspot telah menyadari kebutuhan pengguna khususnya kemudahan menggunakan layanan.
Cara termudah sekaligus yang sudah sangat jarang digunakan membuat perintah 'Baca Selanjutnya', adalah memotong tulisan langsung dari mode postingan. Pada pojok menu di atas, ada icon bergambar kertas ter…
Cara Membuat Postingan di Blogspot
Oleh Wisa Rahardi - February 22, 2014
Satu hal yang wajib dilakukan seorang blogger adalah membuat tulisan dan mempublikasikannya. Lasim belaka disebut postingan. Postingan berasal dari kata posting atau menempatkan, memasang, mencatatkan dan pengertian lainnya yang mengarah pada aktivitas membuat dan menayangkannya sesuatu di saluran internet.
Postingan tidak hanya berlaku untuk blog atau situs, tapi lebih umum untuk semua sosial media. Termasuk membuat status di Facebook juga disebut memposting. Tidak melulu pula yang diposting hanyalah kata-kata, bisa video, foto atau bahkan slideshow.
Pada artikel ini alias postingan ini, BLOGOOBLOK akan menerangkan, bagaimana membuat postingan di Blogspot. Lebih eloknya lagi, menampilkannya secara menarik. Karena postingan akan sangat menentukan betah tidaknya pengunjung berlama-lama di blog kita.
Baca: Cara Membuat Blog Blogspot dari Tahap Paling Awal
Langkah 1: Siapkan Artikel
Untuk memposting di blog, hal pertama yang dilakukan adalah menyiapkan artikel yang hendak diposting atau …
Postingan tidak hanya berlaku untuk blog atau situs, tapi lebih umum untuk semua sosial media. Termasuk membuat status di Facebook juga disebut memposting. Tidak melulu pula yang diposting hanyalah kata-kata, bisa video, foto atau bahkan slideshow.
Pada artikel ini alias postingan ini, BLOGOOBLOK akan menerangkan, bagaimana membuat postingan di Blogspot. Lebih eloknya lagi, menampilkannya secara menarik. Karena postingan akan sangat menentukan betah tidaknya pengunjung berlama-lama di blog kita.
Baca: Cara Membuat Blog Blogspot dari Tahap Paling Awal
Langkah 1: Siapkan Artikel
Untuk memposting di blog, hal pertama yang dilakukan adalah menyiapkan artikel yang hendak diposting atau …
Cara Membuat Blog Blogspot dari Tahap Paling Awal
Oleh Wisa Rahardi - February 22, 2014
Era media sosial saat ini, sebagai manusia kita dituntut agar tak ketinggalan dengan kemajuan teknologi. Blog sebenarnya bukanlah barang baru. Saya mengenal blog sebelum Blogger diakusisi oleh Google dan hingga sekarang masih melakoninya.
Walau jumlah orang melek teknologi di Indonesia saban hari makin banyak, tapi ada juga beberapa orang yang tahu menggunakan komputer dan internet masih kaku dan asing ngeblog. Penetrasi pengguna internet pun terus bertambah setiap tahunnya. Indonesia bahkan jadi negara dengan pertumbuhan tercepat.
Karena jumlah pengguna internet di Indonesia semakin subur, maka tingkat penetrasi blog juga tinggi. Blog hadir sebagai tempat menuangkan ekspresi di internet. Ada banyak hal bisa dilakukan, termasuk kalau beruntung bisa dapat penghasilan tambahan.
Baca Juga: Apa Itu Blog?
BLOGOOBLOK dibuat pada mulanya dari platfom Blogger. Varian blog ada banyak, termasuk diantarnya Wordpress, Jombla dan Tumblr. Saya memilih Blogspot karena mudah dan gratis. Blog ini tuj…
Walau jumlah orang melek teknologi di Indonesia saban hari makin banyak, tapi ada juga beberapa orang yang tahu menggunakan komputer dan internet masih kaku dan asing ngeblog. Penetrasi pengguna internet pun terus bertambah setiap tahunnya. Indonesia bahkan jadi negara dengan pertumbuhan tercepat.
Karena jumlah pengguna internet di Indonesia semakin subur, maka tingkat penetrasi blog juga tinggi. Blog hadir sebagai tempat menuangkan ekspresi di internet. Ada banyak hal bisa dilakukan, termasuk kalau beruntung bisa dapat penghasilan tambahan.
Baca Juga: Apa Itu Blog?
BLOGOOBLOK dibuat pada mulanya dari platfom Blogger. Varian blog ada banyak, termasuk diantarnya Wordpress, Jombla dan Tumblr. Saya memilih Blogspot karena mudah dan gratis. Blog ini tuj…
0 komentar
Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^