Memasang animasi kembang api di Blog

Dalam rangka menyambut tahun baru 2015 tentu banyak orang yang menunggu akan pergantian tahun baru dan biasanya banyak kembang api yang di nyalakan pada malam pergantian tahun. Selain dari itu, sebagai penulis di blog haris-larva saya mencoba mencari bagaimana memasang animasi kembang api di blog dan ternyata dapat juga di om google. Mau tau caranya ? ikuti langkah - langkah di bawah ini :

1. Masuk di akun blogger anda.
2. Setelah anda membuka halaman dashbord blog anda maka selanjutnya anda pilih Tata Letak.
3. Setelah tampil tata letak halaman blog anda selanjutnya anda klik Add Widget.
4. Setelah anda klik tombol Add Widget maka akan muncul kotak dialog untuk menambahkan widget lalu cari HTML/Java Script.
5. Selanjutnya Paste script di bawah ini di dalam kotak teks tersebut dan kotak title di kosongkan lalu klik tombol simpan.

Itulah cara memasang animasi kembang api di blog, mudah-mudahan ini bermanfaat buat teman-teman bloger semua. Salam Sejahtera dan Selamat menyambut Tahun Baru 2015.

Langkah-langkah memasang Tools Parse di halaman blog

Tools parse merupakan suatu aplikasi yang dapat di gunakan untuk convert script agar dapat di tampilkan di sebuah halaman blog. Untuk memasang tools parse perhatikan langkah-langkah berikut ini :

Langkah-langkah memasang Tools Parse adalah sebagai berikut :

1. Kunjungi situs www.gmodules.com
2. Setelah anda masuk di halaman gmodules anda ubah layout atau bentuk tampilan tools parse sesuai dengan keinginan anda.
3. Setelah anda ubah pengaturan yang ada maka klik tombol lihat dulu perubahaan untuk melihat hasil perubahan tampilannya.
4. Untuk melihat script yang akan di pasang di halaman blog maka anda klik tombol Dapatkan Kode.
5. Langkah selanjutnya anda copy code tersebut yang ada di bawah tombol tersebut.
6. Masuk di halaman admin blog anda dan pilih tambah entri baru, setelah terbuka untuk penambahan artikel baru maka anda klik tombol HTML di samping tombol Compose lalu paste kode yang anda copy sebelumnya.
7. Selesai.

Berikut ini adalah tampilan Tools Parse :

Memasang widget artikel terbaru menarik di blog

Widgetpada sebuah blog memang sangat di perlukan untuk mempermudah pengunjung blog atau visitor berselancar dalam sebuah situs web/blog, ada banyak widget yang dapat kita pasang pada halaman blog diantaranya, widget posting popular, head line news, posting terbaru dan lain-lain. Dengan adanya widget tersebut pengunjung dapat dengan mudah melihat postingan yang populer atau yang sering di baca serta headline news untuk menampilkan berita-berita terbaru dari situs penyedia berita. Begitupun widget untuk postingan/artikel terbaru untuk menampilkan postingan atau artikel yang baru saja di posting. Pada kesempatan ini saya akan berbagi pada sobat tentang memasang widget artikel terbaru pada blog. Untuk lebih jelasnya simak langkah-langkah berikut ini :

1. Langkah pertama anda masuk di akun bloger anda 
2. Setelah anda login dan masuk di akun anda, anda masuk di pengaturan tata letak. 
3. Setelah muncul halaman tata letak, selanjutnya anda klik pada link Tambahkan Gadget pada bagian kiri halaman anda jika anda ingin menempatkannya di sebelah kiri halaman blog anda. 
4. Setelah anda klik tambahkan gadget maka akan muncul kotak tambahkan gadget, selanjutnya anda cari widget HTML/JavaScript dan klik link tersebut sehingga muncul kotak teks. 
5. Selanjutnya anda copy script di bawah ini lalu pastekan di kotak teks tersebut.
<script language="JavaScript">imgr = new Array();imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";showRandomImg = true;boxwidth = 298;cellspacing = 8;borderColor = "#ffffff";bgTD = "#000000";thumbwidth = 40;thumbheight = 40;fntsize = 8;acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = false;summaryPost = 40;summarFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 10;home_page = "http://pencariinfo.com/";</script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
6. Pada url: http://pencariinfo.com anda ganti dengan alamat blog anda.
7. Kemudian pada bagian judul anda masukkan titlenya misalkan Artikel Terbaru. Setelah selesai anda kerjakan kedua langkah tersebut selanjutnya anda klik tombol simpan. 
8. Setelah anda menyimpannya, selanjutnya untuk melihat hasilnya anda klik tombol lihat blog pada halaman admin anda.

