Posts

Cara Memasang Judul Postingan Terbaru Bergambar

Image
Pada postingan sebelumnya, saya telah membahas cara memasang judul judul postigan terbaru di blog, tapi hanya tulisan nya saja yang ditampilkan. Untuk lebih mempercantik dan memperindah, dalam deretan postingan postingan terbaru di blog, bisa juga dipasang gambarnya , jika dalam postingan tersebut terdapat gambar, yang menggambarkan isi dari sebuah blog. Karena memang sebuah gambar di postingan blog terutama gambar utama yang biasanya terletak diatas setelah judul bisa mendeskripsikan isi dari sebuah postingan blog tersebut. Untuk memasang judul judul postingan terbaru di blog yang sekaligus menampilkan gambarnya, cara nya sebagai berikut 1. masuk ke dasbor blog 2. pilih tata letak 3. pilih tambah gadget di side bar atau di foter 4. klik html/javascript 5. masukkan kode berikut <div style="border: 1px solid rgb(153, 153, 153);overflow: auto;width:ancho;height:300px; padding: 10px;"> <ul> <style type="text/css">     #rp_plus_img{height:377px;}  ...

Memasang Judul Judul Postingan Terbaru Atau Artikel Terbaru

Image
Agar penggunjung blog kita mengetahui  postingan postingan terbaru blog kita, kita bisa menampilkannya di blog, baik ditampilkan di sidebar maupun di header sesuai keinginan kita. Mungkin cara memasang nama nama artikel di blog sudah banyak yang membahasnya , namun tidak ada salahnya jika saya membahasnya disini. Dengan memasang judul judul artikel terbaru kita di blog, siapa tau ada pengunjung yang tertarik untuk membacanya. Cara memasang judul judul artikel terbaru di blog sangat mudah, kita hanya memanfaatkan widget blog, caranya 1. masuk ke dasbor blog, klik tata letak 2. klik tambah gadget baik di sidebar atau di header pilih salah satu atau jika mau keduanya silakan paste kode berikut <script src="http://id-pemula-javascript.googlecode.com/files/artikel-terbaru.js"></script> <script>var numposts = 5 ; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http:// tekomdgame.blogspot.co.id /feeds...

Mengganti tulisan home dengan icon rumah di blog

Image
Jika kita memperhatikan, terutama bagi para peselancar internet, kita akan menemui  banyak website website yang beranda nya atau home website itu berbentuk icon rumah. Tujuan nya mungkin untuk mempercantik blog atau website tersebut. semua pengunjung bakal mengerti bahwa icon rumah itu adalah home atau beranda web tersebut. Kita pun bisa menerapkannya di blog kita, bagi yang mempunyai blog terutama dari blogspot, jika anda ingin memasang icon rumah sebagai home atau beranda, berikut cara caranya pertama siapkan gambar atau icon rumah kemudian lihat url gambarnya, copy url gambarnya 1. masuk ke dasbor blog 2. klik tata letak cari kode dimana anda menempatkan home tersebut, biasanya di cross column. bisa juga dari edit html, kode nya kira kira seperti ini <li><a class="home" href="Url Blog anda "> Home </a></li> lalu ganti tulisan Home dengan < li > < a href = ' URL Blog Anda ' > < img border = '0' src = ' ...

Menulis Bahasa Arab di Postingan Blog

Image
Mungkin diantara teman teman ada yang suka menulis menggunakan bahasa arab. Misalnya menulis tentang hadits, ayat alquran, doa dan lain lain. Dan ketika mempunyai blog ingin memposting hadits hadits tersebut, doa doa tersebut dan ayat alquran tersebut ke dalam bahasa arab. Jika kita perhatikan di website website atau blog ternyata banyak yang menuliskan hadits hanya terjemahan nya saja begitu pula dengan ayat al quran. Mungkin mereka tidak mau ribet, atau ada alasan lain nya. Nah bagi teman teman yang ingin menuliskan bahasa arab dalam postingan blognya, disini saya akan membahas sedikit cara menuliskan tulisan arab ke dalam postingan blog, langkah langkahnya sebagai berikut 1. kita buka halaman ini   untuk menuliskan huruf arabnya, atau jika keyboard anda sudah dilengkapi dengan tulisan arab, tidak perlu mengunjungi halaman tersebut 2. kita tuliskan tulisan arab yang kita inginkan misalnya, kita ingin menuliskan kalimat بِسْÙ…ِ اللهِ الرَّØ­ْÙ…َÙ†ِ الرَّØ­ِÙŠْÙ…ِ  3. maka kita tulis...

