Membuat Kotak Berlangganan Dengan Jquery Dialogue Box

Selamat siang sob...

Postingan pertama di bulan Desember nih... pleased

Pada postingan kali ini, saya ingin berbagi sebuah tutorial membuat kotak berlangganan di blog. Awal nya, saya tertarik saat melihat artikel dari blog Kang Ismet tentang simple dialog box dengan jquery, dialog box nya menarik sekali. Lalu, saya berpikir sepertinya tidak cukup bila hanya sekedar dialog box berisi sebuah atau lebih kalimat. Bagaimana bila dikreasikan dengan sesuatu yang digunakan dalam blog? Akhirnya, saya mencoba untuk memadukannya dengan kotak berlangganan, sehingga kotak berlangganan nya pun menjadi lebih menarik.

Setelah lebih dari 168 jam mencobanya  wat2 saya buatlah tutorial ini dengan tujuan dapat membantu temen-temen dalam mempercantik blog nya... cheer

DEMO

Ok, mari kita mulai menerapkannya :

1. Jalan-jalan dulu ke Feedburner.

2. Login dengan akun Google nya.

3. Masukkan url RSS feed nya, yaitu http://aiizahh.blogspot.com/feeds/posts/default dimana temen-temen dapat mengganti yang berwarna ungu sesuai alamat blog nya masing-masing, lalu klik "Next".

4. Isi judul dan alamat feed nya dan klik "Next".

5. Akan muncul tampilan seperti dibawah, klik "Next" lagi.

6. Pada halaman berikutnya, silahkan klik "Publicize" dan pilih "Email Subscriptions".

7. Selanjutnya klik "Activate".

8. Silahkan simpan kode kotak berlangganannya dahulu.

Lanjut, kita buat dialog box nya :

1. Letakkan kode CSS berikut diatas ]]></b:skin> .

 #aiizahh-box {
    position:fixed;
    top:50px;
    left:50%;
    width:320px;
    margin-left:-160px; /*setengah dari lebar kotak dialog*/
    color:white;
    background-color:#C6E5E9;
    border:8px solid #5DC1D0;
    box-shadow: 0 0 2px 1px black,0 0 3px #C6E5E9;
    font:normal 11px Arial;
    line-height:1.6em;
    padding:15px;
    text-align:left;
    border-radius:3px;
    z-index:1000;
    display:none;
}
.close {
    background:#C7D578;
    color:#000;
    border-radius:3px;
    padding:4px;
    text-align:center;
    margin:25px auto 2px;
    cursor:pointer;
    width:30px;
}
.close:hover {
    background-color:#5DC1D0
}
#box-overlay {
    position:fixed !important;
    position:absolute; /*tambahkan posisi ini supaya fix di IE*/
    z-index:999; /*nilai ini harus dibawah nila z-index pada kotak dialog*/
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background : url(http://aiizahh-reader.googlecode.com/svn/trunk/patterns/Brightness.png);
    display:none;
}

2. Lalu, tambahkan kode berikut diatas </body>.

