Home / Blogger
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup

Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup - Bagi anda yang sering posting artikel yang menyajikan kode-kode HTML, Javascript, dll saya yakin sering menggunakan kotak-kotak spoiler untuk menamlikannya agar terlihat lebih menarik. Memang jika menggunakan kotak-kotak seperti itu membuat artikel yang kita posting lebih elegan.

Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup

Sekarang banyak jenis-jenis kotak spoiler tersebut yang dibuat semenarik mungkin, sehingga pengunjung blog anda akan tidak cepat bosan jika membaca dan mempraktekan artikel-artikel yang anda posting. Artikel saya kali ini tentang Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup dan akan langusng saya jelaskan cara memasang nya di postingan dan di menu gadget dengan design yang polos-polos saja yang penting Seo Friendly, hehe :)

Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog

  • Pertama, pada menu pos, klik "Entri Baru", kemudian disana ada dua tombol yaitu Compose dan HTML, anda pilih yang HTML, lihat gambar di bawah :
    Membuat Entri Baru di BlogMemilih Halaman HTML di Dalam Postingan Blog
  • Kemudian copas kode di bawah ini pada halaman postingan anda, ini juga merupakan hasil jadinya nanti seperti di bawah ini :

    <!---Start code show hide by;"dikaeuphrosyne.blogspot.com"--->
    <div style="margin-bottom: 2px;">
    <div style="margin-top: 5px; text-align: center;">
    <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" type="button" value="Buka" /> </div>
    <div style="background-color: #cccccc; border-bottom: 1px solid #ff0000; border-left: 4px solid #ff0000; border-right: 1px solid #ff0000; border-top: 1px solid #ff0000; margin: 0px; padding: 6px;">
    <div style="display: none;">
    <span style="color: black; font-style: italic;">
    (TULIS DESKRIPSI DISINI)
    </span></div>
    </div>
    </div>
    <!---End code show hide by;"dikaeuphrosyne.blogspot.com"--->


  • Keterangan :
    • #cccccc; ini merupakan warna background nya, silahkan di ubah sesuai selera anda.
    • (TULIS DESKRIPSI DISINI) Silahkan tulis deskripsi yang ingin anda buat dalam kotak spoiler buka tutup ini, jika ingin menampilkan gambar silahkan copas url gambarnya, jika ingin menampilkan kode HTML, dll silahkan di copas disini, biasanya saya kalau ingin menampilkan kode HTML di kotak spoiler ini saya merubah kode "<" menjadi "&lt;" (tanpa tanda kutip) dan kode ">" menjadi "&gt;". Jika sobat blogger tahu cara yang lebih sederhana, silahkan share di kolom komentar :) hehe..

Cara Memasang Kotak Spoiler di Menu Footer Dengan Tombol Buka Tutup

  • Pertama, silahkan  cari menu Tata Letak, lalu pilih "Tambah Gadget".
    Mencari menu Tata Letak di Blog











  •  Setelah itu cari dan klik tanda + "HTML/Javascript". Seperti pada gambar di bawah :
    Mencari Menu Edit HTML/Javascript di Blog 
  • Setelah terbuka menu konfigurasi HTML/Javascriptnya, copas kode kotak spoiler yang di atas tadi ke menu konfigurasi HTML/Javascript.
  • Ubah tulisan (TULIS DESKRIPSI DISINI) dengan gambar atau tulisan yang anda inginkan, jika sudah maka klik "Selesai". Contoh seperti yang saya gunakan pada halaman footer blog saya ini :
Site Info Blog dikaeuphrosyne.blogspot.com

Sekian artikel saya tentang Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup mudah-mudahan bermanfaat bagi sobat blogger semua, Terima Kasih^_^
45 Komentar

Tipe Blog Yang Disukai Oleh Google

Tipe Blog Yang Disukai Oleh Google - Banyak Blog yang disukai oleh Google, tetapi ada juga Blog yang tidak disukai oleh Google. Jika blog anda tidak disukai oleh Google, jangan harap bisa mendapatkan urutan pertama di search engine, belum lagi blog kesayangan anda bisa terkena penalty. Pastinya anda tidak mau kan blog kesayangan anda tidak dapat bersaing dalam peringkat 10 besar di search engine, apalagi blog kesayangan anda kena penalty, pastinya anda tidak rela dan tidak mengharapkan hal itu terjadi, saya sendiri pun juga begitu.

Tipe Blog Yang Disukai Oleh Google

Jadi artikel saya kali ini membahas tentang Tipe Blog Yang Disukai Oleh Google menurut saya pribadi, sambil bagi-bagi ilmu dengan sahabat blogger sekalian, siapa tahu ini bermanfaat dan bisa membuat blog anda disukai google. Supaya tidak berlama-lama, langsung saja baca, pahami dan terapkan penjelasan-penjelasan saya di bawah ini :