Fungsi Fungsi Tombol Pada Keyboard Lengkap

Image
Jika kita melihat pada keyboard komputer atau laptop maka kita akan mendapati banyak tombol yang berisi huruf huruf, angka angka dan juga tomblol tombol yang lainnya. tombol huruf dari a-z atau tombol 0-9 kita sudah pada tau bahwa tombol tombol itu untuk menulisakan suatu huruf/kata atau suatu angka. atau tombol yang lainnya untuk menghapus, memindahkan kursor dan lain lain. Saya akan membahas satu persatu tombol tombol tersebut selain huruf dan angka tadi. Tombol tombol itu diantaranya esc -> untuk mengembalikan atau membatalkan perintah program komputer FI -> untuk menampilkan opsi bantuan misal pada microsoft word  F2 -> untuk memindahkan teks atau objek yang dipilih untuk di wondows sering kali digunakan sebagai jalan pintas untuk mengubah nama file atau folder  F3 -> untuk menjalankan perintah auto text, sringkali digunakan untuk membuka fitur pencarian untuk banyak program F4 -> untuk mengulangi  perintah sebelumnya, membuka jendela windows F5 -> s...

Membuat Scroll Arsip Blog di Blogspot

Image
Arsip blog diperlukan untuk sebuah blog tujuan nya agar pengunjung atau pembaca dapat mengetahui artikel apa saja yang ada di blog tersebut tanpa harus melihat dari navigasi blog. Arsip blog memudahkan pengunjung atau pembaca blog untuk menemukan sebuah artikel yang di inginkan dalam blog tersebut. Tapi kadang jika artikelnya udah banyak mencapai ratusan, maka arsip blog itu jika ditampilkan semuanya akan memakan banyak tempat bahkan sampai ke bawah atau ke footer dan itu menyebabkan loading lama, untuk itu kita akan membuat arsip blog dengan scroll, cukup kita scroll di kotak arsip blog ke bawah untuk melihat semua postingan tanpa memakan banyak tempat. Caranya : 1. masuk Dasbor blog pilih template 2. klik edit html cari "archivelist" setelah ketemu letakkan kode berikut diatas archivelist <div style='overflow:auto; width:ancho; height:300px;'> kemudian cari kode <b:include name='quickedit'/> letakkan </div> di atasnya seperti dibawah ini ...

Membuat Related Post atau Artikel Terkait Bergambar

Image
Pada postingan sebelumnya telah dibahas cara membuat related post atau artikel terkait dengan menampilkan judul dan gambar , kali ini saya akan membahas bagaimana membuat related post dengan gambar tetapi ketika kursor diarahkan ke gambar akan muncul judul artikelnya. Caranya hampir sama dengan membuat related post yang menampilkan judul dan gambar Untuk membuat related post dengan gambar, artikel kita harus diberi label terlebih dahulu, karena related post yang akan ditampilkan adalah berdasarkan label tertentu. Cara memasangnya 1. Buka Dasbor blog pilih template 2. kemudian klik edit html cari kode ]]></b:skin> atau </style> gunakan f3 atau ctrl + f untuk mempermudah pencarian setelah ketemu, letakkan kode dibawah ini diatas kode  ]]></b:skin> atau </style> .related-post .post-thumbnail {z-index: 1;position: relative; width: 98px ; height: 98px ;margin: 0;display: block; border-right: 1px solid #fff;border-bottom: 1px solid #fff; -webkit-border-rad...