<script type=text/javascript>
//<![CDATA[
$(function() {
     //Tampilkan kotak dialog saat .popup diklik
     $(.popup).click(function() {
          $(#aiizahh-box).fadeIn();
          $(#box-overlay).fadeTo("normal", 0.6);
     });
     //Tutup kotak dialog saat .close diklik
     $(.close).click(function() {
          $(#aiizahh-box).fadeOut();
          $(#box-overlay).hide();
     });
});
//]]>
</script> 

3. Terakhir, tambahkan kode HTML berikut.*

<button class=popup>Subscribe</button>
<div id=box-overlay></div>
<div id=aiizahh-box>  
>>>KODE FORM SUBSCRIPTION DISINI <<<   
<div class=close>OK</div></div>

4. Simpan.

*Keterangan : Silahkan ganti yang berwarna merah dengan kode form subscription temen-temen dari feedburner.

Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar di kotak komentar dibawah...

Dan, jangan lupa subscribe Alya Zahra pada kotak admin dibawah... happy

Read More

Cara Membuat Read More Otomatis di Blogger dengan Mudah

Anda ingin memasang Read More pada Blog? Naaah pada postingan mazinu kali ini mazinu akan membahas tentang Cara membuat Read More di Blogger, ini sangat mudah sekali, karena hanya tinggal mengcopykan script code dibawah ini ke template anda, dengan begitu anda pun tidak perlu repot lagi dalam hal pembuatan readmore ini, oke tanpa panjang lebar silahkan ikuti langkah-langkahnya seperti yang di bawah ini.:

Cara Membuat Read More di Blogger dengan Mudah :

• Silahkan Login di akun blogger anda
• Lalu klik Rancangan dan klik Edit HTML
• Jangan lupa untuk mencentang Expand Template Widget
• Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
• Kemudian Cari kode <head>.  Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )
• Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode <head> tersebut.

<script type=text/javascript> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=http://rizqi.moehamed.googlepages.com/read-moreotomatis.js type=text/javascript/>

• Bila anda ingin merubah ukuran pada Read More anda tersebut, kamu tinggal merubah bagian-bagian kode yang berwarna biru di bawah ini, dan Ubahlah angkanya sesuai dengan keinginan anda.

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar   
summary_img = 340; adalah tinggi potongan artikel dengan gambar 
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

• Langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :  

<b:if cond=data:blog.pageType != &quot;item&quot;> <div expr:id=&quot;summary&quot; + data:post.id><data:post.body/></div><script type=text/javascript>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class=rmlink style=float:right;padding-top:20px;><a expr:href=data:post.url>&#187;&#187;&#160;&#160;ReadMore...</a></span> </b:if><b:if cond=data:blog.pageType == &quot;item&quot;><data:post.body/></b:if>

• Perhatikan = untuk tulisan " ReadMore " bisa diganti sesuai dengan kesukaan anda!
• Selanjutnya, Simpan dan Lihat Hasilnya!
• Sebagai contoh, LIHAT DISINI 

Semoga Bermanfaat!,,

Read More

Cara Membuat Website com lewat Blogspot Dari Blogspot jadi dot Com

Cara Membuat Website .com lewat Blogspot (Dari Blogspot jadi dot Com) sebenarnya sudah saya jelaskan sebelumnya di artikel yang lalu, mengenai cara setting dan awal mula memulainya, yaitu mulai dari mendaftar ataumembuat akun di blogspot/blogger, menata template jadi keren dan menarik, hingga melakukan atau mengarahkan domain .com yang sudah dibeli agar alamat domain blogspotnya bisa berubah sudah dibahas tuntas, tapi sepertinya masih saja ada yang belum mengerti langkah-langkahnya, makanya saya kira perlu untuk melakukan penulisan ulang artikelnya.

Sebenarnya mudah sekali dan tak pake ribet, karena kurang dari 48 jam sudah bisa terlihat hasilnya. Ya, 48 jam, karena pengaturannya harus menunggu penyesuaian antara server domain .com dan akun blogspot anda. Tapi itu tak masalah karena yang penting sudah diarahkan terkadnag besoknya sudah bisa jadi.

Kali saya mau memberikan rahasinya saja, jadi tidak perlu mengaturnya sendiri karena ada yang akan membantu anda mensettingnya, kamu cukup mengarahkan dan menyerahkan label dan host blogspotnya saja. Nah, berikut caranya :

Cara Membuat Website .com lewat Blogspot (Dari Blogspot jadi dot Com)

1.  Beli Domain .com. Sebenarnya ada banyak sekali website provider domain dot com di Indonesia, misalnya saja yang terkenal Rumahweb.com, Idwebhost.com, Qwords.com, Jogjahost.com dan lain sebagainya yang masing-masing memiliki keunggulan dalam pelayanan dan kualitas server yang ditawarkan. Tapi saya pribadi lebih banyak menggunakan layanan dari Idwebhost.com karena selain yang paling murah juga yang paling baik layanannya menurut saya. Khususnya juga mengenai cara setting website .com di blogspot yang akan saya beritahukan ini.

Nah, jika kamu memilih Idwebhost.com sebagaimana saya rekomendasikan maka silahkan kunjungi websitenya dan dihalaman depan tinggal kamu ketik di kolom yang ada bertuliskan www disampingnya. Tinggal ketik domain yang mau kamu pesan tanpa harus menulis www lagi karena sudah ada, sedangkana ekstensinya sendiri seperti .com, .net, .info dan sebagainya (tapi bagusnya yang dot com aja) tinggal kamu pilih di sampingnya, yaitu sebelum tulisan Beli Sekarang. Kalau muncul tulisan Available di kotak berwarna hijau seperti di bawah berarti belum pernah dipesan orang, nah tinggal kamu pilih yang tulisan Beli Domain Saja karena hostingnya akan pakai blogspot nantinya. Dan selanjutnya tinggal ikuti langkahnya, kalau kurang paham langsung chat saja sama petugasnya.

2.  Buat Akun Blogger/Blogspot dan Setting Blogspot ke .com. Setelah membeli domain .com (sudah membayar biaya beli domain Rp. 85.000 dan sudah melakukan konfirmasi serta mendapat email login akun domainmu) yang akan diarahkan ke blogspot atau mungkin juga sudah punya blog yang dibuat dahulu juga tak masalah karena tinggal diarahkan saja servernya. Jika telah dibuat dan kamu juga sudah punya alamat blog dari blogspot, misalnya blogspot.com yang akan kamu ubah jadi com, maka tinggal melakukan settingnya. Caranya, login dulu ke akun bloggermu >> Pilih blog yang akan diarahkan ke .com >> Klik Setting (disebelah kiri) >> Pilih pengaturan Dasar >> Di bagian Penerbitan klik tulisan + Tambahkan domain khusus berwarna biru >> Ketik di kolom http// alamat domain yang sudah kamu beli (Ingat! dengan menggunakan www) >> Klik Simpan atau Save maka akan muncul tulisan seperti di bawah ini :

Keterangan :

1. Lingkaran merah adalah host atau label dari alamat blogmu yang akan diarahkan ke .com
2. Lingkaran biru adalah tujuan atau domain dot com diarahkan ke name server tersebut.

Setelah melakukan langkah ke dua di atas tinggal login ke akun domainmu untuk mengarahkan ke blogspot. Tapi kamu tidak perlu melakukan ini, cukup baca langkah ke 3 di bawah.

3.  Setting .com ke blogspot.com. Nah, rahasianya di sini. Banyak orang terkadang sekalipun telah melakukan apa yang saya sampaikan di atas masih saja salah atau kurang paham pengaturannya. Untuk itu, kamu tidak perlu repot mengatur sendiri, kalau sudah sampai tahap di atas dimana kamu sudah mendapatkan kode di lingkaran merah tersebut dan juga yang lingkaran biru, maka kamu tinggal menghubungi admin client dari Idwebhost. Cara terbaik adalah langsung chat online lewat websitenya, dan minta tolong untuk disettingkan. nah, tinggal kamu copy kode dalam lingkaran di atas lalu paste di kolom chating idwebhost biar dia yang login sendiridan tinggal tunggu besok lalu lakukan lagi langkah ke 2 di atas, yaitu cara Setting Blogspot ke .com. Ingat! kalau ternyata adminnya menolak dengan alasan kamu harus melakukannya sendiri, maka bilangsaja kamu sudah melakukannya berkali-kali tapi gagal.

Bagaimana Cara Membuat Website .com lewat Blogspot (Dari Blogspot jadi dot Com) yang kami sajikan di atas? Mudah kan? Tidak perlu repot karena yang mengerjakan kan dari pihak Idwebhost sendiri, jadi kamu cukup sampai di langkah no.2 di atas lalu chating, berikan kodenya, dan tunggu sampai besok dan lakukan ulang langkah ke 2 di atas. Jika berhasil maka kode dalam lingkaran di atas tidak lagi terlihat, melainkan alamat domain website .com yang akan muncul. Selamat mencoba. Baca juga cara master lainnya :

1. Cara Membuat Blog Di Blogger Keren dan Menarik 
2. Cara Membuat Blog Blogspot Sendiri Tapi Bagus 
3. Cara Membuat Blog Gratis Menghasilkan
4. Cara Membuat Blog Masuk Halaman Pertama Google
5. Cara Membuat Website Free Sendiri tapi Dot Com
6. Cara Membuat Website Gratis 100%
7. Cara Membuat Website Online Sendiri Tanpa Guru
8. Cara Membuat Facebook Baru
9. Cara Pakai Jilbab Pashmina
10. Cara Download Video dari Youtube

Read More

Cara Membuat Fans Page Melayang Pada Blog

Cara Membuat Fans Page Melayang Pada Blog - Memasang fans page melayang pada blog merupakan salah satu jalur promosi yang sangat bagus sekali untuk mempromosikan fan page facebook sobat semua. oleh karena itu pada artikel saya kali saya akan membuat tutorial blog tentang cara membuat fan page facebook melayang pada blog.

Fan page  facebook adalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya. Beberapa orang ahli pun pasti memiliki pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.

Pada artikel saya yang berjudul Cara Membuat Fans Page Melayang Pada Blog, saya akan memberikan dua script fan page melayang yang berbeda.

Cara-caranya membuat fanpage

• Login dengan akun blog sobat
• Pilih opsi tata letak 
• kemudian pilih/klik tambah gadget-->>Html/Javascript

    <style type="text/css">
    #topbar{
    position:absolute;
    padding-left:260px;
    background-color: transparancy;
    width: 300px;
    visibility: hidden;
    z-index: 100;
    }
    </style>
    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
  returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
     barheight=document.getElementById("topbar").offsetHeight
     var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
     var d = document;
     function ml(id){
      var el=d.getElementById(id);
      if (!persistclose || persistclose && get_cookie("remainclosed")=="")
      el.style.visibility="visible"
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
      el.y -= startY;
      }
      return el;
     }
     window.stayTopLeft=function(){
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : iecompattest().scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
     }
     ftlObj = ml("topbar");
     stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <br />
    <div class="clear">
    </div>
    <div id="topbar">
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyDuhOETBh4x4yU_KFuvmEpf49tTY-lo1W0PrZh2Lb4iiWB1aXbsolEBSVfiIK1Hrq0ej1Q0nYdJZnzib7nqtGPI0mqjzGqyVr848z-AJu8ydxemCMo3CD5geM3_9tVdntarZPCTFforH/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Blognya-Ilmu/147008725448902" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
    </div>
    </center>
    </div>

• Copy script diatas
• Simpan pada kotak html/javascript
• Klik simpan dan lihat hasilnya.
  
  

Catatan : Ganti yang berwarana merah dengan script iframe fan page dan alamat url fan page facebook sobat.

Nah, cukup sekian dulu yah tips blogging saya mengenai Cara Membuat Fans Page Melayang Pada Blog, lain waktu akan saya bagi lagi tips blog yang lainnya.

Read More

Cara Membuat Random Post Pada Blog

Cara Membuat Random Post Pada Blog - Cara membuat random post sama saja seperti membuat Recent Post, hanya saja dengan menggunakan cara random (acak) ini menandakan bahwa postingan yang akan muncul di acak, bisa saja artikel ke 7 berada pada posisi 1 atau berapapun karena dengan menggunakan sistem random artikel akan di acak terus menerus. Selain untuk mempercantik tampilan blog, random post ini juga menarik perhatian pengunjung untuk membaca artikel lainnya. Jadi dengan menggunakan random post sangat bermanfaat dan berguna, apa salahnya kita mencoba.

Baiklah mari kita bahas mengenai Cara Membuat Random Post Pada Blog, silahkan Anda simak tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Pilih nama blog yang akan di edit
3. Klik Tata Letak => Tambahkan Gadget
4. Klik HTML/JavaScript
5. Copy dan Paste kode berikut :

<script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write(<ul>);for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0; k < entry.link.length; k++){if(entry.link[k].rel==alternate){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";document.write(item);}}}document.write(</ul>);}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://blogspot.com" target="_blank">Blogspot ID</a></span></span></div>

6. Klik Simpan

Catatan :
Silahkan Anda ganti kode yang berwarna Merah, sesuai dengan angka yang Anda inginkan.

Sekian artikel mengenai Cara Membuat Random Post Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Read More

Cara Membuat Kotak

Menggunakan CorelDRAW X5

Sampeuan sudah tau sendiri apa itu kotak, pada CorelDRAW untuk membuat kotak dengan menggunakan Rectangle tool yang ada pada Toolbox,

Dibawah ini adalah video tutorial singkat cara membuat object kotak;

Read More

Cara Membuat Blog Gratis

Cara Membuat Blog Pribadi Gratis di Blogger | Cara Buat Blog dengan Mudah dan Cepat - Artikel kali ini dikhususkan untuk Anda yang baru mengenal blog di dunia internet yang serba canggih ini. Pada umumnya cara membuat sebuah blog tidak membutuhkan waktu terlalu lama dan dapat dibuat dengan gratis. Beberapa penyedia layanan pembuatan blog yang gratis diantaranya adalah Blogger.com , Wordpress.com , Multiply dan lainnya. Sedangkan untuk yang berbasis framework dan berbayar seperti Wix, Codeignitier, Joomla dan lain sebagainya.

Buat Anda yang sudah memahami tentang cara membuat blog, artikel ini boleh dibaca atau juga tidak tetapi untuk yang masih pemula silahkan ikuti panduan dan tutorial lengkap mengenai cara buat blog gratis dengan platform Blogger ini. Mengapa saya merekomendasikan kepada kalian semua harus memilih blogger?

Beberapa alasan mengapa Anda membuat blog gratis dengan Blogger.com adalah :

• Blogger merupakan Product dari Google.
• Support ke semua layanan Google, seperti Gmail, Google Plus, Google Analytics dan sebagainya.
• Mudah untuk melakukan pengeditan ( HTML 5 dan CSS )
• Tampilan yang simple dan mudah digunakan serta dipahami.
• Memiliki berbagai macam jenis template gratis yang dapat anda gunakan dimanapun.
• Plugin dan Gadget telah ada di dalam blogger tersebut hanya tinggal kita tambahkan atau tidak.

Sebenarnya ada banyak sekali layanan blog gratis yang bisa kita pakai, tetapi untuk yang belum bisa membuat blog lebih baik membuat blog di blogger.com saja, karena menurut saya blogger.com sangat cocok sekali untuk yang baru belajar. Untuk cara membuat blog gratis di layanan seperti wordpress dan blogdetik insya Allah akan saya bahas ditulisan yang lainnya.

Cara Membuat Blog Gratis di Blogger.com :

1. Syarat pertama yang harus kalian lakukan untuk membuat blog di blogger.com adalah mempunyai akun email di gmail.com. Dengan mempunyai email di gmail.com bukan blogger.com saja yang bisa diakses tapi semua fasilitas dari google bisa di pakai. untuk membuat akun email gmail silahkan ketikkan gmail.com dibrowser sobat, atau klik disini. Lalu klik buat akun.

2. Kemudian akan muncul formulir mengenai data-data yang harus Anda isi. Hampir sama ketika kita mendaftar di Facebook, maka diwajibkan untuk kita mengisi formulir mengenai data-data pribadi yang dibutuhkan.

3. Dalam mengisi Nomor Telepon harap masukkan dengan nomor aktif handphone Anda. Karena ini dibutuhkan untuk melakukan verifikasi email di Gmail.com.

4. Lalu klik Submit atau Langkah berikutnya. Dan akan muncul proses verifikasi melalui handphone seperti gambar berikut ini :

5. Lihatlah kode verifikasi yang diberikan ke HP / Telephone anda. Lalu, masukkan kodenya di kotak verifikasi tersebut. Untuk pengguna 3 atau Axis mungkin pengiriman kode dengan SMS dari google akan sedikit lama terkirimnya, jadi harap tunggu.

6. Masukkan foto beserta informasi data pribadi Anda. Hal ini sangat dibutuhkan untuk mengidentifikasi akun Anda di Gmail, Google+ dan Blogger.

7. Pada langkah selanjutnya, langsung saja klik Lanjutkan ke Gmail.

8. Maka akan langsung muncul tampilan email di inbox Gmail anda, contohnya seperti email punya saya ini yang telah saya ganti temanya menjadi gelap. Anda juga dapat melakukan pengeditan themes, panduannya ada di 3 email yang dikirimkan oleh Google.

9. Dari tampilan di atas di bagian pojok kiri Atas ada nama akun Gmail kalian dengan tambahan +, itu adalah link menuju akun Google Plus Anda jadi akan terhubung terus.

10. Sampai dengan tahap ini, akun di Gmail telah selesai dibuat.

11. Sekarang saatnya untuk memulai cara pembuatan blog di blogger dengan mudah. Karena tadi kita telah membuat akun Gmail, jangan keluar dari akun tersebut agar dapat secara otomatis terhubung ke blogger.

12. Masuk ke blogger.com atau dapat klik disini . Lalu, masukkan password anda di gmail.

13. Selanjutnya kalian akan diminta untuk memilih salah satu dari 2 pilihan ini. Pilih yang pertama / nomor 1 agar blog anda dapat senantiasa terhubung ke google+ dan akan lebih mudah terindex di search engine.

14. Langsung saja klik Next untuk melanjutkan.

15. Klik Ikuti agar pada google plus anda setidaknya telah terhubung ke orang orang di dalam circles atau lingkaran Anda. Hampir sama ketika Anda menggunakan Twitter dengan klik Follow.

16. Kemudian masukkan informasi data dan foto kalian. Lalu, klik Next atau Finish.

17. Pada tahap selanjutnya, klik Lanjutkan ke Blogger.

18. Setelah itu, Anda akan secara otomatis masuk ke akun Blogger. Sampai disini akun di Blogger anda telah aktif tetapi belum melakukan langkah pembuatan blog. Untuk membuat sebuah blog klik New Blog atau Create Blog. Terletak di pojok kiri atas, dibawah Nama Akun Blogger Anda. Contoh seperti gambar berikut :

19. Dari gambar diatas, Di bawah kata Ahmad Ridwan Blogs ada tulisan New Blog, klik bagian tersebut untuk membuat Blog baru.

20. Lalu, masukkan judul , url, dan nama blog anda.

Judul Blog adalah sebuah judul yang merupakan sebuah kata utama mengenai isi blog Anda. Jadi, apabila anda ingin membuat blog untuk berjualan maka buatlah judul yang berkaitan dengan kata jualan. Hal ini akan sangat berpengaruh bagi kesuksesan blog Anda.

URL adalah alamat blog anda. Alamat ini digunakan untuk melihat blog Anda dan mengarahkan pencarian search engine ke halaman kalian.

Template Blog adalah bagian antarmuka dari tampilan blog Anda yang akan diperlihatkan ke publik atau semua orang.

21. Klik Create Blog.

22. Setelah selesai dibuat. Anda akan diarahkan ke halaman Dashboard Blogger. Untuk melakukan posting artikel klik Start Posting. atau klik gambar pensil berwarna orange. Dianjurkan kepada Anda yang ingin berbisnis melalui Google Adsense pilih bahasa menjadi English. Karena apabila blog Anda menggunakan bahasa Indonesia tentu tidak akan diterima.

23. Untuk menulis, silahkan isi di kotak besar paling besar adalah isi artikel. Sedangkan diatasnya adalah Judul Artikel. Dan di bagian samping kanan isikan Labels atau kategori dari artikel Anda. Anda dapat mengisinya sesuai keinginan Anda. Lebih baik isi dengan 1 atau 2 kata saja, jika ingin menambahkan kategori pakailah tanda koma ( , )

24. Jika telah terisi dan sesuai dengan artikel yang ingin anda buat. Klik Publish atau Publikasikan. Apabila Anda ingin menyimpannya saja tanpa terlihat ke orang lain dan masih belum selesai dalam membuat artikel, klik Draft. Untuk melihat bagaimana hasilnya klik Pratinjau.

25. Setelah Anda klik Publish maka secara otomatis postingan artikel tersebut dapat dilihat oleh orang lain di dalam blog Anda.

26. Untuk melihat silahkan klik Lihat Blog.

27. Sampai disini Anda telah selesai membuat blog.

Itulah tadi, cara membuat blog gratis dengan mudah di blogspot. Untuk meakukan posting kedua caranya adalah klik Nama Blogger Anda sesuai dengan gambar langkah no.26 yang ada di kotak sebelah kiri diatas. Mungkin bagi Anda yang masih pemula, membuat blog itu susah. Tetapi, ketika anda telah menjalaninya secara rutin tentu akan terasa sangat mudah. Apalagi blogger.com adalah media untuk membuat blog gratis dan tidak perlu kita melakukan pembayaran. Dari, pembuatan blog ini biasanya dimanfaatkan untuk memasang iklan , mencari uang, dan lainnya. Untuk membuat tampilan Anda lebih interaktif dan disukai pengunjung dapat mendownload template disini .

Terimakasih telah mengikuti langkah-langkah mengenai panduan dan tutorial cara membuat blog gratis di blogger. Apabila ada pertanyaan, saya akan membalas dan menjawab pertanyaan kalian dengan senang hati di kotak komentar dibawah ini. Semoga bermanfaat.

Read More