PLUGIN BLOGSPOT
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 keatas
|
[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
|
Menyisipkan Facebook Page Plugin
|
|
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.
Tidak ada komentar:
Posting Komentar