Ibnu Gangga

Home » Posts filed under Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Membuat Read More di Blog.

Posted by Unknown Sabtu, 16 Mei 2015 0 comments

Cara Membuat Read More di Blog.

Cara buat tulisan read more atau baca selengkapnya di blog dengan mudah. Menggunakan fitur dari blog. Fungsi read more itu sendiri adalah untuk meringkas atau memotong posting blog di halaman awal blog. Dengan memasang read more maka loading blog akan lebih cepat dan lebih rapi. Lihat contoh gambar dibawah ini.

Read more ini bisa dibilang versi blogger, karena untuk menggunakannya, kita harus mengaturnya secara manual. Dari posisi gambar hingga jumlah kata yang akan kita tampilkan di awal halaman. Cara menggunakannya cukup mudah, karena tool untuk membuat read more sudah disediakan oleh blogger. Letaknya berada di halaman entri atau laman blog. Untuk lebih jelasnya.

Ikuti langkah -langkah dibawah ini.

Cara Membuat Read More di Blog

1. Buka entri baru atau edit artikel kamu yang sudah ada.

2. Klik Insert Jump Break di tempat dimana artikel yang akan kamu potong. Maka akan muncul garis putus-putus seperti gambar dibawah ini. Itu adalah tanda batas artikel yang akan ditampilkan di halaman awal blog.

3. Terahir save artikel kamu dan lihat hasilnya. Selesai.

Fungsi read more ini hanya meringkas tampilan posting dihalaman awal blog. Jadi, ketika di klik tulisan read more atau baca selengkapnya. Maka akan terbuka halaman baru yang menampilkan semua isi dari artikel yang dipilih. Tulisan readmore itu juga bisa diganti, silahkan baca cara mengganti tulisan read more dengan kata yang kamu ingingkan sendiri, bisa kalian lihat Semoga Bermanfaat.

Cara Membuat Label atau Kategori di Blog

Posted by Unknown 0 comments

Cara Membuat Label atau Kategori di Blog.

Label atau kategori di blog yang berarti mengelompokan jenis artikel berdasarkan pembahasan yang berkaitan antara satu dan lainnya. Misalnya kita punya 3 artikel dengan judul ayam jantan, ayam hias dan ayam kampung, maka dari ketiga judul tersebut kita kelompokan menjadi satu jenis, yaitu ketegori ayam. Jadi ketika orang buka label/kategori ayam, maka ketiga judul tersebut akan tampil dalam satu halaman.

Itulah sedikit penjelasan apa yang dimaksud dengan label atau kategori. Untuk lebih jelasnya bisa kalian lihat di Kategori sebelah kiri blog ini. Klik salah satu kategori, maka akan terbuka halaman baru, dengan isi semua artikel yang kategorinya sama. Untuk lebih jelasnya. Cara membuat label atau kategori di blog.

Ikuti langkah-langkah dibawah ini.

1. Buatlah 3 entri baru atau edit 3 artikel lama kamu.

2. Dan dibagian Setelan Entri(sebelah kanan entri) Klik Label dan beri label dengan nama Tutorial Blog dan klik Selesai. Tulis ketiga artikel kamu dengan nama label yang sama Tutorial Blog. Lihat gambar dibawah untuk lebih jelasnya.

cara membuat label atau kategori di blog

3. Setelah Selesai memberi nama label. Buka pengaturan Tata Letak.

4. Klik Tambahkan Gadget atau add gadget.Dan cari Label seperti gambar dibawah ini.

5. Klik Tanda + di sebelah kanan Label gambar diatas dan beri judul label atau kategori, dan klik Simpan. seperti gambar dibawah ini.

6. Contoh tampilan kategori atau label di blog lihat gambar dibawah ini.

7. Letakan label/kategori sesuai dengan yang kamu inginkan. dan Lihat hasilnya.Widget degan nama kategori/label sudah ada di blog kamu. Selesai.

