Rabu, 18 Mei 2016

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Scroll di Blog

Cara membuat Scroll di blog untuk widget seperti Arsip Blog, populer posts, kategori/label, artikel terbaru dan lain-lain. Scroll berfungsi untuk mempersingkat tampilan dan juga menghemat tempat. Scroll juga membuat halaman blog menjadi lebih cepat untuk dibuka. Untuk lebih jelasnya silakan lihat gambar dibawah ini.
cara membuat scroll di blog
Dari gambar diatas, judul artikel yang terlihat hanya sebatas 4 judul dengan gambar, tapi ketika di scroll menggunakan mouse, maka akan terlihat artikel lainnya, dengan posisi dan tempat yang sama. Sehingga tidak memakan tempat yang banyak. Untuk cara membuatnya. Ikuti langkah-langkah dibawah ini.

Cara Membuat Scroll di Blog

1. Login ke Blogger
2. Dari halaman dasbor Pilih pengaturan Template.
3. Selanjutnya Klik Edit Html.
4. Dan Cari tulisan widget yang akan kita beri scroll. Misalnya widget dengan judul Populer Posts maka kita cari populer posts. Untuk memudahkan pencarian Tekan control F di keyboard dan masukan tulisan Populer Posts .
5. Jika sudah ketemu maka kode lengkapnya seperti dibawah ini.

<b:widget id='PopularPosts1' locked='false' title='Populer Posts' type='PopularPosts'>
6. Sekarang Copy PopularPosts1 ke Notepad dan tambahkan kode lengkap seperti dibawah ini di Notepad.
#PopularPosts1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
7. Selanjutnya cari kode ]]></b:skin>
8. Copy Kode diatas dan letakkan di Atas kode ]]></b:skin>
Contoh:

#PopularPosts1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
]]></b:skin>

Catatan: height:200px itu tinggi kotak scroll nya, silakan diganti jika kurang panjang. misalnya jadi height:400px; 

9. Terakhir Klik Preview untuk melihat hasilnya. Jika Populer posts sudah ada scroll nya baru dah di Save. Selesai. Semoga Bermanffat.
Catatan: Jika arsip blog yang ingin diberi sroll. Maka cari dulu tulisan arsip blog di edit html. klo sudah ketemu, copy kode SETELAH tulisan <b:widget id='  terus lanjutkan ke langkah 6 Seperti diatas. Untuk yang lain juga seperti itu caranya. Silakan dicoba.


MOGA BEMANFAAT ZOB DITUNGGU YA KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Tulisan Bayangan Pada Judul Blog

Cara membuat tulisan bayangan pada judul blog. Sebenarnya tidak hanya dijudul blog yang bisa diberi tulisan bayangan, tapi semua tulisan yang ada di blog juga bisa kita beri tulisan bayangan. Tapi yang harus kita ketahui terlebih dahulu adalah kode html pada bagian-bagian blog, setelah ketemu dengan kodenya baru bisa kita beri tulisan bayangan.
Kali ini akan saya bagi cara membuat tulisan bayangan di judul blog dan juga deskripsi blog. Untuk contohnya bisa kalian lihat dibagian judul dan deskripsi blog ini atau gambar dibawah ini. Text bayangan yang saya gunakan itu hanya sedikit. Agar tidak berlebihan, tapi kalian bisa nanti menggunakan text bayangan sesuai dengan yang kalian inginkan. Untuk cara membuat tulisan bayangan di blog.
cara membuat tulisan bayangan pada judul blog
Ikuti langkah-langkah dibawah ini.

Text Bayangan di Judul Blog

  1. Login ke blog, dan ke pengaturan Template
  2. Klik edit HTML, dan cari kode .Header h1 { lengkapnya seperti dibawah ini.
  3. .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 0 0 $(title.shadow.spread) #000000;
    }
  4. Setelah ketemu dengan kode diatas maka tambahkan kode text-shadow: 2px 2px 5px #800000; Jadi kode lengkapnya seperti dibawah ini.
  5. .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 2px 2px 5px #800000;
    }
  6. Sekarang coba dipreview/pratinjau dulu template kamu, dan lihat sudah ada text bayangan belum judul blog kamu. Jika sudah berubah baru Di save.
  7. text-shadow: 2px 2px 5px ini adalah horizontal dan vertikal dari text bayangannya. dan #800000; adalah warna dari text bayangan. Silakan diganti sesuai dengan yang kalian inginkan.
  8. Untuk lebih jelasnya, kalian bisa atur text bayangan sesuai dengan yang kalian inginkan disini http://www.cssportal.com/css3-text-shadow-generator/

