Contoh

That night, in the mid-watch, when the old man—as his wont at intervals—stepped forth from the scuttle in which he leaned, and went to his pivot-hole, he suddenly thrust out his face fiercely, snuffing up the sea air as a sagacious ship's dog will, in drawing nigh to some barbarous isle. He declared that a whale must be near. Soon that peculiar odor, sometimes to a great distance given forth by the living sperm whale, was palpable to all the watch; nor was any mariner surprised when, after inspecting the compass, and then the dog-vane, and then ascertaining the precise bearing of the odor as nearly as possible, Ahab rapidly ordered the ship's course to be slightly altered, and the sail to be shortened
/*----Small Buttons-----*/ Button TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton Text
/*----Medium Buttons-----*/ Button TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton Text
/*----Large Buttons-----*/ Button TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton TextButton Text
[alert title="Alert message" icon="info-circle"] This alert needs your attention [/alert]
[success title="Success message" icon="check-circle"] You successfully read this important message. [/success]
[warning title="Warning message" icon="exclamation-triangle"] Warning! Best check yo self. [/warning]
[update title="Update message" icon="info-circle"] You successfully to update your content. [/update]
[info title="Info message" icon="info-circle"] This a simple info for you. [/info]
[error title="Error message" icon="exclamation-circle"] Oh snap! Change a few things up [/error]
[code type="HTML"]Yours HTML Code Here[/code] [code type="CSS"]You CSS Code Here[/code] [code type="JavaScript"]You JavaScript Code Here[/code] [code type="JQuery"]You JQuery Code Here[/code]
[contact/] or [contact][/contact]
[2column] [content]Your Text Here[/content] [content]Your Text Here[/content] [/2column]
[3column] [content]Your Text Here[/content] [content]Your Text Here[/content] [content]Your Text Here[/content] [/3column]
[4column] [content]Your Text Here[/content] [content]Your Text Here[/content] [content]Your Text Here[/content] [content]Your Text Here[/content] [/4column]
[tab] [content title="Tab 1"]Your Text Here[/content] [content title="Tab 2"]Your Text Here[/content] [content title="Tab 3"]Your Text Here[/content] [/tab]
[vtab] [content title="Tab 1"]Your Text Here[/content] [content title="Tab 2"]Your Text Here[/content] [content title="Tab 3"]Your Text Here[/content] [/vtab]
[tab] [content icon="diamond" title="Tab 1"]Your Text Here[/content] [content icon="heartbeat" title="Tab 2"]Your Text Here[/content] [content icon="buysellads" title="Tab 3"]Your Text Here[/content] [/tab]
[accordion] [item title="Accordion 1"]Your Text Here[/item] [item title="Accordion 2"]Your Text Here[/item] [item title="Accordion 3"]Your Text Here[/item] [item title="Accordion 4"]Your Text Here[/item] [/accordion]
[accordion] [item icon="diamond" title="Accordion 1"]Your Text Here[/item] [item icon="heartbeat" title="Accordion 2"]Your Text Here[/item] [item icon="buysellads" title="Accordion 3"]Your Text Here[/item] [item icon="bed" title="Accordion 4"]Your Text Here[/item] [/accordion]
[img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"/] /*------- or -------*/ [img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"][/img] /*------- complete code ------*/ [img url="http://themeforest.net/item/sevida-responsive-magazine-blogger-template/4604301" width="Image_width" height="Image_height" rel="Image_rel" src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"/] *------- complete code to make it featured content------*/ [img featured="1" url="http://themeforest.net/item/sevida-responsive-magazine-blogger-template/4604301" width="Image_width" height="Image_height" rel="Image_rel" src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"/]
[gallery] [img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"][/img] [img src="http://2.s3.envato.com/files/71952277/Preview%20File/01_Maxxizpreview.__large_preview.png"][/img] [img src="http://0.s3.envato.com/files/70402279/Preview%20File/01_Rifqiypreview.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX4NyMu14ZpceMpa1ghqACWbCIoVNq3xqexsyo_WtafIdsDjpjKIXP2DSIz66-u7qfriB46DYMA9fXg7LbRILPcW7B5WwDb108TQWrqTXGFHABNulY_Tzm1nNwvp-1I3yJoDFEX54Of0u/s1600/AdamzPreview.png"][/img] [img src="http://0.s3.envato.com/files/70974834/Preview%20File/01Ijonkz_previewfile.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiTWjkvBQ0EpXZ5lUf4W2b9BHBjZR_BA2ozdjkiIANCeDyaXyLo70xCrxWNjb130Gv_f9nJnBbE5JfO6gQElr9pUfRTkIJdZYOUG54ZMuLIjZvARRj6tl0cEmOE2FQvnkw3hORaLKg0Dg/s1600/01_syahirapreview.png"][/img] [/gallery]
[bgallery] [img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"][/img] [img src="http://2.s3.envato.com/files/71952277/Preview%20File/01_Maxxizpreview.__large_preview.png"][/img] [img src="http://0.s3.envato.com/files/70402279/Preview%20File/01_Rifqiypreview.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX4NyMu14ZpceMpa1ghqACWbCIoVNq3xqexsyo_WtafIdsDjpjKIXP2DSIz66-u7qfriB46DYMA9fXg7LbRILPcW7B5WwDb108TQWrqTXGFHABNulY_Tzm1nNwvp-1I3yJoDFEX54Of0u/s1600/AdamzPreview.png"][/img] [img src="http://0.s3.envato.com/files/70974834/Preview%20File/01Ijonkz_previewfile.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiTWjkvBQ0EpXZ5lUf4W2b9BHBjZR_BA2ozdjkiIANCeDyaXyLo70xCrxWNjb130Gv_f9nJnBbE5JfO6gQElr9pUfRTkIJdZYOUG54ZMuLIjZvARRj6tl0cEmOE2FQvnkw3hORaLKg0Dg/s1600/01_syahirapreview.png"][/img] [/bgallery]
[youtube src="XkYa2OhQ9IQ"/] /*------- or -------*/ [youtube src="XkYa2OhQ9IQ"][/youtube]
[map src="!1m14!1m8!1m3!1d31639.960202802864!2d109.462238!3d-7.5755189!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e654b9bffffffff%3A0x842882662e981e0b!2sWaduk+Sempor!5e0!3m2!1sid!2sid!4v1460934939145"][/map]
[slide] [img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"][/img] [img src="http://2.s3.envato.com/files/71952277/Preview%20File/01_Maxxizpreview.__large_preview.png"][/img] [img src="http://0.s3.envato.com/files/70402279/Preview%20File/01_Rifqiypreview.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX4NyMu14ZpceMpa1ghqACWbCIoVNq3xqexsyo_WtafIdsDjpjKIXP2DSIz66-u7qfriB46DYMA9fXg7LbRILPcW7B5WwDb108TQWrqTXGFHABNulY_Tzm1nNwvp-1I3yJoDFEX54Of0u/s1600/AdamzPreview.png"][/img] [img src="http://0.s3.envato.com/files/70974834/Preview%20File/01Ijonkz_previewfile.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiTWjkvBQ0EpXZ5lUf4W2b9BHBjZR_BA2ozdjkiIANCeDyaXyLo70xCrxWNjb130Gv_f9nJnBbE5JfO6gQElr9pUfRTkIJdZYOUG54ZMuLIjZvARRj6tl0cEmOE2FQvnkw3hORaLKg0Dg/s1600/01_syahirapreview.png"][/img] [/slide]
[carousel] [img src="https://0.s3.envato.com/files/154493518/FilePreview/01_SevidaCover.png"][/img] [img src="http://2.s3.envato.com/files/71952277/Preview%20File/01_Maxxizpreview.__large_preview.png"][/img] [img src="http://0.s3.envato.com/files/70402279/Preview%20File/01_Rifqiypreview.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX4NyMu14ZpceMpa1ghqACWbCIoVNq3xqexsyo_WtafIdsDjpjKIXP2DSIz66-u7qfriB46DYMA9fXg7LbRILPcW7B5WwDb108TQWrqTXGFHABNulY_Tzm1nNwvp-1I3yJoDFEX54Of0u/s1600/AdamzPreview.png"][/img] [img src="http://0.s3.envato.com/files/70974834/Preview%20File/01Ijonkz_previewfile.__large_preview.png"][/img] [img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiTWjkvBQ0EpXZ5lUf4W2b9BHBjZR_BA2ozdjkiIANCeDyaXyLo70xCrxWNjb130Gv_f9nJnBbE5JfO6gQElr9pUfRTkIJdZYOUG54ZMuLIjZvARRj6tl0cEmOE2FQvnkw3hORaLKg0Dg/s1600/01_syahirapreview.png"][/img] [/carousel]
"There are almost as many conjectures as to that as there are geologists," was his answer. [tooltip url="http://themeforest.com/user/MKRdezign" title="MKRdezign"]"There are almost as many conjectures as to that as there are geologists," was his answer.[/tooltip]"One estimates it thirty miles, because the internal heat, increasing at the rate of about one degree to each sixty to seventy feet depth, would be sufficient to fuse the most refractory substances at that distance beneath the surface. Another finds that the phenomena of precession and nutation require that the earth, if not entirely solid, must at least have a shell not less than eight hundred to a thousand miles in thickness

Label 1	Label 2	Label 3	Label 4
Description 1	Description 2	Description 3	Description 4
Description 1	Description 2	Description 3	Description 4

[review] [content title="Summary" label="Overall Score"]My fellow Earthicans, as I have explained in my book Earth in the Balance, and the much more popular Harry Potter and the Balance of Earth, we need to defend our planet against pollution. Also dark wizards but I know you in the future back in our hands.[/content] [item value="7"]Gameplay[/item] [item value="8"]Graphics[/item] [item value="10"]Sound[/item] [item value="5"]Ease of play[/item] [item value="9"]Hardware[/item] [/review]
[lock] asjhjagsfkagfkhsgfjafgdajgfakeyak" Jangan berharap sesuatu yang besar dengan tiba-tiba, mulailah dari yang terkecil dan gapailah semua harapan dengan sungguh-sungguh disertai kerjakeras dan do'a. "sdgiurgvuagyueuakfgvzkaguyressvkbejehvb [/lock]
[tab] [content title="Soundcloud"] [soundcloud height="400" visual="true" src="Soundcloud_ID"][/soundcloud] [/content] [content title="Youtube"] [youtube src="Video_ID"][/youtube] [/content] [content title="Maps"] [map src="Google_Maps_ID"][/map] [/content] [content title="Accordion"] [accordion] [item title="Accordion 1"]Ok sobat 2RI$1 pada kesempatan ini 2RI$1 akan membagikan trik bagaimana cara menampilkan navigasi Next & Previous dengan judul posingan halaman selanjutnya dibawah postingan Blog. Kegunaan memasang navigasi ini adalah agar pengunjung blog dapat melihat postingan sebelum dan sesudah postingan yang sedang dibacanya, tentu saja untuk menambah daya tarik kepada pengunjung agar membaca artikel selanjutnya. Trik ini bukanlah yang baru dan sudah banyak pakar blog yang berbagi ilmu tentang yang cara membuat navigasi Next & Previous baik itu menggunakan JavaScript atau menggunakan jQuery. Disini saya akan membahas menggunakan jQuery yang lebih rapi dan juga sangat optimal. Saya menemukan bahwa tombol Navigasi Next & Previous ditempatkan tepat di bagian bawah konten lebih baik dibandingkan dengan menempatkan di bawah komentar. Ok sobat berikut adalah Cara Membuat Navigasi Next & Previous Dibawah Postingan dan tentu saja dengan judul postingan dihalaman sebelum atau halaman selanjutnya.[/item] [item title="Accordion 2"]TAMBAHKAN KE BLOGGER Pertama kita akan menambahkan kode yang diperlukan dan kemudian kita akan menghapus tombol standar yang ada yang muncul di bawah bagian komentar. 1. Masuk ke Blogger > Template 2. Backup template Anda 3. Klik "Edit HTML" 4. Cari kata ]]> (Tekan Ctrl + F untuk memudahkan pencarian), Letakkan kode Css di bawah ini tepat di atas ]]>[/item] [item title="Accordion 3"]Di sini saya menggunakan sedikit jquery untuk mengambil data dalam tag judul. Karena blogger hanya menyediakan pilihan untuk beralih antara posting berikutnya dan sebelumnya menggunakan URL, oleh karena itu kita membutuhkan jQuery untuk menemukan kelas judul menggunakan tag heading. Kelas judul dan tag post mungkin berbeda untuk setiap template blog. Dalam template blog standar, kelas yang benar adalah .post h3.post-title dan karena itu saya akan menggunakan yang sama dalam kode jquery di atas. (Opsi) Teks yang berwarna kuning dan oranye dapat diganti dengan teks sesuai dengan keinginan anda. 8. Simpan template anda dan lihat blog anda. MENGHAPUS TOMBOL NEXT & PREV YANG LAMA[/item] [/accordion] [/content] [/tab]
TURISWAN