Cara Memasang Kalender

2 Cara Memasang / Membuat widget Kalender Pada Blog

1. Menambahkan Kalender yang Telah Tersedia Pada Blog

• Pertama, Pastikan anda sudah terhubung dengan Internet.
• Selanjutnya, Buka browser internet pada komputer atau laptop atau lainnya.
• Kemudian, Masuk ke Akun Blogger.com masing - masing.
• Setelah masuk ke dashboard blog, Silahkan klik ikon anak panah yang sesiau dengan gambar di bawah ini.
• Kemudian, Pilih menu Tata letak.

  

  1. Cara Memasang Widget Kalender di Blog
• Selanjutnya, Silahkan Klik Tambah Gedget. Dimana posisi yang sesuai selera masing - masing.
• Setelah itu, Akan muncul halaman browser sesuai gambar di bawah ini.

  

  2. Cara Memasang Kalender di Blog

• Langkah Berikutnya, Pilih kategori Gedget pada kolom sidebar disebelah kiri sesuai gambar diatas.
• Kemudian, Klik Daily Calendar.

Terakhir, Anda sesuaikan tanggal sekarang. Bila telah selesai tekan tombol simpan.

Selesai, Kalender sudah terpasang di blog anda masing - masing.

2. Menambahkan Kalender  Dengan Desain Lain Pada Blog

Cara memasang kalender di blog

• Pertama, Seperti biasa, Pastikan anda terhubung dengan Internet.
• Selanjutnya, Buka browser internet pada komputer, Laptop dan lainnya.
• Berikutnya, Masuk ke akun Blogger.com masing - masing.
• Selanjutnya kita akan di bawa kepada halaman dashboard.
• Setelah itu, Jika anda ingin mendapat widget kalender dengan desain yang lain. Kita bisa mencari di internet yang menyediakan kode - kode kalender yang di pasang di blog.
• Kemudian, Kita bisa mengcopy kode atau script nya. Berikut contoh alamt webnya http://www.calendarlabs.com.
• Selanjutnya, Pada halaman web tersebut. Anda tinggal memilih jenis kalender yang ingin anda pasang di blog masing - masing.
• Kemudian, Klik tombol Use this Widget.
• Dengan begitu, Maka akan muncul  kolom script. Dan langsung anda Copy Script tersebut.
• Setelah itu, Anda kembali masuk ke dashboard blog masing - masing.
• Kemudian, Klik ikon anak panah sesuai gambar di bawah ini.
• Selanjutnya, Pilih menu Tata Letak.

  

  1. Cara Memasang Kalender Di Blog

• Setelah itu, Pilih Tambah Gedget yang sesuai dimana ingin diletakkan kalender tersebut.
• Selanjutnya, Pilih HTML/JavaScript.

  

  2. Cara Memasang Kalender Di Blog

• Berikutnya, Pastekan kode yang anda copy tadi pada kolom konten.
• Terakhir, Klik tombol simpan.

  

  3. Cara Memasang Kalender Di Blog

• Selesai. Kalender telah terpasang di blog anda masing - masing.

Demikianlah tentang 2 Cara Memasang / Membuat Kalender di Blog yang keren dan sangat mudah tentunya. Mudah - mudahan dengan adanya artikel di atas dapat membantu kita semua. Dan apabila ada kesalahan kami mohon ma'af dan terima kasih atas kunjungannya. Baca juga Cara Memasan Musik di Blog AutoPlay. Terima Kasih.

Cara Memasang Jam di Blog

Cara Memasang Jam di Blog- Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi.
Satu jam terdiri dari:

• 60 menit
• 3600 detik

Untuk anda yang ingin terlihat cantik blog nya penambahan jam adalah salah satu alternatifnya, Penambahan jam di blog tergolong sangat mudah anda tinggal mengcopy kode HTML nya saja, Masalahnya Bisakah anda membuat agar blog anda terlihat lebih menarik ketika menambahkan jam di blog anda.

Cara Pasang Jam Pada BloG Terbaru

1. Kunjungi situs Clocklinkgallery
2. Pilih animasinya sesuai keinginan
3. Klik view HTML tag
4. Klik tombol tulisan accept
5. Pilih waktu sesuai negara
6. Set ukuran jam
7. Copy kode HTML tersedia
8. Login akun blogger
9. Pilih tata letak
10. Klik tambah gadget
11. Pilih HTML javascript
12. Paste kode tadi
13. Klik Simpan

 Contoh Kode HTML

<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=007&timezone=PST&color=gray&size=150"></iframe>

Tutorial PHP

Tutorial Lengkap Belajar PHP MySQL Untuk Pemula