Text Bayangan di Deskripsi Blog

  1. Login ke blog, dan ke pengaturan Template
  2. Klik edit HTML, dan cari kode .Header .description { lengkapnya seperti dibawah ini.
  3. .Header .description {
      font: $(description.font);
      color: $(description.text.color);
    }
  4. Sama seperti diatas, tambahkan kode text-shadow: 2px 2px 5px #800000; lengkapnya.

  5. .Header .description {
      font: $(description.font);
      color: $(description.text.color);
    text-shadow: 2px 2px 5px #800000;
    }
  6. Silakan di preview/pratinjau untuk melihat perubahannya. Setelah berubah baru save.
Atau cara cepatnya, letakan diatas ]]></b:skin> kode2 diatas. contoh:
  1. logn ke blogger, dari halaman dasbor pilih pengaturan template.
  2. trus klik edit html dan cari kode ]]></b:skin>
  3. dan letakan kode berikut diatas ]]></b:skin>
  4. .Header h1 {

      font: $(header.font);

      color: $(header.text.color);

      text-shadow: 2px 2px 5px #800000;

    }

    .Header .description {

      font: $(description.font);

      color: $(description.text.color);

    text-shadow: 2px 2px 5px #800000;

    }
  5. Save template selesai.
contoh gambar penempatan kode diatas ]]></b:skin>,

cara membuat tulisan bayangan pada judul blog

  1. Untuk mempermudah edit text bayangan seperti yang kalian inginkan, silakan kunjungi situs ini http://www.cssportal.com/css3-text-shadow-generator/
  2. Selesai. Silakan dibaca juga cara-cara menghias blog yang lain, seperti Cara membuat tombol share facebook, twitter dan cara memberi warna background pada judul posting blog atau cara mengganti tulisan home next  previous di blog.


MOGA BEMANFAAT ZOB DITUNGGU YA KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ


Cara Membuat Gambar Header Blog

Cara Membuat Gambar Header Blog. Satu lagi cara desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Cara membuat gambarnya bisa menggunakan software, bisa juga secara online. Artikel ini akan menjelaskan tentang cara membuat gambar header blog secara online. Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan. Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar dibawah ini.

cara membuat gambar header blog
Gambar diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.

Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.
  1. Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf gambar yang digunakan.
  2. Untuk gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif. Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
  3. Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.
Untuk lebih jelasnya, Cara membuat gambar header blog. 
Ikuti langkah-langkah dibawah ini:
  1. Kunjungi situs http://cooltext.com/ 
  2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
  3. Dan atur warna dan juga bentuk hurufnya.
  4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
  5. Terakhir Download. Seperti gambar dibawah ini.
  6. cara membuat gambar header blog
  7. Sekarang, memasang gambar tersebut di blog kita.
  8. Login ke blog, dan Klik pengaturan Tata Letak.
  9. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.
  10. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan.
  11. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.

Cara menyembunyikan judul dan deskripsi blog

  1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode ]]></b:skin> dan tempatkan kode ini diatasnya.
  2. .Header h1 {
       height: 0px;
       visibility: hidden;
       display: none;
    }

    .Header .description {
       height: 0px;
       visibility: hidden;
       display: none;
    }
  3. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
  4. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
  5. Silahkan cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika ada berarti gambar header tidak akan mempengaruhi seo blog.
Jika kita memliih menempatkan gambar selain judul dan keterangan atau tempatkan keterangan setelah gambar. Maka H1 header akan hilang, dan itu mempengaruhi seo blog. Jika ingin mencoba silahkan saja cek di chkme.com atau disitus chek seo blog lainnya. Agar H1 header blog disembunyikan dari halaman blog tanpa mempengaruhi seo blog, gunakanlah cara seperti diatas.
MOGA BEMANFAAT ZOB DITUNGGU YA KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Tombol Share di Blog

Cara membuat Tombol Share di Blog. Tombol share sosial media memudahkan pengunjung untuk berbagi artikel yang dibaca, atau sekedar memberikan like dari artikel yang dibacanya. Seperti facebook, twitter, google +. Tombol share merupakan salah satu cara untuk mempromosikan blog kita ke banyak orang.

Dan dapat meningkatkan jumlah pengunjung blog, semakin banyak yang share, maka akan semakin banyak kemungkinan orang yang akan mengunjungi blog. Tombol share yang akan kita buat ini akan ditempatkan di bawah posting blog. Jadi setelah pengunjung membaca sebuah artikel, pengunjung akan melihat tombol share untuk berbagi. Untuk melihat contohnya silakan lihat tombol share di bagian bawah artikel ini.
Cara membuat tombol share di blog. Ikuti langkah-langkah dibawah ini:
  1. Kunjungi situs www.sharethis.com. dan pilih get the button.
  2. Step 1 pilih Blogger dan Klik Next Step 2.
  3. Step 2 Pilih style Buttons yang kalian inginkan. dan klik next step 3.
  4. Step 3, atur tombol share apa saja yang akan kalian masukan ke blog. 
  5. Dan klik Finish get the code dan isi pembuatan account dengan email dan password untuk masuk ke sharethis.com. 
    cara membuat tombol share di blog
  6. Setelah pembuatan account selesai, maka akan terbuka halaman import elemen laman, seperti gambar dibawah ini.
    cara membuat tombol share di blog
  7. Klik Menambah Widget. Selanjutnya di tata letak blog kamu akan ada widget ShareThis. Pindahkan widget ShareThis ke bagian bawah(footer) blog dan save.
  8. Sampai disini, pembuatan tombol share sudah selesai, silakan lihat blog kamu. Tombol share sudah tampil dibawah posting Blog. Tapi juga terlihat di halaman awal blog.cara membuat tombol share di blog

