Pernahkah anda menulis posting di bloger? bagi saya, menulis artikel di blogger adalah pekerjaan yang rumit apalagi jika kita harus dihadapkan untuk menuliskan code - code tutorial, hal ini membutuhkan ketelitian ekstra demi memberikan sebuah artikel yang enak dibaca. Blogger shortcode bisa dibilang fitur premium yang ada diblogger, karena selama saya ngeblog saya baru tahu bahwa kita bisa menambahkan fitur tersebut pada bogger. Dengan plugin blogger shortcode anda sekarang dapat memasukkan video, audio, galeri foto, tab, accordion, dll dengan hanya dengan sebaris kode di dalam posting, widget, sidebar dan masih banyak lagi? anda juga bisa menggunakan plugin shortcode di dalam komentar Blog! Bahkan menambahkan syntax highlighter akan menjadi lebih mudah. Penasaran bagaimana caranya? Mari kita mulai!
Apa itu Blogger Shortcode?
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.
Sekarang kita 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.
Lalu Apa Bedanya dengan Shortcode Wordpress?
Wordpress adalah sumber inspirasi untuk melahirkan pluggin ini dan mungkin pluggin ini tidak pernah ada jika tidak ada imajinasi yang mengarah kesana. Sebenarnya kita hanya mengkonversi fungsi PHP ke fungsi jQuery ada, sehingga pluggin ini bisa digunakan pada blogger.
Tidak seperti Wordpress shortcode yang hanya bisa dimasukkan di dalam isi posting, Plugin Blogger Shortcode memungkinkan kita menyisipkan konten bahkan di dalam widget dan komentar! WP shortcode API adalah platform yang spesifik tapi plugin ini menawarkan dukungan embedding cross-platform yang tidak terbatas pada blgger. Dan plugin ini bisa bekerja pada situs web secara statis atau dinamis.
Sebenarnya banyak sekali fitur yang ada didalam plugin ini. Semuanya tergantung bagaimana nanti kita menggunakannya.
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 kita gunakan pada blogger :
| Shortcode | Kegunaan |
|---|---|
| [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, jadi dengan memasang plugin ini anda tidak perlu ribet - ribet untuk bolak bali 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 fontAwesome sebaiknya menggunakan fontAwesome 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 pluggin ini sudah terinstal dengan baik di blog anda.
Untuk tutorial fitur - fitur yang lain insyaallah akan kita bahas pada artikel selanjutnya. Sekian terimakasih.