Pada tutorial Lengkap belajar PHP MySQL untuk pemula ini mencakup dasar-dasar pemrograman MySQL dengan PHP. MySQL adalah sistem manajemen database yang populer. PHP tersedia gratis dan bisa bekerja dengan hampir semua perangkat lunak database, termasuk Oracle dan Sybase tetapi paling sering digunakan adalah database MySQL. Seperti PHP, perangkat lunak database MySQL tersedia secara gratis.
Karena PHP dan MySQL disediakan secara gratis, maka tidak heran jika banyak pengembang web menggunakan PHP dan MySQL. Selain gratis, PHP dan MySQL sangat stabil untuk diaplikasikan pada software skala kecil maupun besar. Banyak CMS yang telah memanfaatkan PHP dan MySQL, contohnya WordPress, Joomla, Drupal dan sebagainya.

Tutorial PHP: PHP secara singkat

• PHP adalah perangkat lunak open-source alias gratis
• PHP kependekan dari PHP: Hypertext Preprocessor (Personal Home Page).
• PHP adalah bahasa skrip server-side, lawan dari Javascript yang client-side.
• PHP hampir bisa mendukung kebanyakan database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.)
• PHP didukung hampir semua Sistem Operasi (OS).

Tutorial MySQL: MySQL secara singkat

• MySQL adalah perangkat lunak server database open-source alias gratis
• MySQL bisa diaplikasikan dengan baik pada aplikasi skala kecil ataupun besar.
• MySQL didukung hampir semua Sistem Operasi (OS).

Belajar PHP MySQL: Persiapan awal

Sebelum melangkah lebih jauh, diharapkan anda sudah memahami poin dibawah ini:

• Anda sudah memahami dasar-dasar MySQL dan PHP.
• Download dan sudah menginstal versi terbaru dari MySQL.
• Download dan sudah menginstal Apache versi terbaru.
• Mengetahui username dan password server MySQL.

logo xampp

Jika Anda belum menginstal MySQL dan Apache, silahkan anda kunjungi tutorial “ Cara Install XAMPP Web Server di Windows ”. Setelah anda mengikuti tutorial tersebut maka untuk username MySQL adalah “ root “ dan password-nya kosong. Berikut adalah gambar dari tabel karyawan dalam database test_db yang merupakan hasil akhir dari tutorial.

Tabel hasil Belajar PHP MySQL

Tutorial Lengkap Belajar PHP MySQL: Daftar Tutorial

Setelah anda sudah install PHP dan MySQL, langkah selanjutnya adalah mencoba dan mempelajari tutorial dibawah ini secara berurutan, mulai koneksi sampai backup database MySQL melalui skrip PHP.

1. Cara Membuka Menutup Koneksi MySQL PHP – Mempelajari cara menggunakan PHP untuk membuka dan menutup koneksi database MySQL.
2. Cara Membuat Tabel dan Database MySQL di PHP – Bagian ini menjelaskan cara membuat database MySQL dan tabel menggunakan PHP.
3. Cara Menghapus Tabel dan Database MySQL di PHP – Bagian ini menjelaskan cara menghapus database dan tabel MySQL menggunakan PHP.
4. Cara Insert Tambah data Database MySQL PHP – Setelah membuat database dan tabel maka selanjutnya mempelajari memasukkan data ke dalam tabel yang telah dibuat.
5. Cara Menampilkan Data Database MySQL PHP – Mempelajari cara untuk mengambil dan menampilkan data dari database MySQL menggunakan PHP.
6. Membuat Halaman Paging dengan MySQL PHP – Pada bagian ini menjelaskan bagaimana menggunakan query untuk membagi hasil data menjadi beberapa halaman dan sekaligus membuat link navigasi.
7. Skrip Cara Update Data Tabel MySQL di PHP – Bagian ini menjelaskan cara memperbarui data yang ada dalam database MySQL menggunakan PHP.
8. Cara hapus data Tabel di Database MySQL PHP – Bagian ini menjelaskan cara menghapus atau membersihkan data yang ada di database MySQL menggunakan PHP.
9. Cara Backup Restore Database MySQL di PHP – Mempelajari cara untuk membuat dan menggunakan backup dari database MySQL untuk tujuan keamanan.

Contoh-contoh skrip atau tutorial diatas merupakan contoh sederhana, anda bisa mengembangkan sesuai kebutuhan pengembangan web. Demikian tutorial lengkap belajar PHP MySQL untuk pemula, semoga bisa membantu untuk lebih mendalami ilmu PHP dan MySQL.
Sumber : PHP – MySQL

Belajar Kode HTML Dasar

Belajar Kode-kode HTML Dasar

Semoga kali ini sangat bermanfaat untuk bisa berbagi Kode-kode HTML dibawah ini untuk Para Sobat Blogger dan Pembaca sekalian.