Tambahan: Untuk mengatur agar tombol share hanya terlihat di bawah posting blog.

  1. Buka pengaturan template, dan klik edit html.
  2. Cari kode sharethis gunakan Ctrl + F untuk mempermudah pencarian. Maka akan terdapat kode seperti dibawah ini.
  3. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>...</b:widget>
  4. Klik tanda >...< maka kode akan menjadi seperti ini.
  5. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
    <b:includable id='main'>...<b:includable>
    </b:widget>
  6. Klik lagi tanda >...< maka kode akan menjadi seperti ini.
  7. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
        <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>

      <b:include name='quickedit'/>
    </b:includable>
      </b:widget>
  8. Selanjutnya masukan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if>, jadi kode lengkapnya seperti ini.
  9. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
        <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
    </b:if>
      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
  10. Preview dulu. Sudah hilang belum tombol share di halaman awal blog kamu. Jika sudah hilang seperti gambar dibawah ini. Baru di save/simpan template.cara membuat tombol share di blog
  11. Selanjutnya lihat blog kamu. dan klik salah satu artikel kamu dan lihat dibagian bawah artikel. tombol share sudah ada. dan hanya tampil disetiap artikel, tidak tampil di halaman awal blog. selesai. Semoga Bermanfaat.

MOGA BEMANFAAT ZOB DITUNGGU YA KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Read More di Blog

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.
Cara buat read more di blog
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.
Cara buat read more di 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.
 
MOGA BERMANFAAT ZOB DITUNGGU KUNJUNGAN BALIKNYA OK

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Daftar isi Blog

Cara membuat daftar isi blog. Gunanya untuk memudahkan pengunjung untuk melihat semua daftar artikel blog yang dikelompokan sesuai dengan kategori artikel. Setiap membuat artikel atau posting baru, otomatis akan masuk ke daftar isi ini. Contoh gambar.
Cara Membuat Daftar isi Blog

Ikuti langkah-langkah dibawah ini.
1. Login ke Blog dan pilih laman.
Cara Membuat Daftar isi Blog
2. Pilih laman kosong dan Copy semua kode dibawah ini dan Paste kan ke bagian HTML. Ganti kode yang berwarna merah dengan alamat url blog kamu.

<script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript">
</script>
<script src="http://pengguna-komputer.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

3. Lihat gambar dibawah ini. Ada Compose dan HTML, Klik HTML dan masukan kode diatas.
Cara Membuat Daftar isi Blog
4. Beri judul Daftar isi dan klik publikasikan. 
5. Jika di blog kamu belum terlihat juga daftar isinya. Coba Edit salah satu artikel kamu dan klik Label dibagian Setelan Entri(Sebelah kanan entri). Dan beri nama sesuai yang kamu inginkan. Contoh gambar:
cara membuat daftar isi blog
6. Selanjutnya klik selesai seperti gambar diatas. Dan Klik Perbarui.
7. Sekarang coba lihat lagi daftar isi kamu. Selesai. 
MOGA BERMANFAAT ZOB DITUNGGU KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Label atau Kategori di Blog

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.
  3. cara membuat label atau kategori di blog
  4. Setelah Selesai memberi nama label. Buka pengaturan Tata Letak.
  5. Klik Tambahkan Gadget atau add gadget.Dan cari Label seperti gambar dibawah ini.
  6. cara membuat label atau kategori di blog
  7.  Klik Tanda + di sebelah kanan Label gambar diatas dan beri judul label atau kategori, dan klik Simpan. seperti gambar dibawah ini.
  8. cara membuat label atau kategori di blog
  9. Contoh tampilan kategori atau label di blog lihat gambar dibawah ini.
  10. cara membuat label atau kategori di blog
  11. 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.

MOGA BERMANFAAT ZOB DITUNGGU KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

