Cara Entri Blog ke e-learning UNEJ

Tulisan ini sengaja saya tulis untuk mengulas bagaimana cara entri blog ke e-learning UJ, guna pengumpulan tagas Teknologi Informasi, langsung saja perhatikan langkahnya, ane kasih screenshot agar pembaca lebih jelas..


Langkah :
1. login e-lerning
2. Cari menu administration --> My Profile Set --> Blog --> register an external blog

3. Mencari alamat rss feed blog anda, login ke blog anda

4. Klik kanan di halaman web blog anda --> lihat informasi laman

5. Pilih RSS Feed dan copy alamat RSS anda.

6. Kembali ke e-learning, paste alamatnya, silahkan isi keterangan di bawahnya

7. Succes

8. Selamat mencoba

Terima kasih sudah berkunjung, jangan lupa komennya ya guys..hehehe
wassalam....

Read More

Cara Membuat Artikel Terkait dengan Gambar / Thumbnail

Cara Membuat Artikel Terkait dengan Gambar / Thumbnail. Assalamualaikum wr.wb, sobat blogger pada postingan kali ini Kang Aluha berkesempatan untuk memberikan tutorial blogger blogspot mengenai cara membuat artikel terkait dengan gambar / thumbnail. Menurut pakar SEO dengan membuat artikel terkait dengan gambar atau tanpa gambar hanya berbentuk tulisan saja akan meningkatkan jumlah pengunjung atau dalam bahasa blogger disebut Pageviews. Artikel terkait ini umumnya diletakan di akhir pembahasan atau di bawah postingan, karena letaknya efektif dan mudah dilihat oleh pembaca / pengunjung.

Artikel terkait ini dilengkapi dengan gambar dengan ukuran sedang dan judul posting yang terletak tepat di bawah gambar. Survei juga membuktikan bahwa membuat artikel terkait / related post yang dilengkapi dengan gambar ini akan lebih banyak dilihat dan diklik oleh pengunjung / pembaca artikel, karena tampilannya yang keren dan membuat pengunjung penasaran dan terpukau, Lebay :D

• Masuk / Login ke www.blogger.com 
• Pada Dashboard pilih Template → Edit HTML
• Letakan CSS & JavaScript berikut ini di bawah kode ]]></b:skin> 
• Kode :
  

  <b:if cond='data:blog.pageType == "item"'>
  <style type="text/css">
  #related-posts{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
  #related-posts h2{font-size:1.6em; font-weight:bold; color:black; font-family:Georgia,Times New Roman,Times,serif; margin-bottom:0.75em; margin-top:0em; padding-top:0em}
  #related-posts a{color:black}
  #related-posts a:hover{color:black}
  #related-posts a:hover{background-color:#d4eaf2}
  </style>
  <script type='text/javascript'>
  var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGfQ7zyEd6pnJpVezihtUPkcRtxRa8E-9NGcsF4zMyNSqBWQZWwUmO3VbjZll2l8JLM_QgZeuIgyT1F_CQJLVZAa3p6owDdeSy3CN_bb5CyV4OCN53zQp4f1fcivF8iDcZjtDm926OMqI/s400/noimage.png";
  var maxresults=5;
  var splittercolor="#d4eaf2";
  var relatedpoststitle="Related Posts";
  </script>
  <script src='http://giovanialuha.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
  </b:if>

  Penerapan Kode HTML Artikel Terkait Bergambar 

  Tahap ini merupakan tahap akhir pada tutorial membuat artikel terkait 
  dengan gambar / thumbnail yang nantinya akan memunculkan artikel-artikel
   terkait dengan jumlah yang sudah ditentukan atau sesuai ketentuan 
  pengguna, caranya
  
  

  • Silahkan Anda cari kode <data:post.body/>
  • Kemudian letakan kode di bawah ini setelah kode <data:post.body/> 
  • Kode :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div>
    <div style='clear:both'/>
    </b:if> 

    • (Save Template) 

  Keterangan Terkait Kode Artikel Terkait Bergambar

  1. Artikel terkait dengan gambar ini bekerja secara otomatis jadi Anda 
  tidak perlu merubah atau menambahkan alamat feeds yang sudah ada.
  
  2. Artikel terkait dengan gambar ini bekerja pada halaman postingan dan kode di atas tidak berlaku di halaman utama / Home Page.

  3. Untuk merubah tampilan artikel terkait dengan gambar, Anda bisa 
  merubah CSS sesuai keinginan jika Anda paham untuk mengeditnya,

  4. var maxresults=5; Jumlah artikel terkait yang muncul pada setiap artikel / postingan.

  5. var relatedpoststitle="Related Posts"; Judul artikel terkait dan muncul di bawah postingan.

  6. Jika kode <data:post.body/> ada banyak, silahkan letakkan di kode <data:post.body/> yang paling terakhir
  
  
  Demikianlah tutorial blogger mengenai cara membuat artikel terkait dengan gambar / thumbnail. 
  
  
  Terima kasih. 
  