Tipe Blog Yang Disukai Oleh Google

  1. Template Blog SEO FRIENLY

    Tenmplate Blog SEO FRIENDLYIni merupakan suatu keharusan untuk blogger jika inggin bersaingin dengan blogger lain di peringkat 10 besar search engine. Sekarang sudah banyak bertebaran template Blog Seo Friendly yang diberikan secara gratis. Jika anda ingin template Blog yang Seo Friendly tentu anda harus mau menggunakan template yang simple-simple saja, karena kriteria template blog yang Seo Friendly itu design nya simple saja, dan gunakan widget seperlunya saja. Jadi intinya sekarang Google suka blog yang loadingnya cepat dan Seo Friendly.

  2. Posting artikel Secara Teratur

    Memposting artikel secara teratur memang sangat perlu, jadi saya sarankan untuk tidak memposting artikel secara musiman, misalkan anda psoting artikel setiap hari pada minggu pertama, lalu minggu ke dua dan selanjutnya anda vakum. Jika anda tidak mempunyai banyak waktu luang untuk posting artikel setiap hari, setidaknya anda posting artikel minimal 3 kali dalam seminggu dan itu dilakukan secara teratur ke minggu-minggu selanjutnya. Jadi intinya postinglah artikel secara teratur ke depannya, walaupun 3 kali seminggu itu lebih baik dari pada posting artikel setiap hari dalam minggu pertama, tapi minggu ke dua vakum.

  3. Isi Blog Tidak Hasil Copy Paste

    Artikel Bukan Hasil Copy Paste
    Jika anda ingin agar blog anda disukai oleh Google, tentu anda harus menghindari yang namanya copy paste, karena Google sangat tidak menyukai tindakan ini. Jadi buatlah artikel-artikel yang lain dari pada yang lain, dan tidak mengandung unsur-unsur porno dan sejenisnya sesuai aturan yang berlaku dan jagalah artikel anda agar tidak di copy paste.

  4. Artikel Berstandar SEO FRIENDLY

    Buatlah artikel yang berstandar Seo Friendly, saya tidak akan menjelaskan lagi bagaimana artikel yang Seo Friendly itu, silahkan anda search langsung di Google. Jika artikel anda sudah Seo Friendly maka Google akan lebih mudah untuk mengindeks artikel-artikel yang anda posting.

  5. Kualitas Artikel

    Buatlah artikel yang bermanfaat bagi pengunjung blog anda, jika artikel yang anda buat bermanfaat pastinya Google pun tentu akan menyukainya. Blog yang disukai oleh google adalah blog yang memiliki artikel yang berkualitas dan bermanfaar bagi pengunjung.

  6. Backlink Yang Sehat untuk Blog Anda
    Backlink Yang Sehat dan Baik Untuk Blog

    Cobalah untuk mencari backlink secara alami tanpa menggunakan jalan pintas. Karena ada sobat blogger yang mencari backlink menggunakan jalan pintas itu dampaknya akan terkena penalty, jadi usahakan untuk mencari backlink yang benar-benar alami dan pertambahan backink teratur kedepannya. Tidak hanya posting artikel saja yang harus teratur, tetapi berburu backlink juga harus secara teratur, sesuaikan saja dengan berapa waktu yang bisa anda luangkan untuk mencari backlink dalam setiap minggu dan lakukan secara teratur dan bertahap ke minggu-minggu selanjutnya. Saya yakin sobat blogger pasti sudah banyak tahu tentang asal-usul backlink ini, jadi saya tidak akan banyak menjelaskan tentang backlink.

Sekian dulu penjelasan saya tentang Tipe Blog Yang Disukai Oleh Google, semoga artikel saya ini bermanfaat bagi sobat blogger semua, jika ada kekurangan dalam artikel yang saya share ini mungkin sobat bisa sharing sedikit ke saya, karena saya juga masih belajar tentang SEO dan kawan-kawannya. Terima Kasih ^_^ Salam Blogger.
37 Komentar

Cara Agar Artikel di Blog Tidak Dapat di Copy Paste

Cara Agar Artikel di Blog Tidak Dapat di Copy Paste - Hallo sobat, Artikel kali ini saya akan membagi pengetahuan kepada sobat tentang cara agar artikel tidak dapat di copy paste. Pasti banyak yang nggak suka kalau artikel nya di copas, karena akan bisa menimbulkan kerugian yang besar bagi si penulis. Karena banyaknya yang biasa copas artikel maka saya akan berbagi tips dengan para sobat blogger. Sobat blogger yang master sudah tentu tau , nah bagi sobat blogger yang belum atau yang masih newbie seperti saya, mari kita praktekan :D



