Program The Most Popular Student Blog

Pembelajaran Inovasi Siswa, Dengan interaktivitas di dunia maya, menggunakan blogger.

Supported by Blogger

Menggunakan Account Gmail untuk berbagai aktivitas di internet, Cloud Computing, Blog, dan GDrive.

Showing posts with label tutorial Blogger. Show all posts
Showing posts with label tutorial Blogger. Show all posts

Tuesday, 4 February 2014

Fungsi Toolbar Di Write Post


ssmcnet.blogspot.com info
Fungsi Toolbar pada Penulisan Artikel di Blogger
kurang lebih sebagai berikut :

 Adapun Masing masing fungsinya adalah sebagai berikut :
  1. Post Title -> Judul dari Tulisan 
  2. Lembar Kerja Suatu Tulisan
  3. Labels -> suatu tulisan berdasarkan jenis dan kategorialnya, bisa dimanfaatkan sebagai kata kunci supaya mudah di cari di google search engine
  4. Save -> menyimpan hasil penulisan
  5. Publis -> Menampilkan Tulisan yang telah di buat
  6. Preview -> Menampilkan sementara tulisan sebelum di Tampilkan di blog
  7. Close -> Menutup Artikel : sementara itu artikel yang telah dibuat akan tersimpan secara otomatis menjadi DRAFT
  8. Compose | HTML -> Menampilkan atau mengkondisikan artikel yang mau di buat dalam pilihan Tampilan GUI(graphic Unit Interface ) atau Tampilan Coding
  9. Insert Image -> berfungsi untuk memasukan gambar dalam tulisan/artikel
  10. Insert Jumb Breaks -> berfungsi untuk memotong tulisan supaya menampilkan tulisan readmore pada homepage
  11. Text Colour -> formating pada tulisan untuk memberikan warna pada fonts atau tulisan yang dibuat
  12. Formating Text
    B = Bold --> untuk menebalkan Tulisan
    I = Italic - > untuk membuat tulisan miring
    U = Underline --> untuk membuat tulisan supaya terdapat garis bawahnya
  13. Link -> untuk memberikan suatu gambar, tulisan dll dihubungkan secara langsung dengan halaman, atau sumber file yang bisa langsung di buka
  14. Insert a Video -> untuk menambahkan dalam tulisan kita dengan suatu video tertentu ( misalnya dari youtube )
  15. Alligment - > perataan tulisan pada suatu artikel
  16. Numbered List -> membuat list dengan Auto Number
  17. Bullet List -> membuat list dengan Auto Bullet
  18. Quote -> sebuah artikel dengan tanda Petik ( jika diambil dari suatu sumber )

Wednesday, 29 January 2014

Membuat Komentar di Blog langsung melalui FB

ssmcnet.blogspot.com info

Jika anda perhatikan bahwa pada setiap artikel yang ada di blog ini langsung bisa berkomentar melalui facebook. Nah fasilitas ini cukup lumayan memakan waktu dengan ketelitian.
Bagaimana Proses Membuatnya ...? dibawah ini akan penulis jelaskan caranya satu persatu
Pengandaian adalah facebook menggunakan bahasa INGGRIS, biar sama dalam memahami bahasanya.
  • Buka Facebook anda dan login dengan Username dan passwordnya
  • pada bagian bawah dari FACEBOOK pilih Developer/apps
  • pilih Create New Apps

  • Keterangan :
    Display Name : Tuliskan aja addreses blog kamu ( contoh : ssmcnet )
    App Name Space : Tuliskan Judul Applikasinya ( SSMC Net Blog )
  • Create Apps
  • Masukin Captcha
  • Isi Data Lengkapnya
  • Bekerja di Bagian Facebook telah selesai langkah selanjutnya akan memasukan dan mengintegrasikan ke dalam Blogger
  • Oh Ya, jangan lupa Catat ya : ID APPS : xxxxxxxx ( jangan sampe lupa )
  • Done
Sekarang Waktunya Kita Bekerja di blogger
  • Login ke Blogger anda
  • Masuk ke DASHBOARD Blog
  • Pilih Template dan Pilih EDIT HTML
  • Ada 2 Hal edit yang harus kita lakukan, jalankan dengan TELITI, karna kalo salah pasti tidak akan jadi.