Read More

Cara Membuat Lampu Botol Tenaga Matahari

Berikut ini adalah langkah ataupun cara membuat lampu dari botol bekas untuk cahaya dalam ruangan pada siang hari. Lampu botol bekas ini akan memantulkan cahaya matahari pada siang hari tanpa menghidupkan listrik untuk penerangan dalam ruangan. Cocok digunakan untuk ruangan dapur, kamar mandi, serta ruangan yang kurang cahaya.

01: Tutor by Ganda Manurung
Cara Membuat Lampu Botol Tenaga Matahari
Bahan :
1. Botol kemasan air minum berwarna bening;
2. Sealant (perekat berbahan silikon);
3. Bahan penambal seng;
4. Cairan pemutih pakaian;

Langkah kerja;
1. Buatlah lubang melingkar di bagian tengah dari potongan seng dengan ukuran jari-jari 1 cm lebih kecil dari jari-jari botol mineral yang akan digunakan. Posisi tengah lubang dapat dipilih tepat di bagian punggung seng atau di bagian parit seng.
2. Kemudian buat potongan sepanjang 1 cm, sejajar jari-jari lubang, melingkar sepanjang lingkar luar lubang dengan jarak antar potongan 1 sampai 2 cm;
3. Bengkokkan tiap potongan ke arah atas, kemudian beri perekat sealant (berbahan silikon) sepanjang sisi bagian dalam lingkar lubang;
4. Masukan botol ke lubang setelah selant mengering, dengan posisi kepala botol dibagian atas, 2/3 bagian botol berada di bawah seng dan 1/3 bagian berada di bagian atas seng;
5. Kemudian rekatkan dan tutup celah antara dinding botol dan seng dengan menggunakan sealant. Akan lebih baik jika dilapisi lagi dengan sejenis bahan penambal atap atau pelapis atap untuk lebih memastikan tidak ada kebocoran atau celah yang terbuka;
6. Isi botol dengan air jernih hingga penuh dan dicampur dengan satu tutup botol cairan pemutih pakaian;
7. Tutup kembali botol dengan memberi sealant pada bagian dalam dan luar tutup botol;
8. Kemudian lubangi seng atap bangunan pada posisi yang direncanakan. Ukuran lubang tepat seukuran dengan lingkar botol;
9. Berikan sealant pada sekeliling lubang, dan setelah kering pasangkan botol dengan mencocokkan jalur air pada seng atap dengan potongan seng yang menempel pada botol;
10. Tutup celah antara potongan seng dengan seng atap dengan bahan penambal atap agar tidak terjadi kebocoran sewaktu hujan.
sekian dulu terimakasih..

Read More

Cara Membuat Link Pada Gambar

Mungkin biasanya kita melihat penggunaan link pada teks yang umum muncul di blog atau website-website orang lain. Ternyata selain teks, kita juga bisa membuat link pada gambar yang berguna untuk mengarahkan orang yang mengklik gambar tersebut ke alamat URL yang anda inginkan.

