Home / Semua Artikel

Rabu, 18 Mei 2016

2 Cara jitu membuat menu navigasi di blog dengan mudah

Komentar
Biljabbaradnan's blog - Hallo kawan-kawan bertemu lagi dengan saya yang kali ini akan membagikan tutorial tentang "Cara jitu membuat menu navigasi blog".
Ternyata membuat menu navigasi itu ada 2 cara loh kawan.

Yaitu dengan cara menggunakan metode laman dan metode kode HTML.

Dibawah ini adalah salah satu contoh menu blog yang sudah selesai dibuat, untuk tampilan menunya akan berbeda-beda sesuai dengan tema template kalian.



Pasti kalian sering menjumpainya dan bahkan mengetahui fungsinya bukan?.
Yapz fungsinya antara lain
  1. Dapat mempermudah para pengunjung menelusuri artikel yang mereka cari sesuai label/kategori yang di inginkan.
  2. Mendapatkan nilai lebih untuk blog.
    Dengan menggunakan menu blog yang kompotible dan menarik, pastinya akan memancing para pengunjung untuk menelusuri artikel-artikel kalian lebih jauh.
Sebelum membuat menu navigasi blog ada baiknya kalian membuat label/mengkategorikan di setiap artikel yang kalian terbitkan.
untuk mengetahui cara membuat label/mengkategorikan artikel

Baca juga : Cara menulis artikel di blog baru dengan mudah dan lengkap (pada point 4.C)

Setelah sampai pada bagian ini saya anggap kalian semua sudah paham dan siap untuk melanjutkan tahapan berikutnya yaitu  Membuat menu blog 
Silahkan disimak baik-baik yah kawan.

1. Metode Laman


1. Langkah pertama login dahulu ke akun blogger kalian.
2. Lalu pergi ke dashbor => tata letak =>tambahkan gadget pada Cross-colomn


3. Pilih gadget laman


4. Silahkan di klik "+Tambahkan tautan eksternal"


5. Silahkan kalian isi judul laman yang ingin digunakan dan alaman url yang akan dituju.
  • Judul laman ini adalah kata yang akan tampil dalam menu blog.
    Seperti Kumpulan makalah, tutorial, education, tentangku dan sebagainya.
  • Alamat url ini adalah alamat yang akan dituju setiap ada yang mengkliknya.
    Untuk penggunaan alamat url ini isilah dengan alamat tujuan seperti link, artikel, label, dsb. 
Lakukan cara ini terus menerus untuk membuat menu yang baru.
Jika sudah selesai, silahkan klik "simpan tautan".

Jika sudah menyelesaikan tahapan diatas, akan seperti ini jadinya.

6. Inilah dia tampilan dari menu kalian.



2. Metode kode HTML

1. Pergi ke dashbor => tata letak => tambahkan gadget pada Cross-colomn


2. Pilih gadget html


3. Lalu copy-paste kode di bawah ini, seperti yang ada di gambar.


<div class='menu-testing-menu-container'>
<ul class='menupbt'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://biljabbaradnan.blogspot.com/search/label/kumpulan%20Makalah'>Kumpulan Makalah</a>
</li>
<li><a href='http://biljabbaradnan.blogspot.com/search/label/multimedia'>Multimedia</a>
</li>
  <li><a href='http://biljabbaradnan.blogspot.com/search/label/Microsoft%20Office'>Microsoft Office</a>
</li>
  <li><a href='http://biljabbaradnan.blogspot.com/search/label/cerpen-puisi'>Cerpen dan Puisi</a>
</li>
</ul>
</div>
Keterangan :
Untuk kata yang diberi warna merah silahkan kalian ubah dengan alamat url tujuan kalian.
Untuk kata yang diberi warna biru silahkan kalian ubah dengan kata yang ingin di tampilkan ke menu blog

Cara mendapatkan url label dengan mudah

Untuk mendapatkan url label disetiap blog kalian dengan mudah silahkan ikuti langkah-langkah berikut ini.