EDIT HTML tahap 1 :
Cari kode <b:skin><![CDATA[
kemudian tepat dibawahnya masukan scripts di bawah ini 
untuk mencari cara tepat tekan CTRL + F di keyboar dan masukan spt tulisan biru di atas

meta content='ssmc.net' property='fb:admins'/>
<meta content='207720022754033' property='fb:app_id'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Keterangan :
ssmc.net => nama id dari facebook kamu
207720022754033 => nama aplikasi kamu/ID APPS

Jadi nama id facebook dan id apps harus sesuai dengan id dan username masing masing facebook, thanks moga membantu

Kemudian SAVE dulu, lanjutkan edit ke 2

EDIT HTML tahap 2 :
Masih di dalam bagian EDIT HTML, cari dan temukan scripts 
kode <div class='post-footer-line post-footer-line-3'/> kemudian enter sekali, dan masukan scripts dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/>
</b:if>


Setelah itu SAVE TEMPLATE

Selesai
Dan Refles Blog Anda
Selamat Blog anda telah ada fasilitas komentar yang dihubungkan langsung ke dalam facebook anda

JIka masih kurang jelas, silahkan tinggalkan pesan
Salam Nge Blog




Tuesday, 21 January 2014

Menambahkan ReadMore pada setiap Artikel

ssmcnet.blogspot.com info

Apa itu Readmore
Readmore adalah sebuah Fasilitas yang digunakan untuk Menambahkan suatu ringkasan tulisa. jadi pada halaman home hanya menampilkan tulisan sedikit saja dan menuliskan yang secukupnya saja.

Readmore bisa diakses pada toolbar yang ada di blogger
gambar di bawah ini

Caranya sebagai berikut :
  1. Tuliskan artikel anda seperti biasa
  2. Tentukan dengan mengeklik dimanapun anda berapa kemudian klik Insert Jump Breaks
  3. Selesai
Maka dalam Homepage anda tulisan hanya akan nongol pada bagian ringkasanya saja

Selamat ngeblog



Thursday, 16 January 2014

Mengubah Logo Favicon di webBlog

ssmcnet.blogspot.com info
Apa itu Favicon ..?
Favicon singkatan dari Favourite Icons , itu adalah icon atau gambar kecil di samping kiri tulisan alamat website di browser. Favicon akan muncul sebagai lambang dari website yang kita miliki, sebelum anda mengubahnya, maka logo blog yang beralamatkan blogspot.com adalah logo bloger. Nah bagaimanakan kita mengubahnya ... , langkah langkahnya sebagai berikut :

  1. Login dulu ke Bloger
  2. Masuk pada Dashboard admin
  3. Pilih Bagian Layout
  4. Lihat Pada Bagian Atas, Pada TUlisan layout terdapat Favicon nya. Pilih Edit
  5. Siapkan Gambarnya dulu. Ukuran gambar bervariasi dari 150 x 150 , 320 x 320. namum yang pasti anda harus mengedit gambar logo ini supaya memiliki ukuran di atas. Selanjutnya langkah ke 6
  6. Pilih Edit
  7. pilih gambar di komputer yang tadi kita edit
  8. Save
  9. Save Arrangement
Gambar Penjelasan di bawah ini :



Menambahkan Gambar di Gadget

ssmcnet.blogspot.com info

Bagaimanakah langkah menambahkan gambar di gadget pada kanan atau kiri dari blog yang kita miliki, adalah sebagai berikut :

  1. login ke bloger
  2. dalam dashboard Admin Blog -> pilih Layout
  3. Pilih Add Gagdet di bagian kiri atau kanan
  4. Pilih jenis Gagdet HTML/JavaScript
  5. Pilih Tanda + atau klik tulisanya HTML/Javasctips Nya
  6. Masukan Code Sebagai berikut -> Copy dan Paste aja 
  7. Pastekan kode gambar di bawah
  8. Save Arrangement
  9. Done
Code Gambar sebagai berikut :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkXleescgk2SFyCXnR6j-V7CisIY56JXIW7q4XoLqgkXcTxX-SsT682QSE3iwaRLnB1BMct3YLgkF4a_fRvuz5FZZUO5NosSTx5fQBvKFxtNYxstqP-cYSKvBF9BZ0LiaOOV7J8Tc9SLT/s1600/studentblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkXleescgk2SFyCXnR6j-V7CisIY56JXIW7q4XoLqgkXcTxX-SsT682QSE3iwaRLnB1BMct3YLgkF4a_fRvuz5FZZUO5NosSTx5fQBvKFxtNYxstqP-cYSKvBF9BZ0LiaOOV7J8Tc9SLT/s1600/studentblog.png" height="320" width="265" /></a>







Happy Bloging

Jika kurang Jelas silahkan tinggalkan Pesan
thanks Alot

Tuesday, 14 January 2014

Hapus Gadget

ssmcnet.blogspot.com info
Jika kita bisa menambah, tentu saja kita bisa mengedit, dan juga menghapus.
untuk menambahkan gadget penulis sudah tuliskan pada tutorial sebelumnya. untuk menghapus gadget langkah langkahnya adalah sebagai berikut

  1. Login ke Bloger
  2. Masuk ke Dashboard
  3. Pilih Layout
  4. Pilih dan tentukan Gadget mana yang akan di hapus
  5. Pilih EDIT
  6. Pillih Remove
  7. Save Arrangement
  8. Done
Keterangan Gambar ada di bawah ini

Happy Bloging

Menambahkan Gadget di Bloger

ssmcnet.blogspot.com info
Kembali lagi
penulis mencoba mengekplore beberapa hal seputar masalah bloger, mkn banyak para bloggers pada paham tentang apa itu fasilitas gadget yang ada di blogger, nah apa sih sebenarnya gadget ini di bloger ??
Gadget adalah suatu fasilitas yang ada di bloger yang digunakan untuk menambah pernak pernik yang ada di samping kanan ataupun kiri dari blog yang kita miliki, dimana Gadget ini lebih di tujukan untuk mengcustomisasi yang ada di blog.
Harapan dari fasilitas gadget ini adalah supaya blog yang kita miliki mempunyai keanekaragaman dan customisasi pada kanan dan kiri website sesuai dengan yang diingikan oleh pemilik blog.
Cara Menambah kan Gadget di dalam Blogger sebagai berikut :
Kegiatan : akan menambahkan satu gadget yang jumlah pengunjung

  1. Login ke bloger
  2. Masuk ke Dashboard
  3. Pilih Layout
  4. Setiap Template yang di pakai memiliki layout yang berbeda beda, sesuai dengan template yang di pilih. namun yang pasti bahwa Gadget ini pasti sudah ada di bagian kanan dan kiri dari Layout Bloger yang kita miliki.
  5. Pilih Gadget di bagian kanan atau kiri
  6. Temukan BLOG STAT kemudian pilih tanda + 
  7. Selesai 
  8. Done
Gambar ada di Bawah 


Ubah Design Tampilan Blog

ssmcnet.blogspot.com info

Dalam Website blog kita perlu memahami 2 hal utama,

  • design tampilan utama website (template )
  • Tulisan dan Berbagai hal beruhubungan dengan Tulisan
Kali ini kita akan membahas tentang tampilan design blog yang kita miliki atau biasa di sebut dengan Web Design. dalam blogger istilah ini kemudian di sebut dengan TEMPLATE.
Langkah langkah menggatur dan Mengubah Design Website di Blogger adalah sebagai berikut :
  1. Login dulu sebagai admin blog ( blogger.com)
  2. Klik blog yang kita miliki ( masuk ke dashboard )
  3. Pilih Template
  4. Pilih Template yang di inginkan, dan pilih
  5. Pilih App to Blog
  6. Done

Saturday, 11 January 2014

Templating Part 1

ssmcnet.blogspot.com info
TEMPLATING PART 1 | Mengubah Template dengan Edit HTML di bloggert
Setelah berhasil membuat template dari themes yang disediakan oleh blogger, saatnya kita advance dengan mengubah themes blogger yang kita miliki dengan tehnik lain.
Tehnik ini lebih pada pengembangan dari template yang ada di blogger yang di ambil dari website lain dengan cara download, dengan fasilitas gratis.

Seperti themes yang ada di blog ini penulis ambil dari website free template blogger yang beralamatkan http://btemplates.com dengan nama themes NORMA, selanjutnya Themes tersebut penulis customisasi sehingga menjadi themes yang benar2 sesuai dengan selera penulis.

Langkah langkah untuk Mengubah Template/Themes di blogspot dari pihak website lain adalah sebagai berikut :
  1. buka URL hamalan http://btemplates.com
  2. Telusuri satu persatu themes yang di sediakan ( cari yang free saja ), 
  3. Setelah ketemu, waktunya pilih tombol Download
  4. Setelah download tinggal buka folder di PC komputer
  5. Kemudian file download tersebut berbentuk file zip, maka kita perlu melakukan ekstraksi, bisa menggunakan winrar, atau winzip, atau 7zip. 
  6. Klik kanan Pilih Ektrak Here
  7. Buka folder Norma, dan lihat disitu file NORMA.xml
  8. Buka Norma.xml dengan Notepad -> Copy semua isi semua kata scripts tersebut tanpa terkecuali
  9. Kemudian Kembali ke BLOGGER
  10. Pilih Template
  11. Pilih Edit HTML
  12. Hapus File Aslinya --> kemudian Paste dengan isi file NORMA.xml
  13. Simpan Tempalte dengan - > Save Template
  14. Selesai,  dan hasil akhir adalah sebagai berikut
Tutorial Selanjutnya :

  • Edit Menu Header Advance
  • Edit HTML advance
  • Edit Header advance
  • Design WebBlog kita sudah Rede
  • Memulai Menulis Artikel dan Isi dari Blog kita

Salam Education and Blog Tutorial For Student