Untuk menambahkan gambar ke dalam halaman baik itu artikel, bagian widget atau dimanapun, anda bisa menggunakan tag HTML <img src="http://"> . Kode IMG SRC itu adalah tag dalam html untuk menyertakan file berupa IMAGE dan http:// merupakan link dari gambar anda. Jadi sebelumnya, pastikan anda sudah mengupload gambar anda ke internet sehingga nantinya didapatkan link URL untuk gambar tersebut.

Sekarang mari kita praktekan cara memanggil gambar ke dalam artikel dengan kode di atas. Kebetulan saya sudah memiliki satu buah gambar yang sudah di upload. Berikut adalah link dari gambar saya : http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg

maka kode untuk memanggil gambar tersebut menggunakan kode html adalah seperti ini :

<img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg">

(Hasilnya seperti di bawah ini !)

Selain itu anda juga menambahkan atribut seperti WIDTH untuk mengatur lebar gambar dan HEIGHT untuk mengatur tinggi gambar. Atribut ini diletakan setelah link gambar tersebut.

<img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg" widht="100px" height="100px">

(Hasilnya seperti ini !)

sekarang bagimana cara menambahkan link pada gambar ? anda cukup menambahkan kode <a href="http://"> Maka kodenya nanti akan seperti ini :

<a href="http://digitalareas.blogspot.com"><img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg"></a>

(Hasilnya seperti ini ! )

Klik gambar tersebut dan anda akan menuju ke halaman utama blog ini 

Saya rasa sudah cukup jelas apa yang saya utarakan di atas, sekarang anda hanya perlu mencobanya untuk membuktikan hasilnya. Jadi rasanya artikel Cara Membuat Link Pada Gambar cukup sampai disini saja. Semoga bermanfaat

Read More

Cara membuat popular berjalan pada widget blogger

tutorial ini saya ambil dari yang saya lakukan kemaren, bagi kamu yang mau pasan jua bisa ikuti langkah-langkangya yang saya lakukan ini, mungkin kamu bingung cari di mana dan akhirnya nyasar disini, dan mungkin banyak bertanyakan yang menghinggap di benak kalian , mungkn kalian bertanya bagaimana caranya memasang widget popular post berjalan??, atau tutorialnya membuat popular post berjalan??, nah sobat kali ini saya akan kasih tutorial iini bagi sobat blogger beginners semua nah sobat silaka ikuti langkah-langkahnya si bawah ini.

1. pertama kalian seperti biasa memasang widget kalian yaitu popular post standar pada kalian
2.  kalau sudah memasang widget popular post langkah selanjutnya kalian hanya menambahkan script di bawah ini di widget kalian terserah mau di taruh di mana, yang penting ada di widget kalian. mau di bawah, atas, dll.
3. caranya memasangnya login blogger>> tata letak>> add gadget>>HTML/Java Script>> pastekan script di  bawah ini>> simpan>> selesai....

script untuk popular post berjalan

 <style type="text/css" media="screen">

    #PopularPosts1 {
     overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:400px;
      
    }

    #PopularPosts1 ul {
    width:342px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }

    #PopularPosts1 li {
     width:334px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:80px;
    overflow: hidden;
    background:#fff url() repeat-x;
    border:1px solid #ddd;
    }

    #PopularPosts1 li .item-title {
        color:#A5A9AB;
        font-size:1em;
        margin-bottom:0.5em;
    }

    #PopularPosts1 li .item-title a {
     text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }

    #PopularPosts1 li img {
     float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }

    #PopularPosts1 li .item-snippet {
      overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    #PopularPosts1 .item-snippet a,
    #PopularPosts1 .item-snippet a:visited {
        color:#3E4548;
        text-decoration: none;
    }

    #PopularPosts1 .spyWrapper {
        height: 100%;
        overflow: hidden;
        position: relative;  
    }

    #PopularPosts1 {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .tags span,
    .tags a {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }

    a img {
        border: 0;
    }

    -->
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
    $(function () {
        $('.popular-posts ul').simpleSpy();
    });
    </script>
    <script src="http://camporbawor.googlecode.com/files/popularpost2.js" type="text/javascript"></script>