dan yang ketiga tempelkan di gadget html tadi yang sudah diberi warna merah.

Apabila kalian penasaran seperti apa jadinya menu navigasi yang barusan kita buat.
Bisa kalian lihat dibawah ini

Atau dengan

Versi blog



Cara mengedit tampilan menu blogger

  • Silahkan pergi ke dashbor => template => sesuaikan
  • Lalu pilih tingkat lanjut => teks tab & latar tab
    Teks tab  : Untuk mengubah bentuk & ukuran huruf yang ada di menu.
    Latar tab : Untuk mengubah warna latar yang ada di menu.

Cukup sampai di sini saja artikel kali ini.
Apabila ada yang kurang jelas dari ulasan saya diatas,
Silahkan berikan komentar anda dibawah ini.

Baca juga artikel berikut ini untuk menambahkan wawasan kalian.
Sekian dari saya
Semoga bermanfaat
dan Selamat mencoba
Wasalamualaikum wr.wb
Baca selengkapnya

Selasa, 17 Mei 2016

Mengenal 27 widget dasar blogspot beserta fungsinya dengan lengkap

Komentar
Biljabbaradnan's blog - Kali ini akan menjelaskan tentang "Fungsi dari 27 widget blog".
Apa ituh widget? Widget atau yang biasa disebut gadget adalah sebuah alat berbentuk kotak kecil yang memiliki fungsi sangat beragam, salah satunya untuk mempercantik desain blog kita.


Baiklah tanpa basa-basi lagi mari kita kenali beberapa widget beserta fungsinya yang sudah disediakan oleh blogger.

1.  Entri yang diunggulkan

Berfungsi untuk meyoroti artikel khusus dari anda.


2. HTML/JavaScript

Berfungsi untuk menggunakan widget pihak ketiga dengan menambahkan kode HTML ke blog anda.

3. Profil

Berfungsi untuk menambahkan profil admin/pengurus blog kepada pengunjung.

4. Arsip


Berfungsi mempermudah pengunjung untuk menelusuri artikel-artikel lama anda.

5. Header Halaman


Berfungsi untuk menampilkan judul dan mendeskripsikan blog anda kepada pengunjung.

6. Gambar


Berfungsi untuk menambahkan gambar dari komputer/laptop atau dari web manapun ke blog anda.

7. Label


Berfungsi untuk menampilkan semua label/kategori dari blog anda.


8. Laman


Berfungsi untuk menampilkan laman mandiri blog anda.


9.  Link


Berfungsi untuk menampilkan kumpulan situs,web,blog,artikel favorit kita kepada pengunjung.

10. Teks


Berfungsi untuk menambahkan kata-kata ke dalam blog anda.
Seperti selamat datang, terima kasih telah mengunjungi, selamat membaca dan lain-lain.

11. Entri Populer


Berfungsi untuk menampilkan entri populer kepada pengunjung dalam setiap waktu, baik seminggu, sebulan atau saat baru dibuatnya blog anda.

12. Search


Berfungsi untuk mempermudah pengunjung menelusuri artikel yang pernah anda buat. dengan memasukan kata kunci (keyword).

13. Statistik


Berfungsi untuk menampilkan jumlah penayangan sejak pertama kali blog dibuat.


14. Video


Berfungsi untuk menampilkan beberapa kategori video youtube ke blog anda.

15. Daftar Blog


Berfungsi untuk menampilkan history bacaan anda dari blog favorit anda.

16. Ikuti Lewat Email


Berfungsi untuk mempermudah pengunjung untuk berlangganan post anda melalui email.

17. Feed


Berfungsi untuk menambahkan konten dari feed RSS atau atom ke blog anda.

18. Tampilan Slide


Berfungsi untuk menambahkan beberapa foto favorit anda ke dalam blog.

19. Logo


Berfungsi untuk menambahkan logo blogger ke dalam blog anda.


20. Polling


Berfungsi untuk mensurvei para pengunjung dengan melakukan polling ke dalam blog anda.
Seperti apakah pengunjung merasa senang, kecewa, terhibur, unik, dsb melalui artikel anda.