Dengan adanya label, maka kita dapat dengan mudah membagi setiap artikel menjadi beberapa nama kelompok artikel yang sesuai dengan yang kita inginkan. Dalam satu artikel, kita juga bisa membuatnya menjadi 2 label atau lebih. Jadi tidak harus menempatkan satu artikel kedalam satu kategori. Tapi bisa kebanyak kategori

Jika nanti label/kategori kamu sudah banyak, tambahkan fungsi scroll agar tidak banyak menghabiskan tempat. Jika ingin memberi warna background pada judul kategori, dan lain-lainnya. Baca Disini. Semoga Bermanfaat.

Cara Membuat Contact Us di Blog

Posted by Unknown 0 comments

Cara membuat contact us di blog

atau hubungi kami. Contact us ini fungsinya untuk memudahkan pengunjung untuk menghubungi pemilik blog. Dengan mengirimkan pesan pertanyaan, saran, ataupun kritik ke pemilik blog melalui Email. Biasanya form contact di letakan di halaman baru, didalam tab menu dibawah judul blog. Untuk melihat contoh contact us, silakan lihat contact us di blog ini, dibagian atas. Untuk lebih jelasnya ikut langkah-langkah dibawah ini.

Cara Membuat Contact Us di Blog

1. Kunjungi http://www.123contactform.com/

2. Pilih SIGN UP FOR FREE terus Basic, Klik Sign Up

3. Daftar account dengan memasukan username, password, dan email. dan klik Create Account.

4. Setelah terdaftar, pilih Contact Form, Seperti dibawah ini. dan isi judul contact form nya.

5. Klik Ok. Selanjutnya ada 3 langkah, lewat kan saja langkah pertama, langsung klik yang kedua Form settings dan centang email, seperti gambar dibawah ini.

6. Langkah ke tiga, klik publish Form dan klik Finisihed disebelah kanan.

7. Selanjutnya dikotak My forms klik Getcode&Publish.

8. Klik Blogger dan Copy semua kode yang disediakan.

9. Sekarang langkah pemasangan ke blog kita. Buka Laman dan pilih laman baru dan laman kosong.

10. Dari halaman ada 2, Compose dan HTML, Klik HTML dan Paste semua kode tadi.

11. Beri nama judul halaman dengan contact me atau contact us. Terakhir Publikasikan. Dan lihat hasilnya. Selesai. Sekarang kamu sudah punya menu baru contact us di blog. Semoga Bermanfaat.

Catatan: Jika tidak terlihat di blog menu baru contact me, coba buka pengaturan laman. klik laman dan disamping tulisan tampilan laman sebagai, klik tab atas.

Cara Membuat Menu di Blog

Posted by Unknown Minggu, 10 Mei 2015 0 comments

Cara Membuat Menu di Blog

Cara membuat menu di blog dengan mudah. Fungsi menu itu bisa dibilang untuk memudah kan pengunjung blog mengetahui tentang pemilik blog, isi seluruh blog atau bagian-bagian blog kita, Biasanya menu banyak ditempatkan dibawah judul blog atau disamping kiri blog. Seperti about me/us sitemap/daftar isi blog, contact us/me dan lain-lain. Cara ini adalah cara yang paling mudah dan sederhana, tidak harus edit html yang bisa bikin pusing klo dilihat dengan banyak kode-kode. Silahkan dilihat dulu gambar menunya dibawah ini atau lihat dibawah judul ini blog.

Cara membuat menu di blog. Ikuti langkah-langkah dibawah ini.
1. Login ke Blog kamu.
2. Dari halaman awal pilih laman. Lihat gambar dibawah ini.

3. Selanjutnya klik laman baru seperti gambar dibawah ini. Ada 2 pilihan, Laman kosong seperti kita menulis entri baru dan Alamat Web, seperti www.pacebook.om dll. Untuk percobaan Pilih Laman Kosong.

4. Terus kita beri judul Tentang saya. Sebagai percobaan dulu. Dan klik Publikasikan.

5. Setelah dipublikasikan, pilih Tab atas, maka laman yang baru saja dibuat tadi akan muncul dibawah judul blog.