nah itu sia sobat sedikit tutorial dari saya semoga bermangfaat sampai jumpa di posting selanjutnya ya sob... jangan lupa sharing dan komentarnta atau likenya juga boleh... hehehhehe..

Read More

Cara menulis artikel di blog

Setelah Anda membuat blog di blogger, mungkin perlu juga di jelaskan bagaimana cara menulis artikel di blog yang di mulai dari mengenal fitur-fitur yang tersedia di menu editor blogger.com dan akan di lanjutkan dengan tips cara menulis artikel di menu blog yang baik.

Tujuan dari mengetahui teknik penulisan di blog kali ini adalah terkait dengan menata tampilan tulisan dengan mengetahui fungsi atau kegunaan masing masing fitur di editor blogspot.

Disini saya akan menjelaskan beberapa fitur dengan singkat karena tentu anda sudah mengenal fungsi dari gambar icon-icon tersebut sebagaimana di Ms.Word. Kalau bisa ketika mengikuti panduan ini anda langsung praktek. Jadi pertama,,,

Silahkan buka blog anda di blogger.com, setelah itu klik gambar pensil yang jika di arahkan kursur di atasnya akan muncul tulisan "Buat entri baru". Anda akan masuk ke halaman post editor blogspot, lalu lihat gambar berikut yang penomoran nya disesuaikan dengan penjelasan di bawahnya

1. Tulislah judul artikel yang akan anda buat di kotak Entri ini, coba sekarang tulis judul, misal"Panduan Cara Menulis Artikel di blogspot"

2. Ini adalah kotak penulisan artikel, disinilah anda nantinya menulis hal-hal yang ingin anda bagi di dunia maya, silahkan ketik satu paragraf atau beberapa kalimat saja.

3. Simbol F ini berfungsi untuk memilih jenis huruf (font) dari tulisan anda, caranya,,, coba blok menggunakan kursor (Klik, tahan, lalu seret mouse untuk menutupi paragraf yang tadi anda tulis)  lalu klik icon F dan pilih jenis font yang anda inginkan.

4. Simbol T ini berfungsi untuk mengatur ukuran huruf
smallest
small
nomal
large
largest

dan untuk ukuran normal atau default bisa mengunakan 12px, 13px, 14px sesuai dengan keinginan anda ketika mengatur ukuran huruf blog agar enak dibaca

5. Kotak bertuliskan "Normal" ini, berfungsi untuk mengatur tingkat kepentingan;
Heading (h2) yang biasanya digunakan pada judul artikel
Subheading (h3)digunakan pada sub judul
Minor Heading (h4) di gunakan pada bagian dari sub judul
Jika anda memilih Normal berarti tidak ada bagian yang lebih penting dari bagian yang lain

6. HTML
Coba anda sekarang klik pada bagian ini, maka akan terlihat kode HTML untuk mengedit jika ada susunan artikel yang kurang rapi misal jarak antar paragraf yang terlalu lebar, tampilan ketika mengetik di editor blog berbeda dengan PRATINJAU atau jika anda ingin menambahkan kode-kode tertentu untuk hiasan pada artikel. Sekarang silahkan kembalikan ke setelan COMPOSE lagi.

7. Empat icon ini fungsinya sama dengan di Ms.Word, silahkan blok/highlight (klik, tahan , geser ke ) salah satu kalimat lalu klik salah satu dari icon tersebut
Bold
italic
Underline
Strikehrough

8. untuk mengatur warna tulisan menjadi merah, kuning, biru dan lain-lain
9. untuk memberi background warna pada tulisan contohnya "tehnik menulis artikel yang menarik"
10. untuk memasukkan link pada tulisan misal, saya memasukkan link pada tulisan ini "cara mengganti background blog dengan gambar" yang mengarah ke salah satu url artikel saya. cara memasukkan link pada tulisan ini sama dengan cara sebelumnya, tinggal anda blok dan tekan icon Link