Kode-kode HTML itu sebenarnya merupakan salah satu syarat yang harus dimiliki sebagai seorang blogger untuk bisa lebih afdhol gitu hloo...

Tapi ya tidaklah segitunya koq Sobat... Maksud tutor26 tadi itu hanya untuk memberikan semangat supaya Kita mau Mempelajari Kode-kode HTML Dasar, itu saja.

Mari Kita semua BELAJAR !!!

---

Membuat Center, gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar

---

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar

---

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar

---

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

---

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

---

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

---

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

---

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar

---

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :


Namanya juga hidden.. tentunya tidak kelihatan laaah...xixixixiii...

---

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar

---

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar

---

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4₂</p>hasilnya seperti ini:
4₂

---

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4²</p> hasilnya seperti ini:
4²

---

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

---

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar

---

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

---

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

---

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

---

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1


• DOT 2


• DOT 3

---

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:

Belajar

---

Membuat tabel border solid gunakan kode:

<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>

hasilnya seperti :

Text

---

Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:

Text

---

Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

---

Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

---

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

*Tabel-tabel diatas, support pada browser IE (Internet Explorer).

Cara Membuat Readmore Pada Blog

Cara membuat readmore otomatis dengan gambar

• Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
• Cari Kode </head>.
• Copy paste kode dibawah ini tepat di atas kode </head>

<!--ReadMore http://trikseosimple.blogspot.com-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

• Save Template anda.
• Kemudian scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.

• Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
• Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut

• Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
• Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
• selanjutnya akan terbuka kode kode yang lain.
• geser atau scrol ke bawah dan cari kode 

 <data:post.body/>

•  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

• Klik SAVE / SIMPAN dan lihat hasilnya.

Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.

Cara Memasang Widget

Cara memasang widget

Widget atau di blogger.com disebut Gadget merupakan sebuah konten di dalam blog selain postingan dari blog itu sendiri. Widget ini biasanya berada di bagian sidebar blog.

Widget di dalam blog bisa dipasang, dicopot, dan juga dipindah-pindah sesuai keingingan. Selain itu widget ini sifatnya opsional, nggak harus dipasang di blog. Jadi sobat bisa membuat blog tanpa memasang widget sama sekali.
Berikut ini adalah langkah-langkah untuk memasang widget atau gadget di blogger:
#1. Pertama pastinya login dulu ke dasbor blog sobat
#2. Setelah login, masuk ke menu “Tata Letak”
#3. Nah di sini sobat bisa menambah widget dengan mengklik “Tambahkan Gadget”

#4. Di blogger.com sudah disediakan beberapa gadget yang siap untuk dipasang. Tentunya sobat nggak wajib untuk memasang semuanya. Cukup pilih widget yang benar-benar dibutuhkan.

Widget apa saja yang perlu dipasang?

Kebanyakan blogger pemula biasanya terlalu berlebihan dalam mamasang widget di blogger. banyak yang menganggap kalau semakin banyak widget yang terpasang di blog maka blognya akan semakin keren. Padahal kenyataan sebenernya adalah sebalikanya.
Semakin sedikit widget yang terpasang di blog maka akan semakin bagus. Alasannya karena jika memasang terlalu banyak widget akan membuat bingung pengunjung, selain itu juga akan membuat loading blog semakin lama.
Berikut ini adalah beberapa widget rekomendasi yang sebaiknya dipasang di blog:

• Widget Entri Populer
• Widget Label
• Widget Arsip
• Widget Profil

Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widget HTML/JavaScript.
Fungsi widget ini untuk menambahkan widget menggunakan kode HTML dan juga JavaScript. Umumnya digunakan untuk memasang widget pihak ketiga (widget bukan dari blogger.com) dan juga untuk memasang banner iklan.

Tutorial membuat blog

Cara membuat blog di blogger.com

Untuk membuat blog di blogger.com sangatlah mudah sekali. Yang sobat butuhkan hanyalah akun Google setelah itu tinggal mendaftar gratis di www.blogger.com.

Silakan bisa disimak caranya berikut ini:
#1. Masuk ke https://blogger.com
#2. Login menggunakan akun Google milik sobat. Jika belum punya, silakan bikin dulu.

#3. Jika sebelumnya sobat belum membuat profil Google+ maka klik “Buat profil Google+” tapi kalo sudah punya profil Google+ maka langsung lompat ke langkah berikutnya.

#4. Klik “Lanjutkan ke Blogger”

#5. Klik “Blog baru” untuk membuat blog baru

#6. Isi detail blog sobat, setelah itu klik “Buat blog!”

#7. Blog sudah jadi. Untuk melihat blog sobat tinggal klik tombol “Lihat blog”