Memasang Password Artikel & Widget

Untuk membaca artikel Memasang Password Artikel & Widget ini

Klik Disini

Key : panduantemplateblog

Memasang Tombol Sosial Media Di Halaman Artikel Blog

Apa sich gunanya Memasang Tombol Sosial Media Di Halaman Artikel Blog? Bukahkah dengan memasang tombol sosial media tersebut akan memperberat loading blog karena adanya penambahan script redirect ke server situs sosial tersebut? Misalnya script dari facebook atau pun twitter yang notabene akan menambah jumlah script di blog. Tapi menurut beberapa blogger dan tujukan dari Google, dengan memasang tombol sosial di blog akan menambah nilai SEO blog atau artikel tersebut semakin bagus karena adanya share dari setiap pengunjung blog. Dengan adanya share tersebut menunjukkan kalau blog atau artikel tersebut berguna bagi semua orang sehingga banyak yang melakukan share. Benarkah seperti itu? Entahlah yang pasti dengan memasang tombol sosial di setiap artikel blog hanya akan mempermudah pengunjung blog membagikan artikel tersebut ke dalam akun sosial mereka

Sehingga jika link artikel blog yang dibagikan sudah berada di akun sosial pengunjung blog yang melakukan share tadi, maka kemungkinan besar akan dibaca dan di klik oleh teman-temannya. Jika potongan artikel blog yang dibagikan menarik untuk dibaca, maka kemungkinan besar akan menambah trafik blog dan dari sinilah kenapa membagikan artikel blog ke sosial media menambah nilai SEO terhadap blog atau artikel blog tersebut

Baca juga Meningkatkan jumlah visitor blog dari sosial media

Lalu bagaimana cara memasang tombol sosial media di setiap halaman artikel blog yang biasanya berada di bawah artikel blog atau seperti yang terlihat pada bagian artikel blog ini. Pada artikel ini saya tidak akan menjelaskan bagaimana cara memasang tombol sosial di blog karena saya sudah membuatnya di artikel yang lama dan Anda bisa membaca di Memasang tombol sosial. Sedangkan pada artikel ini hanya sebagai ulasan saja bagaimana efek viral yang terjadi jika artikel blog kita bisa berada di semua halaman akun sosial pengunjung blog kita atau seperti yang terlihat pada diagram diatas

Memasang Efek Slide Out Tombol Share Sosial Media Artikel Blog

Memasang Efek Slide Out Tombol Share Sosial Media Artikel Blog - Sebuah artikel blog akan lebih berguna jika ada pengunjung dan pembaca artikel blog tersebut membagikannya ke media sosial yang mereka miliki dan dengan adanya artikel blog kita didalam sosial media maka akan membuat pengunjung blog akan bertambah. Namun akan terasa sulit jika didalam artikel blog tidak terdapat media yang digunakan untuk membagikan artikel tersebut dan syarat utamanya harus ada tombol share sosial media untuk artikel blog tersebut

Apa saja yang harus ada di tombol share sosial media tersebut? Seperti yang ada dibagian bawah artikel blog ini, terdapat 4 tombol sosial media yang terpasang yaiut Google Plus, Facebook, Twitter dan Linkedin. Dengan adanya tombol sosial media tersebut maka saya selalu berharap agar teman-teman blogger atau pembaca artikel blog ini dengan senang hati membagikan artikel-artikel yang ada di blog ini. Namun kalau tidak ada yang membagikan, ya tidak apa-apa, yang penting semoga blog ini tetap bermanfaat dan berguna bagi kita semua :)

Agar artikel-artikel blog bisa dengan mudah dibagikan maka kita harus memasang tombol sosial media tersebut seperti yang ada dibagian bawah artikel blog ini. Dan pada artikel ini, saya tidak akan membagikan tombol share sosial media seperti yang ada di blog ini. Saya akan membagikan sebuah tombol share sosial media dengan efek slide out, yaitu sebuah tombol yang akan keluar sosial media jika tombol tersebut di sentuh oleh pointer mouse

Baca juga Memasang Sosial Media Share di Gambar Blog

Bagaimana Cara Memasang Efek Slide Out Tombol Share Sosial Media Artikel Blog seperti pada gambar diatas?
Untuk memasang tombol share seperti yang terlihat diatas atau seperti pada DEMO berikut ini, silahkan salin kode-kode CSS berikut ini karena untuk memasang tombol share dengan efek slide out ini tidak diperlukan kode script atau jQuery hanya menggunakan kode CSS saja