11. Icon ini digunakan ketika anda ingin memasukkan gambar ke dalam artikel, sebagaimana yang sobat bisa lihat pada artikel ini terdapat beberap gambar sebagai penjelas keterangan. dan yang paling atas adalah gambar penghias.
12. digunakan untuk memasukkan video ke dalam artikel postingan
13. Berfungsi untuk memotong artikel agar artikel yang tampil di homepage ( beranda / halaman depan blog ) tidak terlalu panjang. Tapi jarang blogger yang menggunakan tools ini. Kebanyakan menggunakan "Read More" otomatis agar tampilan home page blog lebih rapih dan lebih menarik.

14. Berfungsi untuk mengatur perataan huruf rata kiri, rata tengah, rata kanan, rata kanan-kiri
15. untuk memberi penomoran secara otomatis, silahkan di coba,,, kalau contohnya bisa dilihat pada penjelasan SETELAN ENTRI
16. untuk memberi tanda bullet pada list atau daftar contoh nya bisa anda lihat di bawah, ketika membahas penggunaan Publikasikan, Simpan,,,

17. Qoute, digunakan untuk membuat petikan kalimat yang akan menjorok ke tengah, biasa digunakan pada kalimat kesimpulan
18. untuk menghilangkan format tulisan, menghapus bullet atau penomoran sehingga semua tulisan yang saudara beri
19. untuk mengecek spelling apa ada tulisan yang salah ketik atau bahasa tidak baku


Setelan Entri

1. Label : Berfungsi untuk memberi label/kategori pada artikel. misalnya artikel dengan judul "Cara menulis artikel di blog" di beri label "tips blogging". Sebuah artikel bisa diberi lebih dari satu label caranya, pisahkan label satu dan yang lain dengan koma. Cara menggunakannya : klik Tulisan "Label", masukkan nama label yang di inginkan pada kotak yang tersedia, lalu klik "Selesai".
2. Jadwal : Berfungsi untuk mengatur waktu penerbitan artikel yang di inginkan.
3. Lokasi : Berfungsi untuk menentukan lokasi anda.  Cara menggunakannya : Klik tulisan "Lokasi". Masukan nama kota atau negara pada kotak putih lalu klik "Telusuri". Jika sudah ditemukan ( Lihat gambar petanya ), klik tombol "Selesai".
4. Link : Digunakan untuk melampirkan Link pada artikel
5. Deskripsi Penelusuran : Berfungsi untuk memasukkan deskripsi atau penjelasan isi artikel anda.
6. Pilihan : Berfungsi untuk mengatur komentar artikel diizinkan atau tidak, Penafsiran HTML, dan perintah Enter.

Tombol Publikasikan, Simpan, Pratinjau, dan tutup

• Publikasikan : Berfungsi untuk menerbitkan atau mempublikasikan  artikel yang telah selesai ditulis dan memasukkan/menyimpan artikel kedalam blog sekaligus menampilkannya di internet.
• Simpan : Berfungsi untuk menyimpan artikel di draft. Kadang untuk menulis artikel, kita membutuhkan waktu beberapa jam. Karena ada keperluan tapi artikel belum selesai di ketik, gunakan tombol ini untuk menyimpan artikel yang telah di ketik sebelumnya agar bisa melanjutkan menulis artikelnya di lain waktu.
• Pratinjau : Berfungsi untuk melihat tampilan artikel di blog sebelum dipublikasikan.Jadi gunakan apakah ada tampilan yang tidak sesuai dengan tampilan di post editor
• Tutup : Berfungsi untuk menutup halaman "Post Editor" blogspot dan akan di arahkan ke halaman "Semua Pos" ( Termasuk artikel yang ada di draft / konsep )

Cukup ini dulu tutorial cara menulis artikel di blog untuk pemula, sebenarnya masih ada yang perlu di jelaskan lagi tentang penggunaan lebih mendalam pada masing-masing fitur nya, tapi menulis sampai disini juga sudah lumayan kuras tenaga dan waktu, jadi jika ada yang kurang jelas, lebih baik tanyakan di kotak komentar saja ya,,,Maaf dan Terima kasih