Cara Membuat Contact Us di Blog

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.
Cara Membuat Contact Us di Blog
Cara Membuat Contact Us di Blog
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.
Cara Membuat Contact Us di Blog
6. Langkah ke tiga, klik publish Form dan klik Finisihed disebelah kanan.
Cara Membuat Contact Us di Blog
7. Selanjutnya dikotak My forms klik Getcode&Publish. 
Cara Membuat Contact Us di Blog
8. Klik Blogger dan Copy semua kode yang disediakan.
Cara Membuat Contact Us di Blog
9. Sekarang langkah pemasangan ke blog kita. Buka Laman dan pilih laman baru dan laman kosong.
Cara Membuat Contact Us di Blog
10. Dari halaman ada 2, Compose dan HTML, Klik HTML dan Paste semua kode tadi.
Cara Membuat Contact Us di Blog
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.
 
MOGA BERMANFAAT ZOB DITUNGGU KUNJUNGAN BALIKNYA

DESIGN BLOG ALA ANAK TKJ

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
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.
cara membuat menu di blog
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. 
cara membuat menu di blog
4. Terus kita beri judul Tentang saya. Sebagai percobaan dulu. Dan klik Publikasikan.
cara membuat menu di blog
5. Setelah dipublikasikan, pilih Tab atas, maka laman yang baru saja dibuat tadi akan muncul dibawah judul blog.
cara membuat menu di blog
6. Selesai. Lihat blog maka laman baru akan tampil dibawah judul blog. seperti gambar dibawah ini.
cara membuat menu di blog
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.

  1. Ke pengaturan tata letak.
  2. Selanjutnya klik tambahkan gadget.
  3. Dan pilih LAMAN.
  4. Simpan
MOGA BERMANFAAT OK.. THANKS ZOB

TOPOLOGI JARINGAN ALA ANAK TKJ

Macam Macam Topologi Jaringan Komputer

Jaringan komputer memang pada umum nya tak lepas dari yang nama nya topologi, dengan topologi akan memudahkan kita untuk mendesign,merencanakan apa dan bagaimana nantinya jaringan komputer yang akan di bangun.
Dengan adanya Topologi juga akan membantu untuk dokumentasi jaringan tersebut, jadi jika ada gangguan pada jaringan, kita bisa melihat topologinya dan akan semakin mudah dalam troubleshooting.(Macam Macam Topologi Jaringan Komputer)
Baik lah kali ini saya akan jabar kan macam macam Topologi Jaringan komputer.
1. Topologi BUS
Topologi ini merupakan topologi yang paling sering di terapkan pada jaringan LAN, baik itu untuk jaringan LAN di perkantoran maupun di rumah-rumah.
Dari segi implementasi nya juga sederhana dan memang sangat cocok untuk di terapkan pada jaringan LAN yang kecil, tetapi dalam topologi ini signal dalam kabel di lewati satu arah, sehingga memungkinkan terjadinya tabrakkan atau collision.(Macam Macam Topologi Jaringan Komputer)
Topologi BUS
Topologi BUS

Keuntungan memakai topologi star  :
  • sangat simple dalam instalasi, karena tidak menggunakan media yang banyak
  • setiap komputer dapat terhubung langsung tanpa perantara khusus
  • mudah dalam trobleshoting
  • lebih hemat kabel
Kerugian memakai topologi star :
  • dalam komunikasi akan sering terjadi error, crash dan data corup, hal ini terjadi karena jalur yang digunakan akan dipakai secara bersama sama,
2. Topologi Star
Pada topologi star memiliki karakteristik yang tersentral, jadi setiap node akan terhubung di satu sentral yang sama (terhubung Switch).Signal mengalir dari node ke sentral node dan di lanjutkan ke node tujuan. Sehingga jika salah satu segmen terputus maka tidak mempengaruhi yang lain.(Macam Macam Topologi Jaringan Komputer)
Topologi Star
Topologi Star
Keuntungan memakai topologi star  :
  • Akses yang lebih cepat karena metode client server
  • Mudah dalam pengembangan network, selama sentral node masi tersedia
  • Komunikasi data yang tersentral karena akan di handle oleh switch
Kekurangan Memakai topologi star :
  • Jika komunikasi data dalam keadaan yang sedang padat trafik, maka koneksi akan mengalami antrian data
3. Topologi Ring
Topologi ring merupakan topologi yang setiap node terhubung satu sama lain, pada topologi ini banyak di terapkan pada infratruktur fiber optik dimana kabel setiap node akan saling terhubung.(Macam Macam Topologi Jaringan Komputer)
Topologi Ring
Topologi Ring
Keuntungan memakai topologi ring :
  • Meminimalisir terjadinya  collision.
  • jika terjadi gagal koneksi, makan koneksi akan tetap terhubung dari jalur alternatif yang ada.
  • Penggunaan sambungan poin to pion membuat transmission eror dapat di perkecil.
Kerugian memakai topologi ring :
  • Lebih boros dalam penggunakan kabel