Cara memasang form penginputan data pada halaman blog

Form digunakan untuk merepresentasikan ke user atau menerima inputan dari user data-data dalam tabel dalam bentuk interface, tombol dan lain-lain. Form sangat diperlukan apabila kita hendak menyimpan data dalam sebuah database dengan tujuan untuk mempermudah penginputan datanya. Dalam kasus misalkan anda menginginkan pendaftaran melalui online maka anda harus membuat atau mendesain sebuah form yang memungkinkan pengunjung untuk melakukan penginputan lewat online. Namun untuk mendesain secara manual maka itu akan membutuhkan waktu yang lama, apalagi kita baru mempelajari yang namanya bahasa pemrograman web. Pada kesempatan ini penulis akan memberikan tutorial bagaimana cara membuat/mendesain sebuah form tanpa mengetahui tekhnik khusu atau tanpa menguasai bahasa pemrograman web. Untuk itu simak langkah-langkah berikut ini :

1. Langkah pertama anda harus login di akun blogger atau akun Gmail anda.
2. Setelah anda berhasil login, anda klik kotak-kotak kecil yang ada pada pojok kanan.
3. Langkah selanjutnya anda pilih menu Drive atau anda klik link ini, sehingga muncul jendela google drive.
4. Langkah selanjutnya anda klik tombol Create, setelah anda klik menu form maka akan tampil kotak dialog Choose title and theme dan anda harus mengisi judul misalkan form register serta pilih salah satu thema yang anda inginkan lalu klik tombol OK. 
5. Langkah selanjutnya anda desain form sesuai dengan kebutuhan anda serta menambahkan objek dengan mengklik tombol Add item dan pilih salah satu jenis objek yang anda butuhkan. Jika sudah selesai maka anda klik tombol Done lalu menambahkan lagi objek dengan cara mengklik tombol Add Item. 
6. Setelah anda sudah selesai mendesain form sesuai dengan selera anda, langkah selanjutnya anda klik tombol Send Form selanjutnya akan muncul kotak dialog seperti gambar di bawah ini : 
   
7. Selanjutnya anda klik tombol Embed maka akan muncul kotak dialog seperti gambar di bawah ini : 
   
8. Selanjutnya anda copy script frame tersebut dan paste di halaman postingan blog anda dengan cara membuat entri baru lalu ganti tab compose menjadi tab HTML. Setelah anda tempelkan script tersebut selanjutnya anda simpan dan publikasikan serta lihat hasilnya di halaman bloga anda. 
9. Untuk pembuatan form sudah selesai, jika anda akan melihat hasil penginputan data yang sudah anda input melalui form yang anda tampilkan di halaman blog anda, caranya anda masuk kembali di akun google drive anda seperti langkah sebelumnya, lalu pada halaman tersebut anda pilih nama design form yang anda sudah buat sehingga muncul form untuk pengeditan tersebut. Akan tetapi pada langkah ini kita tidak akan merubah design form tetapi kita akan menampilkan hasil dari proses entri data atau penginputan data yang di input lewat form pada halaman blog. 
10. Setelah halaman form anda sudah terbuka maka anda klik menu View Responses sehingga muncul table yang berisikan daftar entri data yang sudah anda input melalui form yang ada pada halaman blog anda. 
11. Untuk mencetak data tersebut anda tinggal klik icon print yang ada  dibawah menu file. Jika icon print tersebut tidak muncul anda bisa klik menu file lalu muncul menu drop down anda klik menu print. Setelah anda klik menu print maka akan terjadi proses download yang berbentuk file PDF. Pada file pdf tersebutlah anda melakukan proses pencetakan untuk di cetak dalam sebuah kertas.
12. Selesai cara pembuatan form serta menampilkan hasil proses penginputan datanya. 

Cara memasang label menarik di blog