#sh-sosmed {
position:relative;
margin:1em auto;
padding:0;
width:64px;
height:64px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrYXe-FOLhRyMGagbAk1RLn1udv8g783Z5JklX0hQ8Cwu0oWuquN1h4zTCUPrpHSz1kUXGo-qVOgChxzn-d5qUCcmiH5ooyqX-9ksU84RWxWYvNfu3Md03YeGXhPzoJHXC5ENhi9SqGM/s1600/bagikan-icon.png);
background-position:center center;
background-repeat:no-repeat;
list-style-type:none!important;
list-style-image:none!important;
line-height:1.0!important;
cursor:pointer;
}
#sh-sosmed {
float:center;
margin:80 auto;
}
#sh-sosmed li {
visibility:hidden;
position:absolute;
top:12px;
left:12px;
margin:0;
padding:0;
background-position:0 -45px;
background-repeat:no-repeat;
opacity:0;
transition-property:left,top,opacity,background-position,visibility;
transition-duration:0.2s,0.2s,0.2s,0s,0.2s;
transition-timing-function:ease-in,ease-in,ease-out,linear,linear;
transition-delay:0.2s,0.2s,0.2s,0s,0.2s}
#sh-sosmed li:hover {
background-position:0 0;}
#sh-sosmed li a {
display:block;
width:40px;
height:40px;
}
#sh-sosmed:hover li,#sh-sosmed.hover li {
visibility:visible;
opacity:1.0;
filter:0;
transition-property:left,top,opacity,background-position;
transition-duration:0.3s,0.3s,0.3s,0s;
transition-timing-function:cubic-bezier(.6,1.51,.66,.92),cubic-bezier(.6,1.51,.66,.92),ease-out,linear;
transition-delay:0s,0s,0s,0s;}
#sh-sosmed li.fbook {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WDhbRJ3FJgqSOiSRXbwlgzCclFiFyoesSc0dDNCfGKxg5Pn-R-_ZcWZHDigTnaHfJ3RJCI9B4rXUVi_cQ5ImM9vbo2u2P91VMCpsjBJaKSRhy4LRSijypUr9wSax1968HDpfhdlnPhg/s1600/fb-icon.png);}
#sh-sosmed li.tweet {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSU_7qD3JX8K3P6-BsShQjup7UHbOhfTuJ8DG6IN4WRnyQPH4UsXJQLHElhtXgd95eIIJCGZ0f3j6xs1mxdehdHX9hyJWCNHIlvri-bAIjZpw7wrJQrD4GqQfi9EiKErAvA21c1n5Lei0/s1600/twt-icon.png);}
#sh-sosmed li.gplus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5CoFH9QKsbdkwBTF-RvLLVqdkW_2de7NINIReM0PRc_0x3Glbbic4Gd5KJ2JHwbn2pR5XbPsdFe_zvzDHMUpfLSReKIQPIYuNY4Dev1E6cu0Rlw2thyphenhyphenfR9BbAzJulC8fahkgGWUE0uQ0/s1600/gplus-icon.png);}
#sh-sosmed li.linkedin {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4gMrdL_gR4jpYsqQ2TCLbO63aWfoXcwj5kWn5IsGwFVBjrwuXUy75Lfr9XcOFFGRh_n6UQms_3IBB4Ckh84T3ElWbmr9mQm5u6xSERUmITa3sCP8BzwdeFvJf7UNrLvB7jan9OfOCRrE/s1600/linkedin-icon.png);}
#sh-sosmed:hover li.fbook,#sh-sosmed.hover li.fbook {
left:-30px;
top:-30px;
}#sh-sosmed:hover li.tweet,#sh-sosmed.hover li.tweet {
top:-48px;
left:12px;}
#sh-sosmed:hover li.gplus,#sh-sosmed.hover li.gplus {
top:-30px;left:54px;}
#sh-sosmed:hover li.linkedin,#sh-sosmed.hover li.linkedin {
top:69px;right:-69px}

HTML