4. Topologi Tree
Topologi ini menyerupai pohon, dimana setiap sentral node akan terhubung secara bercabang. Dalam topologi Tree Tidak semua station memiliki kedudukan yang sama. Station yang memiliki kedudukan yang lebih tinggi akan menguasai station dibawahnya.(Macam Macam Topologi Jaringan Komputer)
Topologi Tree
Topologi Tree
Keuntungan memakai topologi tree :
  • Jaringan bisa diatur dengan network yang lebih komplek atau terpisah
  • setiap jaringan yang terhubung pada setiap sental node (switch) bisa di pisah sesuai kebutuhan
  • Bisa menggunakan VLAN
Kerugian memaksi topologi tree :
  • akan memakan waktu trobleshoting yang  lumayan lama jika jaringan dalam keadaan bermasalah

Pada saat ini ke 4 topologi tersebut lah yang sering di implementasikan di lapangan,dan jika ada tambahan topologi, itu hanya penggabungan dari ke 4 topologi di atas.

 THANKS ZOB ATAS KUNJUNGAN MOGA BERMANFAAT 


Minggu, 15 Mei 2016

GENERASI BANGSA

"Kami akan melakukan bagian kecil untuk membuat itu menjadi nyata, bukan hanya karena kami cinta kamu [Maxima], tapi juga karena kami punya tanggung jawab moral untuk semua anak," tulis Mark.

Dream - Pendiri Facebook, Mark Zuckerberg, merasa sangat bahagia dengan kelahiran anak pertamanya, Maxima. Kebahagiaan itu dia sebarkan melalui halaman Facebook miliknya.
Pada halaman Facebook itu, Zuckerberg dan istri, Priscilla Chan, menyatakan akan memberikan 99 persen saham mereka di Facebook untuk amal. Saham itu nilainya saat ini mencapai US$45 miliar atau sekitar Rp 618,8 triliun.
"Kami berkomitmen untuk melakukan bagian kecil kami untuk membantu menciptakan dunia ini untuk semua anak," tulis Zuckerberg, sebagaimana dikutip Dream Rabu 2 Desember 2015.
Dia bertekad, selama hidup keluarganya akan bergabung dengan pihak-pihak lain untuk memajukan dunia ini, demi generasi yang akan datang.
Melalui tulisan yang diunggah itu, Zuckerberg juga mengucapkan terimakasih kepada masyarakat yang telah memberi mereka dukungan selama kehamilan istrinya.
"Anda telah memberi kami harapan bahwa dengan bersama kita bisa membangun dunia ini untuk Max dan semua anak," tulus dia.
Zuckerberg juga menulis surat untuk sang buah hati. Dalam surat itu, dia menulis bahwa Maxima merupakan harapan bagi mereka. "Seperti semua orangtua, kami ingin kamu tumbuh di dunia yang lebih baik daripada kami saat ini."
Pria 31 tahun ini sungguh berharap dunia yang lebih baik. Kesehatan masyarakat meningkat. Lenyapnya kemiskinan. Tumbuhnya pengetahuan. Masyarakat terhubung satu dengan yang lain. Dan teknologi berkembang di segala bidang.
"Kami akan melakukan bagian kecil untuk membuat itu menjadi nyata, bukan hanya karena kami cinta kamu [Maxima], tapi juga karena kami punya tanggung jawab moral untuk semua anak pada gnerasi yang akan datang," tulis Zuckerberg. 

Kamis, 12 Mei 2016

DASAR-DASAR JARINGAN ALA ANAK TKJ


                JARINGAN
 
 
PENTING: Artikel ini diterjemahkan oleh perangkat lunak penerjemahan mesin Microsoft, dan mungkin telah diedit oleh Masyarakat Microsoft melalui teknologi CTF dan bukan oleh seorang penerjemah profesional. Microsoft menawarkan baik artikel yang diterjemahkan oleh manusia maupun artikel hasil editan terjemahan oleh mesin/komunitas, sehingga Anda dapat mengakses semua artikel di Sentra Pengetahuan yang kami miliki dalam berbagai bahasa. Namun artikel hasil editan mesin atau bahkan komunitas tidak selalu sempurna. Artikel ini dapat mengandung kesalahan dalam hal kosa kata, sintaksis atau tatabahasa, sangat mirip dengan penutur asing yang membuat kekeliruan ketika berbicara dalam bahasa Anda. Microsoft tidak bertanggung jawab atas ketidakakuratan, kesalahan atau kerugian apa pun akibat dari kekeliruan dalam penerjemahan isi atau penggunaannya oleh pelanggan kami. Microsoft juga akan senantiasa memperbarui perangkat lunak penerjemahan mesin dan alat untuk menyempurnakan Editan Hasil Penerjemahan Mesin


PENDAHULUAN
Saat Anda mengkonfigurasi protokol TCP/IP pada komputer Microsoft Windows, alamat IP, penutup subnet, dan biasanya default gateway yang diperlukan dalam pengaturan konfigurasi TCP/IP.