Memasang label pada sebuah blog tentunya memberikan suatu kemudahan pada pengunjung blog kita agar bisa mencari artikel yang ada pada blog kita dengan cara mengklik berdasarkan label artikel. Untuk menampilkan gadget label tentunya sudah di sediakan di blogger namun terkadang kita menginginkan label tersebut terlihat menarik baik dari warnanya dan bergerak jika di arahkan kursor diatasnya. Nah, untuk membuat label yang menarik pada sebuah blog maka ikuti langkah-langkah berikut ini.

1. Login di akun blog anda.
2. Setelah anda sudah login masuk di menu Template lalu klik Edit HTML, lalu cari script ]]></b:skin> dengan cara menekan Ctr + F untuk melakukan find/pencarian.
3. Setelah anda dapatkan script tersebut maka letakkan script dibawah ini pas diatas kode tersebut lalu klik Save Template dan lihat hasilnya pada blog anda.
.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #ADFF2F; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size { float: left; margin: 0 0 7px 20px; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-decoration: none; color: #996633; text-shadow: 0px 1px 0px rgba(255,255,255,.4); padding: 0.417em 0.417em 0.417em 0.917em; border-top: 1px solid #d99d38; border-right: 1px solid #d99d38; border-bottom: 1px solid #d99d38; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0; background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47'); -webkit-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); z-index: 1; } .label-size:before { content: ''; width: 1.30em; height: 1.39em; background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47'); position: absolute; left: -0.69em; top: .2em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #d99d38; border-bottom: 1px solid #d99d38; -webkit-border-radius: 0 0 0 0.25em; -moz-border-radius: 0 0 0 0.25em; border-radius: 0 0 0 0.25em; z-index: 1; } .label-size:after { content: ''; width: 0.5em; height: 0.5em; background: #fff; -webkit-border-radius: 4.167em; -moz-border-radius: 4.167em; border-radius: 4.167em; border: 1px solid #d99d38; -webkit-box-shadow: 0 1px 0 #faeaba; -moz-box-shadow: 0 1px 0 #faeaba; box-shadow: 0 1px 0 #faeaba; position: absolute; top: 0.667em; left: -0.083em; z-index: 9999; } .label-size:hover { background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c'); border-color: #e1b160; } .label-size:hover:before { background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c'); border-color: #e1b160; }
4. Selesai.

Cara memasang widget info di pojok kiri blog

Widget Info merupakan widget yang dapat di gunakan untuk memasang informasi-informasi tentang blog atau tentang admin blog maupun informasi-informasi yang lainnya. Dalam memasang widget info pada sisi kiri blog bisa anda simak Langkah-langkah memasang widget info di sebelah kiri blog berikut ini :

1. Masuk akun blog anda lalu pilih tata letak. 
2. Setelah anda pilih tataletak, selanjutnya anda klik yang ada tilisan Tambahkan Gadget . 
3. Selanjutnya pada kotak dialog tambahkan gadget, anda cari  gadget HTML/JavaScript lalu klik. 
4. Selanjutnya copy script di bawah ini dan paste didalam kotak konten tersebut.

<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;-moz-box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;-webkit-box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#39ee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style><div id='info-teja'><span class='Tejatouch'>info</span><div class='Tejainbox'><div class='Tejainbox2 teja15'><h2>WELCOME</h2><p style='text-align:justify'>Selamat datang di blog haris-larva saya senang Anda berada di sini, dan berharap Anda sering mampir dan memberikan komentar tentang isi dan tampilan blog ini.</p><h2>Sekilas Tentang Admin</h2><img height='130x' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiesYzRvYYEAmA73eETGqxRKFXP_5l4cgyk8JyaXMOXNfXpVRGNu7s3tJsi5wVhwExbvKDyLSJEbMKl5b2QiiGqz6ssZ8eb446EBlkgYScYp-hlmZWlNbPC8UKfS-QdOK0FuaQsqZ9h4_fs/s196-p-no/' width='100px'/><img height='130x' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2GowkppvKoisZ5Np6Fo3fyzT3Dp1Iimb_de1KHJsAMUv1OAhJYQ-sABRS50k8xNeOJlkuTY9b7IVmy5QxIdYLv9NiRF6MK1O1Ha48w8aylgLSikTZldRrZFe7ifvrDBRfx5tpgfZHVnJ0/s196-p-no/' width='100px'/><p style='text-align:justify'>Nama Aris Susanto, Saya adalah mahasiswa STMIK Bina Bangsa Kendari dan salah satu anggota organisasi Information Technology Computer Community (INTELCOM). Tujuan saya membuat blog adalah menjadikan media untuk saling berbagi pengetahuan di Internet.</p></div></div></div> 
   5. Pada script tersebut anda bisa merubahnya sesuai dengan informasi dan fhoto anda.
   6. Setelah selesai maka klik tombol simpan.