21. Feed Terpopuler


Berfungsi untuk mempermudah pengunjung berlangganan artikel anda melalui Feed Terpopuler.

22. Tombol +1


Berfungsi untuk mensharing atau merekomendasikan artikel/blog anda dengan cepat.

23. Translate


Berfungsi untuk menerjemahkan artikel anda ke berbagai bahasa asing seperti inggris, arab, jepang, cina dan lain-lain.

24. Daftar 


Berfungsi untuk menampilkan daftar-daftar dari hal yang anda sukai, seperti buku, film, komik, olahraga, seni, dan sebagainya.

25. Pengikut Google


Berfungsi untuk menampilkan para pengikut blog anda kepada pengunjung, agar mereka dapat mengikuti anda dengan sekali klik.

26. Google


Berfungsi untuk menampilkan Google+ kalian kepada pengunjung, agar mereka dapat mengikuti anda dengan sekali klik.

27. Atribusi


Berfungsi untuk menampilkan atribusi blogger ke dalam blog anda.



Itulah tadi 27 Widget dasar blogspot yang sudah disediakan gratis oleh blogger.

Untuk kalian yang ingin menghias blog dengan widget-widget keren seperti animasi dan sebagainya dapat kalian copy paste kode html-nya dengan menggunakan widget HTML/JavaScript dari blogger.
atau bisa kalian baca artikel berikut ini untuk memahami lebih jelasnya.

Baca juga : 

Baiklah sekian dari saya,
Semoga artikel ini bermanfaat
dan Selamat mencoba.
Wassalamualaikum wr.wb
Baca selengkapnya

Minggu, 15 Mei 2016

Cara menghias blog menggunakan internal dan eksternal widget

Komentar
Biljabbaradnan's blog - Kali ini akan membagikan tutorial kepada kalian tentang "Cara menghias blog menggunakan internal dan eksternal widget"

Bagi kalian yang sudah bergelut di dunia blogger pasti tidak asing lagi dengan yang namanya widget.
Widget sendiri mempunyai nama lain yang cukup banyak seperti : gadget, badget, application, module, snippet dll.

Pengertian Widget yaitu kumpulan kode-kode HTML, JavaScript, atau Adobe Flash yang biasanya kita gunakan di blog atau web, seperti : header, footer, slidebar dll, tergantung dari template blog kalian sendiri.

Menggunakan Widget ternyata banyak manfaatnya loh.
Berikut manfaatnya antara lain   :
  1. Memberi kemudahan dalam memposting setiap artikel kalian.
  2. Memberi kenyamanan untuk anda dan para pengunjung blog, dengan tampilan dan hiasan widget pada blog.
  3. Dapat memberikan keuntungan (uang) bagi kalian, dengan cara memasang widget iklan pada blog.
Yuk tunggu apa lagi mari kita gunakan widget pada blog kita.




Sebelum kita mulai menghias blog ada baiknya kalian mengetahui macam-macam widget apa sajah yang sudah di sediakan oleh blogger.com.
Berikut ini adalah widget tersebut.


Keterangan   :
Untuk menggunakan widget ada baiknya gunakan yang penting-penting sajah, agar tidak memberatkan blog kalian.
Penggunaan widget yang sering di gunakan oleh para blogger antara lain.
  • Entri Populer, Befungsi untuk menunjukan entri/artikel populer yang ada di blog kita.
  • HTML/JavaScript, Berfungsi untuk menggunakan widget pihak ketiga.
  • Arsip blog, Berfungsi untuk menampilkan semua daftar artikel anda.
    (bisa kalian lihat disebelah kanan blog ini).
  • Kotak penelusuran, Berfungsi untuk memudahkan pengunjung menelusuri isi blog kalian,
    dengan cara memasukan kata kunci.
  • Translate, Berfungsi untuk menerjemahkan artikel ke bahasa asing (inggris, arab, melayu, dll.)
Setelah kita mengetahui widget apa sajah yang harus kita gunakan.
Mari saatnya menghias blog!!