6. Selesai. Lihat blog maka laman baru akan tampil dibawah judul blog. seperti gambar dibawah ini.

7. Untuk mengisi menu blog, bisa kalian isi dengan about me, Daftar Isi, contact us dan lain-lain. Sebagai Contoh silakan dilihat

Update Blogger 2014: Untuk menamplkan menu laman yang telah dibuat.

Ke pengaturan tata letak.

Selanjutnya klik tambahkan gadget.

Dan pilih LAMAN.

Simpan.

Cara Membuat Menu Di Blogspot

Posted by Unknown 0 comments

Cara Membuat Menu Di Blogspot

Membuat menu pada blogspot pada intinya lebih rumit bila di bandingkan dengan wordpress, pada wordpress menu tinggal di buat selanjutnya di drag selsesai, untuk blog berpatfrom blgspot agak sedikit rumit karena harus edit via template html. Oke langsung saja kita mulai turotial kali ini.

Untuk penjelasan agar lebih mudah saya pakai menu yang ada pada blog saya ini. Pada blogsaya ini terdiri diri dari dua menu yaitu menu atas atau menu page yang berisi Home, Contact, Privacy Police menu beranda ini adalah menu asli atau menu yang biasanya ada pada template bawaan dari blogspot. cara membuatnya juga cukup mudah, kita bahas saja pada tutorial berikutnya. Sementara untuk menu yang kedua terdiri dari home, NEWS, SMART PHONE, WEBSITE, SOSIAL MEDIA, PHOTOSHOP nah menu inilah yang akan kita bahas lebih lanjut.
( Baca Cara Membuat Related Posts atau Artikel Terkait di Blogspot Terbaru)

Gambar di bawah ini adalah menu asli sebelum di edit atau menu asli dari hasil download Template. Menunya terdiri dari menu atas Home, Sampel Page 1, Sampel Page Image, dan menu utama yang terdiri dari Menu 1, Droop Menu 1, Droop Menu 2, Menu 2, Menu 3.

Gambar diatas jika kita lihat bagian dalam atau template html adalah sebagai berikut : Menu utama yang tertera pada gambar di atas akan terlihat pada saat mengedit html.

Untuk mencari menu sepeti gambar di atas caranya adalah masuk ke template pada blog Anda lalu klik edit html sesudah itu klik Ctrl + F pada keyboard Anda sehingga muncul kolom search lalu ketik salah satu menu asli bawaan dari templet misal ( Menu 1 ) tekan enter pada keyboard Anda. Jika sudah ketemu bagian itulah yang nantinya akan kita edit sesuai dengan kebutuhan menu pada blog Anda.

(Baca Cara Membuat Menu Navigasi Drop Down di Blogspot)

Untuk proses edit templet silahkan cek gambar di bawah ini:

Menu pada blog saya yang terdiri dari SMART PHONE, WEBSITE, SOSIAL MEDIA, PHOTOSHOP saya masukkan sebagai kategori, jadi pada saat kita menulis blog selesai menulis sebelum di publikasikan saya masukkan terlebih dahulu sesuai dengan kategori pada blog. Menunya tersebut setelah saya edit adalah sebagai berikut :

Silahkan ganti menu sesuai dengan URL blog Anda dan sesuaikan sendiri dengan menu yang Anda kehendaki dan jangan lupa untuk di save terlebih dahulu jika sudah di edit. Simpel dan mudah, jika Anda kesulitan membuat silahkan tinggalkan komentar.

Ibnu Gangga

Cara Membuat Read More di Blog.

Cara Membuat Read More di Blog.

Cara Membuat Label atau Kategori di Blog

Cara Membuat Label atau Kategori di Blog.

Cara Membuat Contact Us di Blog

Cara membuat contact us di blog

Cara Membuat Menu di Blog

Cara Membuat Menu di Blog

Cara Membuat Menu Di Blogspot

Cara Membuat Menu Di Blogspot

kolom search

Archive

Popular Post

Categories

Facebook

Followers

Total Pageviews

About Me