Read More

Metro UI Blogger Template

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc.

Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more

Features of Metro UI Blogger Template:

1. Numbered Page Navigation: This is our first theme which has built-in numbered page functionality. It shows numbers instead of older/newer post buttons. It not only increase user engagement but also helps in reducing the bounce rate.


2. Custom Header: The header of this theme is one of its kinds. It looks a like Windows 8 and has extremely efficient Hover effects. All an all, the colorful header are would surely amaze your readers. 


3. SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.


4. Featured Image AREA: Many of our users always complains that slider slows down their blog. Keeping that in mind, we have added a Featured image area instead of sliders. It will only appear on the homepage.

More Features: WordPress Look, Web 2.0, Magazine Style, Green and light orange color Scheme, threaded commenting system, and much more.

How To Customize Header LOGO?

First create an Image Logo of 118px Width and 62px height then Upload it through Picasa Web album or your preferred blogger hosting. Now In order to customize the Logo, you have to first log on to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Search for the following Image URL and replace it with the image URL of your logo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjZhMlkBKFh3UymBkt8B0d39AQt1e4Z2V76GkCtN7Z2ujIvIzRSp_AFfJdygW6CTjU5Bp9iJ2sIOsgnHah_PY9zMhxDv8QfZPmRXDzAbhPoOGtMwXoJH-7517u2yXrDbiMKIgoEMTZpY/s1600/metro.png

How To Customize Navigation Menus:

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

Header Navigation:

<!-- Header Nav-->
<a class='mm_home' href='#'>Home</a>
<a class='mm_wishlist' href='#' id='wishlist-total'>Wish List</a>
<a class='mm_account' href='#'>My Account</a>
<a class='mm_checkout' href='#'>Checkout</a>
<a class='mm_account' href='#'>My Account</a> 

Main Navigation Menu :

<ul id='nav'>
<li class='level0 first homelink'><a href='#'><span>Home</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Desktop</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Laptops</span></a></li>
</ul>

From The Designer's Desk:

This Theme is indeed cute in terms of looking and has the sharp color scheme that attracts our attention. Hopefully this theme would help you to gaining some extra SEO exposure and more user engagement..

Read More

Metro UI Blogger Template

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc.

Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more

Features of Metro UI Blogger Template:

1. Numbered Page Navigation: This is our first theme which has built-in numbered page functionality. It shows numbers instead of older/newer post buttons. It not only increase user engagement but also helps in reducing the bounce rate.


2. Custom Header: The header of this theme is one of its kinds. It looks a like Windows 8 and has extremely efficient Hover effects. All an all, the colorful header are would surely amaze your readers. 


3. SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.


4. Featured Image AREA: Many of our users always complains that slider slows down their blog. Keeping that in mind, we have added a Featured image area instead of sliders. It will only appear on the homepage.

More Features: WordPress Look, Web 2.0, Magazine Style, Green and light orange color Scheme, threaded commenting system, and much more.

How To Customize Header LOGO?

First create an Image Logo of 118px Width and 62px height then Upload it through Picasa Web album or your preferred blogger hosting. Now In order to customize the Logo, you have to first log on to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Search for the following Image URL and replace it with the image URL of your logo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjZhMlkBKFh3UymBkt8B0d39AQt1e4Z2V76GkCtN7Z2ujIvIzRSp_AFfJdygW6CTjU5Bp9iJ2sIOsgnHah_PY9zMhxDv8QfZPmRXDzAbhPoOGtMwXoJH-7517u2yXrDbiMKIgoEMTZpY/s1600/metro.png

How To Customize Navigation Menus:

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

Header Navigation:

<!-- Header Nav-->
<a class='mm_home' href='#'>Home</a>
<a class='mm_wishlist' href='#' id='wishlist-total'>Wish List</a>
<a class='mm_account' href='#'>My Account</a>
<a class='mm_checkout' href='#'>Checkout</a>
<a class='mm_account' href='#'>My Account</a> 

Main Navigation Menu :