<ul id="sh-sosmed">
<li class="fbook"><a title="Share on Facebook" target="_blank" href="#"></a></li>
<li class="tweet"><a title="Tweet This" target="_blank" href="#"></a></li>
<li class="gplus"><a title="Plus on Google+" target="_blank" href="#"></a></li>
<li class="linkedin"><a title="Share on Linkedin" target="_blank" href="#"></a></li>
</ul>

DEMO Efek Slide Out Tombol Share Sosial Media - Silahkan arahkan pointer mouse Anda

Lalu bagaimana jika menginginkan agar tombol share sosila media ini terpasang secara otomatis di seluruh halaman artikel blog? Silahkan baca panduannya di Memasang Tombol Sosial Media Di Halaman Artikel Blog

Cara Menampilkan Jumlah Artikel Di Beranda Blog

Cara Menampilkan Jumlah Artikel Di Beranda Blog - Artikel ini merupakan artikel jawaban atas pertanyaan yang disampaikan teman saya +Ulfa Choiriyatun Nisa yang telah berkomentar di Cara membuat halaman blog berdasarkan Label  dan dengan adanya artikel ini semoga bisa menjawab pertanyaan tersebut

Untuk menampilkan jumlah artikel di halaman depan blog atau di Beranda blog sebenarnya sangat mudah dilakukan

• Buka blog yang ada di dashboard akun Blogger Anda
• Pilih menu Tata Letak >> Blog Posts >> Edit
• Muncul halaman Konfigurasi Posting Blog >> Opsi Laman Utama >> Jumlah posting di halaman utama:
  Ganti jumlah atau angka yang ada di kolom sesuai dengan jumlah artikel yang ingin ditampilkan
  
• Klik Simpan

Untuk menampilkan artikel blog di Halaman Blog silahkan baca di

Itulah cara menampilkan jumlah artikel di beranda blog yang bisa diterapkan untuk blog Anda

Memasang Widget Email Subscriber Artikel di Blog

Sebelum kita Memasang Widget Email Subscriber Artikel di Blog, alangkah baiknya kalau kita mengetahui dulu Apa itu subscriber, Subscriber merupakan sebuah istilah yang digunakan untuk merujuk kepada orang yang memiliki kepentingan untuk menerima atau mendapatkan informasi tertentu dengan keinginan mereka. Dengan kata lain, Subscriber adalah pelanggan kontent ter tertentu dalam sebuah web atau blog

Melakukan subscribe pada suatu web atau blog berarti mengikuti setiap update terhadap berita atau info terbaru dari web atau blog tersebut. Untuk melakukan subscribe digunakan sebuah email dan melalui email inilah semua update artikel web tersebut langsung terkirim kedalam email kita. jadi, setiap ada artikel baru update dari blog tersebut, maka postingannya akan segera masuk ke email kita tanpa repot harus sering ke website kesukaan kita untuk melihat postingan terbarunya

Baca juga

Dalam melakukan subscribe, sebenarnya kita tidak hanya melakukannya pada artikel saja, tapi juga bisa dilakukan untuk mendapatkan info komentar dari setiap konten yang kita ikuti. Misalnya di Facebook
Atau mendapatkan pemberitahaun akan sebuah penawaran produk atau jasa secara online melalui email, dan dalam hal ini disebut sebagai Subscriber Autoresponder

Baca juga tentang

Cara Memasang Widget Email Subscriber Artikel di Blog

Sebelum memasang widget email subscriber ini, alangkah baiknya jika Anda mencoba demonya terlebih dahulu, apakah demo dibawah ini bekerja atau tidak, silahkan masukkan email Anda..

GRATIS update artikel via Email

Dapatkan kiriman artikel terbaru langsung ke email anda!

Jika demo diatas bekerja, silahkan gunakan kode CSS berikut ini