Cara memasang widget translete menarik di blog

Widget google translete merupakan suatu widget yang dapat di gunakan untuk memberikan kemudahan bagi pembaca/pengunjung blog untuk mentranslete artikel dengan beberapa bahasa, misalkan bahasa inggris dan lain sebagainya. Untuk menambahkan widget google translete berikut ini penulis akan berikan langkah-langkahnya.

1. Langkah pertama anda login di akun blogger.
2. Setelah anda sudah masuk di akun blog anda masuk ke menu Tata Letak.
3. Pada menu tata letak pilih Tambah Gadget pada bagian mana akan anda tempatkan widget google transletnya.
4. Setelah anda klik Tambah Gadget maka akan muncul daptar kotak Gadget, lalu anda cari gadget HTML/JavaScript dan klik link tersebut, lalu copy skrip di bawah ini dan paste tepat di kotak teks, jika anda ingin menuliskan judulnya juga bisa dan jika tidak dituliskan tidak ada masalah. <style>.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style><div><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-FjsUGE2aMcCG4sny1UL9UJ8Hj5ZAP0dcp1k6xQsdCBILFk23AO0fgFCOZrD2vZufkHZtuv3ejGCnDFhg0SzVlKBb9NTWceaQtAGdX2aZV5PDiCMuW_YRoPcumEQTSCNA0CeHykOQ7Y/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-XHFDnVkQtGTpJCwtocFdmU6f9KBaMQTKQAZ6aUahofdHx1Q2d_3ERM3_6WfbK_S9v39IhOQpQM9vkiNCTwhxgu9Ygb78SwTQNqLq1yXNNGBr1GdgX7NNWLvAho_cg95SV_gQKecoFU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1q3BIui0EwP34StwKlt-R6DNRx-4vkRWPELxkp8Oby60D2O0jM05Fw1b3Mjj9QncRGsIL1CcWqkct9f6OwQza2P-mbQXgOU2d3ls1k5Y2AL5RS3_FQXB1o5w_Ot6PfT3B8_fHKnUWvuMV/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif8dMoMXDdDEedc3dbqz9o8DJEPD8mvN0dLamgUyRS0mG7IcOYlnJKUHEdfF8qa_u7Hz_pW337hWF11iQvml4yOR_PWLviP4AFTnCkqFJ5OSDAzSbIIi5JBw_SnDFMhQAZIO-tlhbEg0uY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlqRnyeT46bVSgee7dtZri62NCxnLAd6Xpm0iy1sdHu40gz2Zhdb1DpQMzx1jU5GaxN2BQotPmDy3nkw6yvuU-_L1h6rb5Ca3g86Da9aBH_nJOfgJk29MDi7S0lRjAh0k3eMV37sd5JY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5uArkOpJ_rPZShBDj5w-EyVQVYICUld45FLtcCWff73ujXP6dZUpg8kqmRLaj-ezIqX8mvUqPe8qKi5ZoqKo9XOSJB5eswOF65TTFrOIBQfRiUPYJ4-C3_pbAZonUMmz4Gk1dmUbvng/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5rrBp5Qg9y5g7HvMWBqIeXiuLKzyaGfbElTAvvlrDl5h6NqUEOVPBwGkj0cs-IVg9qiVr998ffPxIMiVd6a6tixS24gfQTMuKwjMcjYZigBNpMAocT3lavwI7G8WoJiO4xRhiZon0ig/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNodE0cXpO5fS_YSg5mJoOgHXuoGPprnyVBdebpWN39-gHDTcpNjWLZeJc1bfZ0uXIutMY-w9QRwg79y_W6LoqJ9NDsSJZ13iN_wHjzSwjvXO3mFfbkHLCEREPHIFmNiNsq3Iagl_ffYg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div>
5. Setelah anda paste  lalu tekan tombol Simpan dan lihat hasilnya.
6. Selesai.