<ul id='nav'>
<li class='level0 first homelink'><a href='#'><span>Home</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Desktop</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Laptops</span></a></li>
</ul>

From The Designer's Desk:

This Theme is indeed cute in terms of looking and has the sharp color scheme that attracts our attention. Hopefully this theme would help you to gaining some extra SEO exposure and more user engagement..

Read More

Kumpulan efek pada blog menggunakan java script

Efek ini saya ambil dari http://www.netdisaster.com. 

  1.Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo

<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun

<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball

<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur

<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut

<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing

<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold

<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak

<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah

<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat

<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie

<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok

<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok

<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script efek di dalam kotak yang di sediakan
3. Klik save dan lihat hasilnya.

Read More

Cara membuat menu dan sub menu bagus trik

  Afif Bookmark and Share it:

Halo sahabat semua, kali ini Info Bagus Fakta Bagus akan berbagi cara membuat sub menu bar di blog. Sub menu bar sangat diperlukan bagi setiap blogger sejati. Bagi para pengunjung hal ini juga sangat dibutuhkan guna mencari informasi berdasarkan pada kategori di sub menu bar. Memberi sub menu bar juga membuat blog kita tampak lebih tampan, teratur, dan praktis (tidak acak-acakan). Langkah-langkahnya berhubungan dengan edit HTML. Bagi para blogger pemula mungkin akan merasa sulit, tetapi sebenarnya hal ini sangat mudah. Ikuti saja langkah-langkah yang kami jelaskan di bawah ini. 


Ok, setelah berbasa-basi. Let's check it out...

Berikut ini langkah-langkah yang harus dilakukan :

1. Klik Menu Desain 

2. Pilih Menu Template lalu pilih menu Edit HTML 

3. Pilih/klik menu Lanjutkan

4. Pilih/klik menu Expand Template Widget

5. <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>

   Cari scrift berikut :

Agar lebih mudah, klik saja F3 atau ctrl+F pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>.

Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li  { height:30px; border-top:1px solid #fff; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<div id='cat-nav'>

<ul class='fl' id='secnav'>

<li><a href='#'>Beranda</a></li>

<li><a href='#'>Menu 1</a></li>

<li><a href='#'>Menu 2</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu2 a</a></li>

<li><a href='#'>Sub Menu2 b</a></li>

</ul>

</li>

<li><a href='#'>Menu3</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu3a</a></li>

<li><a href='#'>Sub Menu3b </a></li>

</ul>

</li>

<li><a href='#'>Menu4</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu4a</a></li>

<li><a href='#'>Sub Menu4b </a></li>

</ul>

</li>

<li><a href='#'>Menu5</a></li>

</ul>

</div>

PENJELASAN :

• Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
• Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
• Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

• Masuk ke Menu Laman 
• Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
• Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa.

Semoga bermanfaat kebaikan.

Read More

Membuat blog itu mudah

Cara Membuat Blog Gratis itu mudah Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain.

Beberapa contoh kelebihan blogger di banding yang lain yaitu cara membuat blog sangat mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.

Cara Membuat Blog Gratis :

Klik blogger.com

tunggu beberapa saat maka akan terbuka sebuah halaman pendaftaran baru, supaya lebih mudah, ubah bahasa ke bahasa Indonesia yang berada di sebelah kanan bawah.

Sekarang silahkan masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail yang sudah anda buat.

Isilah formulir yang ada seperti dibawah ini :

1. Nama tampilan : isilah dengan nama yang ingin tampil pada profile blog anda.
2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria atau wanita
3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
4. Klik tanda panah bertuliskan “Lanjutkan”.
   
   

Klik tombol “Blog Baru”.

Isilah formulir :

1. Judul : Isi dengan judul blog anda yang di inginkan, misal :Blog Komputer
2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan, contoh blogkomputer.blogspot.com
3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
4. Lanjutkan dengan klik tombol “Buat blog!”.
   
5. Sampai disini blog anda telah berhasil di buat dan anda siap untuk ngeblog. 

Semoga bermanfaat informasi cara membuat blog gratis ini

Read More