Untuk mengkonfigurasi TCP/IP dengan benar, diperlukan untuk memahami cara jaringan TCP/IP diselesaikan dan dibagi menjadi jaringan dan Subnetwork. Artikel ini ditujukan sebagai pengenalan konsep IP jaringan dan subnetting yang umum. Istilah disertakan di bagian akhir artikel.
INFORMASI LEBIH LANJUT
Keberhasilan TCP/IP sebagai protokol jaringan Internet merupakan sebagian besar karena kemampuan untuk menghubungkan bersama jaringan sistem dari berbagai jenis dan ukuran yang berbeda. Jaringan ini sembarangan ditetapkan ke tiga kelas utama (bersama dengan beberapa lain-lain) yang memiliki standar ukuran, yang dapat dibagi menjadi lebih kecil Subnetwork oleh administrator sistem. Subnet mask digunakan untuk membagi alamat IP menjadi dua bagian. Salah satu bagian mengidentifikasi host (komputer), Bagian lain mengidentifikasi jaringan yang dimiliki. Untuk lebih memahami cara kerja alamat IP dan subnet mask, Lihatlah alamat IP (Internet Protocol) dan lihat cara mengaturnya.


Alamat IP: jaringan dan host
Alamat IP adalah angka 32-bit yang unik mengidentifikasi host (komputer atau perangkat lain, seperti pencetak atau perute) di jaringan TCP/IP.

Alamat IP yang biasanya ditulis dalam format desimal putus, dengan angka empat dipisahkan oleh titik, seperti 192.168.123.132. Untuk memahami cara subnet mask yang digunakan untuk membedakan antara tuan rumah, Jaringan, dan Subnetwork, periksa alamat IP dalam notasi biner.

Sebagai contoh, alamat IP desimal putus 192.168.123.132 sedang (biner notasi) Nomor 32 bit 110000000101000111101110000100. Angka ini mungkin sulit untuk dipahami, sehingga membagi menjadi empat bagian delapan Digit biner.

Bagian delapan bit ini disebut sebagai oktet. Contoh alamat IP, kemudian, menjadi 11000000.10101000.01111011.10000100. Angka ini hanya membuat sedikit lebih rasa, jadi untuk sebagian besar menggunakan, mengubah alamat biner ke dalam format desimal putus (192.168.123.132). Angka-angka desimal dipisahkan oleh periode yang oktet diubah dari biner untuk notasi desimal.

Untuk TCP/IP wide area network (WAN) untuk bekerja secara efisien sebagai kumpulan jaringan, router melewati paket data antara jaringan tidak tahu lokasi yang tepat dari host yang paket informasi yang ditentukan. Router hanya tahu apa jaringan host adalah anggota dan menggunakan informasi yang tersimpan dalam tabel rute mereka untuk menentukan cara mendapatkan paket ke host tujuan jaringan. Setelah paket dikirim ke jaringan tujuan, paket akan dikirim ke host yang sesuai.

Proses ini bekerja, alamat IP memiliki dua bagian. Bagian pertama dari alamat IP digunakan sebagai alamat jaringan, Bagian terakhir sebagai alamat host. Jika Anda mengambil contoh 192.168.123.132 dan dibagi menjadi dua bagian ini Anda mendapatkan berikut ini:
   192.168.123.    Network
              .132 Host
                              
-atau-
   192.168.123.0 - network address.
   0.0.0.132     - host address.
                              
Subnet mask
Item kedua, yang diperlukan agar TCP/IP berfungsi, adalah subnet mask. Subnet mask digunakan oleh protokol TCP/IP untuk menentukan apakah host pada subnet lokal atau jaringan jarak jauh.

Di TCP/IP, Bagian dari alamat IP yang digunakan sebagai alamat jaringan dan host tidak diperbaiki, sehingga jaringan dan host alamat di atas tidak ditentukan kecuali jika Anda memiliki informasi lebih lanjut. Informasi ini disediakan dalam Nomor 32-bit lain yang disebut subnet mask. Dalam contoh ini, subnet mask adalah 255.255.255.0. Tidak jelas apa arti angka ini kecuali Anda tahu bahwa 255 dalam biner notasi sama dengan 11111111; Jadi, subnet mask adalah:
   11111111.11111111.11111111.0000000
                              
Lapisan alamat IP dan subnet mask bersama, bagian jaringan dan host alamat dapat dipisahkan:
   11000000.10101000.01111011.10000100 -- IP address (192.168.123.132)
   11111111.11111111.11111111.00000000 -- Subnet mask (255.255.255.0)
                              
24 Bit pertama (jumlah yang di subnet mask) diidentifikasi sebagai alamat jaringan, dengan 8 bit terakhir (angka nol yang tersisa di subnet mask) diidentifikasi sebagai alamat host. Ini memberikan Anda berikut ini:
   11000000.10101000.01111011.00000000 -- Network address (192.168.123.0)
   00000000.00000000.00000000.10000100 -- Host address (000.000.000.132)
                              
