Cara Membuat Shortcode Pada Blogspot


Baca Juga

Cara Membuat Shortcode Pada Blogspot - Menjadi Blogger bukanlah hal yang mudah, apalagi jika selalu di hadapkan dengan artikel-artikel yang berhubungan dengan code-code tutorial. Shorcode dapat di katakan fitur premium yang tersedia di Blogspot. Dengan fitur ini anda dapa menambahkan video, audio, galeri foto , tab , accordion dsb. dengan hanya sebaris kode didalam posting.


Cara Membuat Shortcode Pada Blogspot


Sebelum melangkah lebih jauh , berikut saya jelaskan Blogger Shortcode itu apa, yuk disimak!
Blogger shortcode adalah macrocode atau sebaris kode yang berisi set instruksi yang memungkinkan anda menyisipkan aapun dengan mudah. Shortcode dapat membantu anda embeding file atau membuat objek di blogger dengan satu baris kode.

Cara Membuat Shortcode Pada Blogspot

Sekarang anda bisa dengan mudah menyisipkan objek seperti video, audio, file, slide dan semua element penting web seperti accordion, tab, tombol warna-warni, kotak dll dalam Header, Sidebar, Footer, posting, halaman, judul dan luar biasa bahkan di dalam komentar! Hal ini dapat dilakukan tanpa membutuhkan pengetahuan HTML, CSS, atau JavaScript. Plugin ini sangat ringan sehingga tidak banyak membebani loading blog kita.

List Shortcode Blogger

Sejauh ini pihak developer yakni STCnetwork telah mengembangkan shortcode ini hngga didapatkan 10 shortcode dan masih akan dikembangkan lagi menjadi 50 shortcode. Berikut list shortcode yang bisa anda gunakan pada blogger :

Kegunaan Shortcode

[accordion]
Untuk membuat accordion
[tab]         
Membuat tabulasi pada widget
[code]        
Untuk menyisipkan syntax Highlighter
[quote]        
Untuk menambahkan Fancy Blockquote
[button]        
Untuk menambahkan CSS3 Buttons
[icon]        
Untuk menambahkan icon FontAwesome
[soundcloud]
Untuk menambahkan SoundCloud Track
[dailymotion]
Untuk menambahkan Dailymotion Video
[youtube]
Untuk menambahkan Video YouTube
[divider]      
Menyisipkan pemisah Horizontal untuk membagi bagian, juga berisi tombol kembali ke atas.
[num]        
Untuk menambahkan angka dengan background lingkaran
[warning]
Untuk menambahkan Warning message
[success]   
Untuk menambahkan kotak pesan succes
[alert]        
Untuk menambahkan kotak pesan peringatan
[info]        
Untuk menambahkan kotak pesan info
[update]        
Untuk menambahkan kotak pesan update
[facebook]
Menyisipkan Facebook Page Plugin
[image]        
Untuk menyisipkan image

Sebenarnya shortcode adalah HTML versi TEXT, dengan memasang plugin ini anda tidak perlu ribet - ribet untuk bolak balik ke TEXT/HTML editor saat membuat postingan.

Cara Instalasi Plugin Blogger Shortcode

Untuk menambahkan pluggin blogger shortcode slakan intruksi berikut ini :

1. Login ke dashboard > Template > Jangan lupa backup template dulu.

2. Pilih edit HTML

3. Cari </body> biasanya terletak paling bawah

4. Pastekan script berikut diatasnya
<script src='http://downloads.mybloggertricks.com/shortcodes.js' type='text/javascript'></script>

5. Cari </head> kemudian letakkan code berikut diatasnya :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Jika template anda sebelumnya sudah terpasang font Awesome sebaiknya menggunakan font Awesome yang sudah ada. Dan untuk fontnya, jika anda mau memakai font bawaan template juga nggak masalah. Namun saya merekomendasikan untuk menambah font diatas.

6. Save template

Sekarang pluggin blogger shortcode sudah nancap di blog anda. Untuk mencoba shortcode berfungsi atau tidak silakan anda buat 1 postingan kemudian masukkan shortcode yang ada. Misalkan [button]Your Title[/button] tulis pada TEXT editor, jika shortcode berubah menjadi tombol pada saat posting di publish maka plugin ini sudah terinstal dengan baik di blog anda.

Saya rasa artikel Cara Membuat Shortcode Pada Blogspot sudah cukup lengkap dan jelas.

Semoga bermanfaat. Pertanyaan, kritik maupun saran silahkan tulis di kolom komentar, apabila dirasa bermanfaat silahkan share artikel ini ya? Tq


Subscribe to receive free email updates:

0 Response to "Cara Membuat Shortcode Pada Blogspot"

Post a Comment