• Masuk kedalam akun blogger Anda
• Pilih blog yang akan dipasang widget email subscriber ini
• Pilih menu Template >> Edit HTML
• Cari kode template ]]></b:skin> dan salin kode berikut sebelum ]]></b:skin>
  

  .subscribe {
    margin: 5px auto;
    padding: 20px;
    width: 300px;
    background: #f9760b;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  }
  .subscribe-col {
    padding-left: 120px;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFHiTHsNele2v_tvk5gw7UesVhHDXle79kp8VoVjbVCvHT7QyvtQtgqh7XkW8jyTIUqiBzhkr-w5AS5q2mU6uwkZcA2MVxAxYe-XFoy8CytPx4fUsouiGc8xeLL4-vj-suhuBHRC390Q/s1600/email-subscriber.png") 5px center no-repeat;
  }
  .subscribe-col > h3 {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
  }
  .subscribe-col > p {
    line-height: 22px;
    color: #484848;
  }
  .subscribe-form {
    position: relative;
    margin: 20px -20px -20px;
    padding: 15px;
    background: #fda352;
    border-top: 1px solid #ccc;
    border-radius: 0 0 6px 6px;
    background-image: -webkit-linear-gradient(top, #fda352, #f8d9be 50%, #fae2cd 51%, #fb8f3d);
    background-image: -moz-linear-gradient(top, #fda352, #f8d9be 50%, #fae2cd 51%, #fb8f3d);
    background-image: -o-linear-gradient(top, #fda352a, #f8d9be 50%, #fae2cd 51%, #fb8f3d);
    background-image: linear-gradient(to bottom, #fda352, #f8d9be 50%, #fae2cd 51%, #fb8f3d);
    -webkit-box-shadow: inset 0 1px #fae2cd;
    box-shadow: inset 0 1px #fae2cd;
  }
  .subscribe-input {
    padding: 0 15px;
    width: 90%;
    height: 35px;
    font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
    font-size: 15px;
    color: #444;
    background: #fefefe;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #999 #aaa #aaa;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
  }
  .subscribe-input:focus {
    outline: 0;
  }
  .subscribe-submit {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    padding-left: 15px;
    height: 35px;
    width: 60px;
    background: #60e160;
    border: 1px solid;
    border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    background-image: -webkit-linear-gradient(top, #84f087, #4cd94a);
    background-image: -moz-linear-gradient(top, #84f087, #4cd94a);
    background-image: -o-linear-gradient(top, #84f087, #4cd94a);
    background-image: linear-gradient(to bottom, #84f087, #4cd94a);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  }
  .subscribe-submit:active {
    background: #4cdf4d;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  }
  .subscribe-submit:before {
    content: '';
    display: block;
    margin-top: 1px;
    width: 25px;
    height: 19px;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCIJlP1hBKvHygCB3NEtCoviOKUf48LfeIhK5N-pjxLm6W1j8uPNHsnMUey6sVjZp2-P7nDAGRFLd0VQSOpydZu_QZVX6gcXcW-zpuWMYjUMS_XcYukIvu_9dheOakJ3oDcbSDGcS9eQ/s1600/tick.png");
  }
  .lt-ie9 .subscribe-input {
    line-height: 33px;
  }

Masukkan kode HTML berikut ini kedalam widget blog,

<div class="subscribe">
<div class="subscribe-col">
<h3>GRATIS update artikel via Email</h3>
<p>Dapatkan kiriman artikel terbaru langsung ke email anda!<p>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=PanduanTemplateBlogku', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="subscribe-form">
<input type="email" name="email" class="subscribe-input" placeholder="Email address" autofocus><input type="hidden" value="PanduanTemplateBlogku" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<button type="submit" class="subscribe-submit">Subscribe</button>
</form>
</div>

Catatan:

• Ganti link http://feedburner.google.com/fb/a/mailverify?uri=PanduanTemplateBlogku dengan link feed blog Anda yang ada di email feedburner
• Ganti value="PanduanTemplateBlogku" dengan value Anda di email feedburner

Untuk menampilkan email feed verifikasi di feedburner, silahkan baca di

Semoga bermanfaat, terimakasih telah membaca artikel memasang widget email subscriber artikel di blog. Jika ada pertanyaan silahkan tinggalkan komentar Anda

Memunculkan Deskripsi Penelusuran Artikel Blog

Memunculkan Deskripsi Penelusuran Artikel Blog merupakan salah satu faktor seo yang bisa membantu keberadaan artikel blog agar bisa terindeks oleh search engine. Deskripsi penelusuran artikel blog sama pentingnya ketika membuat kita memasang Label pada artikel namun deskripsi penelusuran ini tidak sama dengan deskripsi pada judul blog yang dipasang pada title tag didalam kode template

Dengan memunculkan deskripsi penelusuran artikel blog ini akan lebih memudahkan artikel blog cepat terindeks karena didalam deskripsi tersebut ada target kata kunci atau Label artikel yang terpasang didalam deskripsi. Jadi, saat menuliskan deskripsi penelusuran artikel blog, pastikan memasukkan kata kunci atau Label artikel atau salin paragrap pertama dari artikel blog tersebut

Nah, sebelum menuliskan deskripsi artikel, kita munculkan dulu kolom deskripsi penelusuran tersebut...

• Apa fungsi deskripsi penelusuran artikel tersebut?
  Sebagai deskripsi artikel di mesin pencari dan membantu pengindeks-an artikel blog. Untuk melihat contohnya, silahkan klik disini
• Dimana letak deskripsi penelusuran tersebut?
  Deskripsi penelusuran terdapat disebelah kanan kolom penulisan artikel yang berada dibawah menu Lokasi, sorot gambar dibawah ini
  
  
• Bagaimana jika deskripsi penelusuran artikel tidak muncul?
  Untuk memunculkan deskripsi artikel blog yang tidak ada, berikut caranya:
  
  1. 
     

     Pada menu dashboard Blog, pilih dan klik Setelan >> Preferensi penelusuran >> Tag meta >> Deskripsi >> Edit >> Aktifkan deskripsi penelusuran >> Ya >> Isi kolom sesuai dengan deskripsi tag blog >> Simpan perubahan
     Sorot gambar disamping untuk lebih jelasnya
  2. 

     Deskripsi penelusuran pun muncul di halaman pengeditan artikel atau saat Anda membuat artikel blog
• Bagaimana cara mengisi deskripsi penelusuran artikel blog tersebut?
  Sebagai contoh, saya akan menyalin paragrap pertama dari artikel blog ini kedalam kolom deskripsi penelusuran tersebut yaitu;
  Memunculkan Deskripsi Penelusuran Artikel Blog merupakan salah satu faktor seo yang bisa membantu keberadaan artikel blog agar bisa terindeks oleh search engine
  Dan hasilnya seperti pada gambar berikut ini:
  
  
• Benarkah deskripsi penelusuran ini bisa terindeks Google atau mesin pencari lainnya?
  Tidak hanya mesin pencari, setiap Anda meletakkan link artikel kedalam situs lain misalnya sosial media atau sosial bookmark atau direktori maka Deskripsi ini akan selalu muncul, seperti yang terlihat pada tumpukan gambar berikut ini
  
  

Namun bagaimanapun juga pengaturan atau penulisan deskripsi yang telah dilakukan, terkadang hasilnya di search engine tidak sesuai dengan pengaturan tersebut. Hal ini dikarenakan pengindeks-an atau perayapan yang dilakukan secara menyeluruh oleh robot search engine terhadap artikel blog tersebut

Bagaimana apakah artikel blog Anda sudah terdapat deskripsinya atau masih mau memunculkan deskripsi penelusuran artikel blog seperti yang telah saya jelaskan diatas?

Panduan Lengkap Membuat Artikel Blog

Artikel Panduan Lengkap Membuat Artikel Blog ini merupakan artikel update ulang yang saya buat karena ada seseorang yang meminta saya untuk membuatkan blog dan bertanya juga bagaimana cara menulis dan membuat artikel blog. Selain meminta saya untuk membuat artikel blog ini, dia juga meminta saya untuk membuat blog dan banner iklan dan bersedia membayar semua itu. Dan Alhamdulillah setelah semuanya selesai, kerja sama ini memberikan saya profit dan terimakasih banyak buat teman-teman yang telah mempercayakan saya dalam membuatkan blog dan membantu mengeditkan tampilan blog Anda semua, terimakasih banyak

Khusus untuk pemula:
Jika Anda ingin menggunakan layanan yang saya berikan dalam pembuatan blog, Anda bisa menghubungi saya di Contact via SMS atau WA atau membaca di halaman Konsultasi. Salah satu kelebihan layanan yang diberikan adalah mendapatkan link dari blog ini, seperti yang tercantum pada artikel ini dan tentunya full support

Salah satu contoh blog yang saya buat adalah
Judul Blog : Pengamat Jalanan Independent
Url : http://pengamatjalananindependent.blogspot.com
Pemilik : Marsudijono

Memang selain menulis dan mengurus blog ini yang sudah mulai jarang update karena kesibukan di beberapa blog teman, saya juga terbuka buat siapa saja dalam bertanya tentang blog khususnya Blogger, Gratis dan tentunya setiap pertanyaan tersebut akan saya kembalikan ke blog ini jika sudah terdapat pada artikel-artikel di blog ini. Bahkan saya bersedia mengulangnya jika dirasa itu diperlukan, seperti artikel yang saya buat ini, Panduan Lengkap Membuat Artikel Blog, adalah artikel yang hampir yang saya buat sebelumnya namun lebih lengkap dan lebih jelas, untuk melihatnya silahkan baca di Panduan Cara Membuat Mengisi Artikel Blog

Artikel panduan lengkap membuat artikel blog awalnya ingin saya sertakan juga dalam bentuk video, namun karena sudah disertai dengan penejalasan dalam bentuk gambar, saya rasa sudah cukup sebagai pengganti video

Panduan dan Cara Lengkap Membuat Artikel Blog

Sebelum mengikuti pandua membuat artikel blog ini, saya harap Anda sudah akun email di Google dan juga telah memiliki blog di blogger. Jika Anda belum memiliki keduanya, silahkan baca terlebih dahulu:
Cara membuat email di Google
Cara membuat blog di Blogger

Untuk melihat gambar secara penih, silahkan sorot dengan kursor mouse

Silahkan login di www.Blogger.com menggunakan akun Google mail (Gmail) yang telah Anda punya, sehingga akan muncul tampilan seperti gambar disamping
Silahkan gunakan email dan password Anda menggunakan akun Gmail yang telah Anda punya

Anda akan masuk ke halaman depan Blogger (dashboard) dan akan terlihat daftar blog yang telah Anda buat sebelumnya, seperti yang terlihat pada gambar disamping, ada 2 daftar blog. Pilih dan klik salah satu blog yang akan di isi artikel

Setelah memilih salah satu blog, Akan muncul tampilan menu dari Blog tersebut (lihat gambar disamping). Untuk mengisi artikel blog, klik menu Entri Baru

atau jika mengingkan tampilan dari kolom artikel berada di halaman tab baru, klik kanan menu Entri Baru dan pilih Open Link in New Tab

Setelah melakukan klik menu Entri Baru, maka muncul tampilan kolom untuk mengisi artikel blog (lihat gambar disamping). Sebelum menulis artikel, silahkan isi Judul blog terlebih dahulu

Contoh judul blog yang saya buat adalah Real Madrid Juara Liga Champions 2014

Setelah membuat dan menuliskan Judul untuk artikel blog Anda. Sekarang beralih ke kolom artikel (lihat gambar). Dalam menulis artikel ini sebagai contoh penulisan artikel dalam mode HTML

Sebelum menulis artikel, atur terlebih dahulu penggunaan paragrap atau garis baru antar artikel. Lihat tampilan menu yang ada disamping kanan kolom artikel, pilih Pilihan >> Tekan "Enter" untuk baris baru >> Selesai

Selanjutnya tulis artikel blog sampai selesai. Jika Anda kesulitan dalam membuat artikel blog atau bingung mencari ide dalam membuat artikel, silahakn baca panduannya di Cara menemukan ide menulis artikel blog

setelah selesai menulis artikel, selanjutnya memasang gambar kedalam artikel. Sebelum memasang gambar, sediakan terlebih dahulu gambar yang telah tersimpan di file komputer Anda

Untuk memasang gambar kedalam artikel, pilih letak dibagian setelah paragrap pertama atau kedua dan berikan area kosong (lihat gambar)
selanjutnya piilih dan klik icon Insert Image, lihat tanda panah pada gambar

Setelah mengklik Insert Image akan muncul halaman yang digunakan untuk memasukkan gambar. Sebagai contoh hanya digunakan pilihan upload gambar dari file komputer. Silahkan klik Pilih file

Pilih salah satu gambar yang sesuai dengan artikel blog yang telah Anda buat

Gambar artikel akan terupload di halaman pemilihan gambar, biarkan gambar terupload secara sempurna dengan tampilan yang utuh. Selanjutnya klik 1x gambar sehingga muncul bingkai warna biru dan klik 2x (double click) untuk mengupload gambar kedalam artikel atau klik Add selected

Selanjutnya akan muncul tampilan yang digunakan untuk mengatur Gambar. Pada contoh gambar disamping, posisi gambar akan berada di tengah dengan ukuran asli yaitu Center dan Original size. Silahakn atur sesuai dengan keinginan Anda

Gambar sudah terpasang kedalam artikel blog namun karena mode penulisan dalam bentuk HTML, maka tampilan gambar juga berupa kode HTML atau link gambar

Seperti contoh pada tampilan gambar disamping, hapuslah link gambar yang terdapat pada HTML gambar. Hapus link yang di blok warna biru

dan gambar artikel blog tidak memiliki link url

Untuk melihat hasilnya langsung dari artikel dan gambar yang telah dibuat, silahkan klik Compose yang ada dipojok kiri kolom artikel dan hasilnya akan terlihat seperti gambar disamping

Tampilan artikel dan gambar blog yang telah berhasil dibuat

Sekarang kembalikan mode penulisan artikel kedalam HTML. Selanjutnya menulis Label untuk artikel blog. Pilih dan klik menu Label yang ada disebelah kanan kolom artikel

Label artikel merupakan kata kunci atau keywords yang digunakan sebagai identitas pada artikel tersebut agar search engine bisa mengindeks artikel saat dilakukan pencarian pada kata kunci di search engine

Jadi, tulislah Label yang sesuai dengan artikel, jangan sembarangan..
Selain menulis artikel untuk orang, jangan lupa manjakan juga search engine dengan artikel-artikel blog yang memiliki kesesuaian dengan label artikel karena keduanya sama-sama penting!

Selanjutnya tandai beberapa kata kunci yang ada didalam artikel atau menyesuaikan dengan Label yang telah Anda buat sebelumnya
Penandaan label atau kata kunci artikel ini berupa Tulisan Besar, Tulisan Miring, Tulisan Garis Bawah
Penandaan label diletakkan di awal artikel, ditengah, dan diakhir artikel dan jangan sampai berlebihan

Selain memasang Label, pasang juga Deskripsi Penulusuran artikel blog. Deskripsi ini sama pentinganya dengan label, untuk memasangnya pilih potongan artikel yang ada di blog dan perhatikan, sertakan juga Judul artikel atau Label kedalam deskripsi
Deskripsi juga bisa ditulis secara manual, namun harus memasukkan juga Judul dan Label artikel karena itu sangat penting untuk search engine. Jika menu Deskripsi penelusuran tidak ada, silahkan baca di Memunculkan Deskripsi Penelusuran Artikel Blog

Selanjutnya melakukan optimasi pada gambar blog agar search engine lebih senang dengan artikel blog yang telah dibuat. Pilih mode penulisan Compose, klik pada gambar >> pilih Properties
Masukkan judul artikel kedalam Image Properties seperti contoh pada gamabar disamping dan klik OK jika sudah selesai

Baca juga memasang link kedalam artikel itu sendiri. Klik menu Tautan permanen yang ada di sebelah kanan sehingga muncul link artikel, salin link tersebut. Selanjutnya blok pada salah satu Label atau Judul artikel yang ada didalam artikel dan klik menu Link yang ada di menu atas.
Masukkan link tersebut kedalam Edit Link. Jika sudah, klik OK
Dan hasilnya akan terliha seperti gambar disamping

Kini artikel blog Anda sudah selesai dibuat dan untuk melihat hasil dan tampilannya sebelum benar-benar di Publikasikan, silahkan klik Pratinjau untuk melihatnya

Gambar disamping adalah tampilan Pratinjau dari artikel yang saya buat

Jika artikel dan gambar artikel sudah benar-benar siap, silahkan klik Publikasikan

Dan gambar disamping merupakan daftar artikel blog yang telah saya buat

Tampilan halaman artikel dan gambar artikel blog yang sudah jadi

Selesai. Sebagai pemula jika Anda hanya membaca artikel diatas, akan terasa sulitnya namun jika langsung diterapkan maka akan lebih mudah. Artikel diatas tidak hanya sekedar menulis artikel namun juga telah saya kombinasikan langsung dalam menulis artikel yang baik yang disukai search engine karena sudah terdapat seo onpage didalamnya. Namun jika Anda memiliki kesibukan tersendiri sehingga tidak bisa menuliskan artikel kedalam blog saya, silahkan hubungi saya di Contact atau meninggalkan komentar untuk artikel blog ini, Panduan Lengkap Membuat Artikel Blog