Jadi sekarang Anda tahu, untuk contoh ini menggunakan 255.255.255.0 subnet mask, ID jaringan adalah 192.168.123.0, dan alamat host adalah 0.0.0.132. Saat paket yang tiba subnet 192.168.123.0 (dari subnet lokal atau jaringan jauh), dan memiliki alamat tujuan 192.168.123.132, komputer Anda akan menerima dari jaringan dan memprosesnya.

Hampir semua desimal subnet mask diubah ke angka biner yang semuanya di sebelah kiri dan semua nol di sebelah kanan. Beberapa subnet mask umum lainnya adalah:
   Decimal                 Binary
   255.255.255.192         1111111.11111111.1111111.11000000
   255.255.255.224         1111111.11111111.1111111.11100000
                              

Kelas jaringan
Alamat Internet dialokasikan oleh InterNIC (http://www.internic.net ), organisasi yang mengatur Internet. Alamat IP ini dibagi menjadi beberapa kelas. Yang paling umum adalah kelas A, B, dan C. Kelas D dan E ada, namun umumnya tidak digunakan oleh pengguna akhir. Masing-masing kelas alamat memiliki subnet mask asali yang berbeda. Anda dapat mengidentifikasi kelas alamat IP dengan melihat octet yang pertama. Berikut ini adalah kisaran alamat Internet kelas A, B, dan C, masing-masing dengan alamat contoh:
  • Jaringan Kelas A menggunakan subnet mask asali 255.0.0.0 dan memiliki 1-126 sebagai octet pertama mereka. Alamat 10.52.36.11 adalah alamat kelas A. Octet yang pertama adalah 10, antara 1 hingga 126, inklusif.
  • Jaringan Kelas B menggunakan subnet mask asali 255.255.0.0 dan memiliki 128-191 sebagai octet pertama mereka.
  • Jaringan Kelas C menggunakan subnet mask asali 255.255.255.0 dan memiliki 192-223 sebagai octet pertama mereka.
Dalam beberapa skenario, nilai asali subnet mask tidak disesuaikan dengan kebutuhan organisasi, karena topologi fisik jaringan, atau karena jumlah jaringan (atau host) tidak sesuai dalam pembatasan subnet mask asali.


Subnetting
Kelas A, B, atau C TCP/IP jaringan dapat dibagi lebih lanjut, atau disubnetkan oleh administrator sistem.

Administrator sistem yang dialokasikan blok alamat IP dapat mengelola jaringan yang tidak diatur dengan cara yang sesuai dengan alamat ini. Misalnya, Anda memiliki jaringan area luas dengan 150 host pada tiga jaringan (di kota yang berbeda) yang terhubung dengan perute TCP/IP. Setiap tiga jaringan ini memiliki 50 host. Anda dialokasikan jaringan kelas C 192.168.123.0. (Untuk ilustrasi, alamat ini adalah benar-benar dari kisaran yang tidak dialokasikan di Internet). Ini berarti bahwa Anda dapat menggunakan alamat 192.168.123.1 192.168.123.254 untuk 150 host Anda.

Dua alamat yang tidak digunakan dalam contoh Anda adalah 192.168.123.0 dan 192.168.123.255 karena alamat biner dengan porsi semua host dan semua nol tidak valid. Alamat nol tidak valid karena digunakan untuk menentukan jaringan tanpa menentukan host. Alamat 255 (dalam biner notasi, alamat host semuanya) yang digunakan untuk menyiarkan pesan untuk setiap host di jaringan. Ingatlah bahwa alamat depan dan belakang di subnet atau jaringan tidak ditetapkan ke setiap host.

Anda sekarang dapat memberikan alamat IP untuk 254 host. Ini berfungsi baik apabila semua 150 komputer di jaringan tunggal. Namun, komputer 150 berada pada tiga jaringan fisik yang terpisah. Alih-alih meminta lebih banyak blok alamat untuk setiap jaringan, Anda membagi jaringan ke subjaringan yang memungkinkan Anda menggunakan satu blok alamat pada beberapa jaringan fisik.

Dalam hal ini, Anda membagi jaringan ke empat subnet menggunakan subnet mask yang membuat alamat jaringan besar dan kisaran alamat host lebih kecil.

Menggunakan subnet mask 255.255.255.192, 192.168.123.0 Anda jaringan kemudian menjadi jaringan empat 192.168.123.0, 192.168.123.64, 192.168.123.128 dan 192.168.123.192.
   192.168.123.1-62
   192.168.123.65-126
   192.168.123.129-190
   192.168.123.193-254
                              
Ingat, sekali lagi, alamat host biner dengan semuanya atau semua nol tidak valid, sehingga Anda tidak dapat menggunakan alamat dengan oktet terakhir 0, 63, 64, 127, 128, 191, 192 atau 255.

Anda dapat melihat bagaimana ini bekerja dengan melihat dua alamat host, 192.168.123.71 dan 192.168.123.133. Jika Anda menggunakan default kelas C penutup subnet 255.255.255.0, alamat kedua adalah pada 192.168.123.0 jaringan. Namun, jika Anda menggunakan subnet mask 255.255.255.192, mereka berada pada jaringan yang berbeda; 192.168.123.71 berada di 192.168.123.64 jaringan, 192.168.123.133 adalah pada 192.168.123.128 jaringan.



Gateway default
Jika komputer TCP/IP perlu berkomunikasi dengan host pada jaringan lain, komputer biasanya akan berkomunikasi melalui perangkat yang disebut perute. Dalam istilah TCP/IP, perute yang ditetapkan di host yang link host subnet jaringan lain, disebut default gateway. Bagian ini menjelaskan tentang cara menentukan TCP/IP apakah paket dikirim atau tidak ke gateway default untuk mencapai perangkat pada jaringan atau komputer lain

Ketika host berusaha untuk berkomunikasi dengan perangkat lain yang menggunakan TCP/IP, host melakukan proses perbandingan menggunakan subnet mask tertentu dan alamat IP tujuan versus subnet mask dan alamat IP. Hasil perbandingan ini memberitahu komputer Apakah tujuan host lokal atau host jauh.

Jika hasil proses ini menentukan tujuan menjadi host lokal, maka komputer akan cukup mengirim paket pada subnet lokal. Jika hasil perbandingan menentukan tujuan menjadi host jauh, komputer akan meneruskan paket ke default gateway yang ditetapkan di properti TCP/IP. Ini merupakan tugas perute untuk meneruskan paket ke subnet yang benar.


Pemecahan masalah
Masalah jaringan TCP/IP seringkali disebabkan oleh kesalahan konfigurasi tiga entri utama di properti TCP/IP komputer. Dengan memahami cara kesalahan dalam konfigurasi TCP/IP mempengaruhi operasi jaringan, Anda dapat memecahkan masalah umum TCP/IP.

Subnet Mask Yang Salah: Jika jaringan menggunakan subnet mask selain mask asali untuk kelas alamat, dan klien masih dikonfigurasi dengan subnet mask asali untuk kelas alamat, komunikasi akan gagal untuk beberapa jaringan terdekat tetapi tidak untuk jaringan yang jauh. Sebagai contoh, jika Anda membuat empat subnet (seperti dalam contoh subnetting) tetapi menggunakan subnet mask 255.255.255.0 yang salah dalam konfigurasi TCP/IP, tuan rumah tidak akan dapat menentukan bahwa beberapa komputer berada di subnet berbeda dari subnet mereka. Ketika ini terjadi, paket ditujukan untuk host yang ada di jaringan fisik yang berbeda yang merupakan bagian dari alamat kelas C yang sama tidak akan dikirim ke gateway default untuk pengiriman. Gejala ini adalah ketika komputer dapat berkomunikasi dengan host yang berada di jaringan lokal dan dapat berbicara dengan semua jaringan jauh kecuali yang terdekat dan memiliki alamat kelas A, B, atau C yang sama. Untuk memperbaiki masalah ini, masukkan benar subnet mask konfigurasi TCP/IP yang benar untuk host.

Alamat IP salah: Jika Anda menempatkan komputer dengan alamat IP yang harus berada di subnet terpisah di jaringan lokal dengan satu sama lain, mereka tidak akan mampu berkomunikasi. Mereka akan mencoba untuk mengirim paket saling melalui router yang tidak akan mampu meneruskannya dengan benar. Gejala masalah ini adalah komputer yang dapat berbicara dengan host pada jaringan jarak jauh, tetapi tidak dapat berkomunikasi dengan beberapa atau semua komputer di jaringan lokal mereka. Untuk memperbaiki masalah ini, pastikan bahwa semua komputer di jaringan fisik memiliki alamat IP yang sama pada subnet IP yang sama. Jika Anda menjalankan dari alamat IP pada segmen jaringan tunggal, ada solusi yang terjadi di luar cakupan artikel ini.

Gateway Default salah: Komputer yang dikonfigurasi dengan gateway default yang salah dapat berkomunikasi dengan host di segmen jaringan, namun akan gagal untuk berkomunikasi dengan host pada beberapa atau semua jaringan jarak jauh. Jika jaringan fisik tunggal memiliki lebih dari satu perute, dan perute salah dikonfigurasi sebagai default gateway, host akan mampu berkomunikasi dengan beberapa jaringan jarak jauh, tetapi tidak yang lain. Masalah ini umum jika suatu organisasi memiliki perute jaringan TCP/IP internal dan perute lain yang tersambung ke Internet.
MOGA BERMANFAAT BUNG OK LIKE AND COMENT OKEY