Langkah-langkah nya sangatlah mudah. Anda hanya perlu memasukan code java script berikut ini ke template anda, langsung saja kita mulai : 

  • Pertama anda harus log in ke blogger...
  • Selanjutnya masuk ke menu template dan klik edit HTML, Centang Kotak Expand Template Widged
  • Selanjutnya cari code <head> . Klik CTR+F di keyboard untuk memudahkan pencaharian..
  • Jika sudah ketemu, lalu letakan code di bawah ini, tepat di atas code <head>  : klik open untuk buka..
<SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

  • Jika sudah, maka simpan template nya, and Finish!!
Oke sobat, itulah cara agar artikel di blog tidak dapat di copy paste, cukup mudah dan simple kan ? Semoga artikel saya ini bermanfaat bagi sobat sekalian, akhir kata saya ucapkan, Terima kasih!
12 Komentar

Cara Membuat Contact Us di Blog

Cara Membuat Contact Us di Blog - Artikel saya kali ini membahas tentang cara membuat contact us di blog, nah, sebelum kita membuat contact us nya di blog, kita perlu membuat contact form nya terlebih dahulu secara gratis. Mungkin cara ini banyak sobat blogger yang sudah mengetahuinya dan banyak yang sudah memakainya, nah bagi yang belum mengetahui cara membuatnya, saya akan jelaskan caranya sampai selesai, oke langsung saja ikuti langkah-langkah di bawah ini :


  • Cara Membuat Contact Form :
~Pertama buka dulu website contact form nya : 123 Contact Form
~Pada halaman utama 123 Contact Form, klik tombol (SIGN UP FOR FREE), lihat gambar di bawah yang saya kasi tanda panah untuk lebih jelasnya :
Klik Gambar Untuk Memperbesar
 ~Setelah di klik, anda akan disuruh pilih 3 jenis pendaftaran, pilih saja yang gratisan, yaitu yang BASIC, lalu klik SIGN UP , lihat gambar : 
Klik Gambar Untuk Memperbesar

~Nah, Setelah itu, anda isikan formulir pendaftarannya, seperti Username (nama pengguna, ini akan digunakan saat log in, pastikan username yang anda gunakan belum di gunakan oleh orang lain), Passowrd, Confirm Password, dan Email ( pastikan email ini aktif, karena email ini akan digunakan ketika seseorang mengirim pesan/pertanyaan melalui contact form kita, pesan itu akan di kirim ke email kita ini. Jika semua sudah terisi maka klik Create Account!
Klik Gambar Untuk Memperbesar

~ Selanjutnya, anda akan diminta untuk memilih type form yang akan digunakan, karena kita sekarang membuat contact form, maka pilih contact form. Lihat gambar dibawah : 
Klik Gambar Untuk Memperbesar


 ~Setelah memilih contact form, anda akan diminta untuk membuat nama dari halaman kontak yang anda buat, seperti : Contact Us atau Contact Form atau yang lainnya.
Klik Gambar Untuk Memperbesar
~Selanjutnya anda bisa mengedit halaman contact form tersebut, menggunakan tols yang ada di sebelah kiri, anda bisa menambahkan atau menghapus field yang ada pada contact form tersebut, silahkan anda berkreasi sendiri. Jika anda ingin melihat tampilan contact form yang anda edit, klik saja PREVIEW. Jika anda sudah selesai mengedit, klik saja CONTINUE, untuk menuju ke langkah selanjutnya.. Lihat gambar di bawah ini : 
Klik Gambar Untuk Memperbesar
 ~Selanjutnya anda akan diminta untuk men-sumbit email yang anda gunakan, beri tanda check list pada email anda, jika sudah maka klik save, lihat gambar yang saya lingkari warna merah di bawah :
Klik Gambar Untuk Memperbesar

 ~Selajutnya ada tombol "Continue" di kanan atas layar anda, lalu klik saya tombol "Continue"

~Selanjutnya, tinggal menggambil code script contact form nya atau link URL contact form nya. Untuk mengambil link URL contact form nya, anda tinggal copas Link URL (Email, Messenger) atau HTML Link - Text (Webpage), lalu paste link nya di code html/javascript menu dropdown di blog anda. Lihat contoh menu dropdown "Contact Us" di blog dikaeuphrosyne.blogspot.com . Lihat contoh gambar tempat link URL contact form :
Klik Gambar Untuk Memperbesar

~Jika anda ingin pasang contact form nya di  halaman blog anda, anda tinggal copas code scirpt HTML contact form nya, klik pilihan BLOGGER yang ada di sebelah kiri, lalu copas code script HTML nya yang ada disana, lihat gambar di bawah ini : 
Klik Gambar Untuk Memperbesar

 ~Untuk meletakan di halaman blog anda, Masuk pada menu Blogger > Entri Baru > lalu paste code script tersebut pada halaman HTML dan Selesai...
Oke..itulah cara membuat contac us di blog , semoga artikel saya ini bermanfaat buat sobat yang membaca nya, The End!
 
18 Komentar
Langganan: Postingan (Atom)