1. Masuk dahulu ke blogger.com.


Keterangan   :
Masukan email dan password kalian secara benar.

2. Klik Dasbor Tata Letak


Keterangan   :
Setelah masuk ke akun blogger kalian.
Lalu klik bacaan "Tata Letak" untuk menghias blog.


3. Inilah Halaman Tata Letak


Di halaman ini kalian bisa menambahkan widget yang sudah saya beri tanda lingkaran merah.


Keterangan   :

  • Cross-Colomn, biasanya digunakan untuk membuat menu template bawaan dari blog.
  • Slidebar, biasanya digunakan untuk widget penting. Seperti Populer post, arsip dll.
  • Footer, Footer atau biasa disebut kaki blog dikarenakan letaknya dibawah.
    Berfungsi untuk menggunakan widget penunjang sajah, seperti profil penulis, follower blog, pengunjung blog dll.

4. Menggunakan Widget

Akhirnya kita sampai juga pada inti artikel ini.
Dalam dunia blogger kita dapat menggunakan 2 macam widget

  1. Widget yang sudah disediakan oleh blog (internal widget). atau
  2. Widget yang dikeluarkan oleh pihak ketiga (eksternal widget).
    Dari kedua macam widget baik internal maupun eksternal fungsinya sama-sama untuk menghias blog agar lebih menarik.
    Namun dengan cara yang berbeda.

    Maka dari ituh saya akan menerangkan cara penggunaan widget internal dan eksternal tersebut.

    Baca juga :

    A. Internal Widget



    Keterangan   :
    Untuk menggunakan widget, klik tanda "tambah" atau yang sudah saya lingkari.
    Lalu kalian akan dibawa ke halaman pengaturan widget tersebut.
    Halaman pengaturannya kira-kira seperti ini


    B. External Widget

    Untuk penggunaan Widget Eksternal akan saya kasih contoh tentang
    "Cara memasang jam di blogger". Sebenarnya saya ingin mengasih tutorial ini pada kesempatan selanjutnya, dikarenakan artikel ini sepertinya berhubungan jadi akan saya satukan sajah (hohoho).

    1. Pertama silahkan kunjungi situs ini www.clocklink.com.
    2. Kemudian pada halaman utama, dibagian kiri pilih menu Gallery, Lalu silahkan kalian pilih kategori yang ingin digunakan.

    3.  Lalu pilihlah jam yang kalian sukai dengan mengklik "View HTML tag"


    4. Selanjutnya klik bacaan "Accept" untuk melanjutkannya.


    5. Pada tahapan ini untuk lebih jelasnya akan saya bagi menjadi beberapa bagian.


    Keterangan   :

    1. Berfungsi untuk menentukan warna jam kalian. Pilihlah sesuka selera kalian.
    2. Berfungsi untuk menentukan waktu. Pilihlah GMT+ 7.00 untuk wilayah Indonesia bagian barat
    3. Ini adalah kode HTML. Silahkan kalian copy.
    6. Masuk ke akun blogger kalian.
    7. Pilih Dasbor "Tata Letak", lalu tambahkan widget HTML.
    8. Lalu copy kode HTML yang tadi seperti dibawah ini


    Baiklah cukup sampai disinih sajah yah kawan tentang "Cara menghias blog"
    Semoga artikel ini bermanfaat untuk kita semua..Aamiin
    Apabila ada yang kurang jelas dari ulasan saya diatas.
    Silahkan berikan pertanyaan dibawah ini.
    Jangan ragu untuk bertanya karena ada pepatah mengatakan 
    "Malu bertanya sesat dijalan" artinya bila kalian malu untuk bertanya, kalian tidak akan pernah sukses.
    Kunci orang sukses adalah memiliki wawasan yang sangat luas.

    Ok itulah tadi basa-basi yang cukup tidak jelas.
    Saya sebagai penulis di artikel ini
    Ingin mengucapkan
    Wassalamualaikum wr.wb
    Baca selengkapnya
    Langganan: Postingan (Atom)