Link sumber tercopy automatis pada saat artikel di copy

Link sumber merupakan hal terpenting dalam sebuah postingan karena dengan link sumber tersebut seseorang dapat mengetahui di blog mana di ambil atau di dapatkan artikel tersebut. Untuk mengikutsertakan link sumber artikel yang anda miliki agar pada saat orang lain atau pembaca artikel anda mengcopy file anda dapat tercopy automatis dapat di lakukan dengan langkah-langkah berikut ini :

1. Masuk di akun blogger.
2. Masuk pada menu template
3. Cari kode tag </body> pada script template anda dengan cara tekan control + F lalu ketikkan tag </body>.
4. Copy code di bawah ini lalu vaste tepat di atas tag </body>.

<script type='text/javascript'> if(document.location.protocol==&#39;http:&#39;) { var Tynt=Tynt||[];Tynt.push(&#39;cXIEhKYVSr4lJ5adbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;&quot;}; (function(){var s=document.createElement(&#39;script&#39;); s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src= &#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0]; h.parentNode.insertBefore(s,h);})(); } </script>

     5. Simpan perubahan template anda dan lihat hasilnya.

Itulah cara agar link sumber data secara automatis tercopy pada saat orang lain mengcopy artikel pada blog yang anda miliki.

Langkah cepat membuat blog pribadi

Blog merupakan alat atau media yang di sediakan oleh google yang di gunakan untuk menyajikan informasi-informasi secara online, Untuk menyajikan sebuah informasi ada banyak cara selain menggunakan blogger yang di sediakan oleh google, ada beberapa CMS lain yang biasa di gunakan seseorang di antaranya adalah WordPress, Drupal, Joomla, dan lain-lain. Untuk menggunakannya tergantung dari yang di kuasai seseorang. Nah, pada artikel ini akan di bahas tentang pembuatan blog, akan tetapi sebelum kita membuat sebuah blog tentu kita harus tau apa yang di maksud dengan blog. Sedikit pengertian tentang blog akan yang akan di jelaskan.

Blogmerupakan singkatan dari web log yang artinya bentuk aplikasi web yang menyerupai tulisan-tulisan yang di muat sebagai posting ada sebuah halaman web umum. (Sumber : http://id.wikipedia.org/wiki/Blog). Blog sendiri memiliki banyak fungsi seperti menjadikan sebuah catatan harian, menjadikan sebagai media publikasi, menjadikan sebagai media pemasaran produk dan lain-lain.

Langkah – langkah membuat blog antara lain :

1. Terlebih dahulu anda harus mempunyai akun google jika belum memiliki akun daftar dulu di Google.
2. Setelah anda mendaftar, masuk di akun blogger anda dengan menggunakan akun anda.
3. Pada halaman awal blogger anda klik tombol Blog Baru atau New Blog.
4. Setelah anda mengklik tombol New Blog atau blog baru maka akan muncul seperti gambar di bawah ini. 
   
5. Jika sudah muncul seperti gambar di atas selanjutnya pada kolom judul isikan dengan nama judul blog anda, seperti contoh pada gambar di atas. 
6. Pada kolom alamat anda isikan dengan url atau alamat blog anda, akan tetapi anda tidak perlu mengetik www dan blogspot.com langsung saja alamat intinya.
7. Selanjutnya anda pilih salah satu template yang sudah di sediakan oleh blogger lalu klik tombol buat blog. Setelah anda klik tombol buat blog maka selanjutnya akan di tampilkan nama judul blog anda.
8. Untuk melihat hasil blog yang anda buat klik tombol lihat blog. Sedangkan untuk membuat postingan baru anda klik tombol yang bergambar pensil dan untuk masuk di daftar entri klik tombol yang bergambar kertas serta untuk melihat opsi lainnya klik tombol panah kecil di samping tombol daftar entri yang bergambar kertas.
9. Selanjutnya untuk mengatur dan memperindah halaman blog anda tinggal anda atur dan bagaiamana agar lebih indah dan bisa menarik bagi pengunjung.
10. Selesai.