{"id":820,"date":"2019-12-11T00:44:50","date_gmt":"2019-12-11T00:44:50","guid":{"rendered":"http:\/\/acahya.web.id\/?p=820"},"modified":"2019-12-19T03:24:12","modified_gmt":"2019-12-19T03:24:12","slug":"buat-editorial-board-ojs-lebih-menarik","status":"publish","type":"post","link":"https:\/\/acahya.web.id\/?p=820","title":{"rendered":"Buat Editorial Board OJS lebih Menarik"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Untuk membuat tampilan Editorial Board dalam video diatas kita memerlukan 2 buah file yang pertama adalah HTML kode yang akan kita pastekan di halaman setting jurnal OJS, yang kedua adalah code CSS yang harus kita tambahkan untuk untuk memformat style kode html supaya tampilannya seperti pada video diatas.<\/p>\n\n\n\n

Kode HTML <\/h4>\n\n\n
\n&lt;div id="groups">\n    &lt;div class="group">\n        &lt;h4 style="font-size: 22px; border-bottom: 1px solid #E7E7E7; padding: 5px 0px;">Editor in Chief&lt;\/h4>\n        &lt;div class="editorial-list">\n            &lt;ul class="list-unstyled">\n                &lt;li>\n                    &lt;div class="img-profile">\n                        &lt;div class="imgthumb">&lt;img src="\/public\/site\/images\/admin\/Rahadian_Zainul.jpg"\n                                alt="Profile Image" width="123" height="150" \/>&lt;\/div>\n                    &lt;\/div>\n                    &lt;div class="team-content">&lt;strong> &lt;img class="ico-label"\n                                src="\/public\/site\/images\/admin\/author1.png" \/>Dr. Rahadian Zainul, M.Si &lt;\/strong>\n                        &lt;div class="team-aff">\n                            &lt;ul class="list-unstyled">\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/scopus1.jpg" \/>Scopus ID : &lt;a\n                                        title="Scopus ID"\n                                        href="https:\/\/www.scopus.com\/authid\/detail.uri?authorId=56737195700"\n                                        target="_blank" rel="noopener" data-toggle="tooltip">56737195700&lt;\/a>&lt;\/li>\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/orcid1.jpg" \/>&lt;a title="ORCID"\n                                        href="https:\/\/orcid.org\/0000-0002-3740-3597" target="_blank" rel="noopener"\n                                        data-toggle="tooltip">https:\/\/orcid.org\/0000-0002-3740-3597&lt;\/a>&lt;\/li>\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/institusi.jpg" \/> Universitas\n                                    Negeri Padang,Indonesia&lt;\/li>\n                            &lt;\/ul>\n                        &lt;\/div>\n                    &lt;\/div>\n                &lt;\/li>\n            &lt;\/ul>\n        &lt;\/div>\n    &lt;\/div>\n    &lt;div class="group">\n        &lt;h4 style="font-size: 22px; border-bottom: 1px solid #E7E7E7; padding: 5px 0px;">Journal Manager&lt;\/h4>\n        &lt;div class="editorial-list">\n            &lt;ul class="list-unstyled">\n                &lt;li>\n                    &lt;div class="img-profile">\n                        &lt;div class="imgthumb">&lt;img src="\/public\/site\/images\/admin\/ade.jpg" alt="Profile Image"\n                                width="123" height="150" \/>&lt;\/div>\n                    &lt;\/div>\n                    &lt;div class="team-content">&lt;strong> &lt;img class="ico-label"\n                                src="\/public\/site\/images\/admin\/author1.png" \/>Ade Cahya, S.Kom&lt;\/strong>\n                        &lt;div class="team-aff">\n                            &lt;ul class="list-unstyled">\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/scopus1.jpg" \/>Scopus ID : &lt;a\n                                        title="Scopus ID">-&lt;\/a>&lt;\/li>\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/orcid1.jpg" \/>&lt;a title="ORCID"\n                                        href="https:\/\/orcid.org\/0000-0002-0141-3267" target="_blank" rel="noopener"\n                                        data-toggle="tooltip">https:\/\/orcid.org\/0000-0002-0141-3267&lt;\/a>&lt;\/li>\n                                &lt;li>&lt;img class="ico-label" src="\/public\/site\/images\/admin\/institusi.jpg" \/> Universitas\n                                    Negeri Padang,Indonesia&lt;\/li>\n                            &lt;\/ul>\n                        &lt;\/div>\n                    &lt;\/div>\n                &lt;\/li>\n            &lt;\/ul>\n        &lt;\/div>\n    &lt;\/div>\n&lt;\/div>\n<\/pre><\/div>\n\n\n
Kode CSS <\/h3>\n\n\n\n
Untuk mempercantik tampilan editorial boar perlu dibuat kode CSS yang bisa ditambahkan dengan kode css yang telah ada pada jurnal OJS kita. caranya buka file css jurnal di menu setting\/website klik nama css yang ada untuk melihat kode css yang telah ada klik save page as untuk meyimpan kode css. kemudian edit kembali file tadi dan tambahkan kode berikut di bawah baris terakhir file css tadi.<\/p>\n\n\n
\n.editorial-list{\n    position: relative; \n}\n.editorial-list li{\n    margin-bottom: 1.125rem;\n}\n.editorial-list .img-profile{\n    position: absolute;\n    width: 95px;\n    height: 105px;\n    border: 1px solid #ddd;\n    padding: .5rem;\n}\n.editorial-list .img-profile .imgthumb{ \n    width: 80px;\n    height: 90px;\n    overflow: hidden;\n    margin: 0 auto; \n\tobject-fit: fill;\n}\n.editorial-list .img-profile img{\n    width: 100%;\n\theight:100%;\n}\n.team-content{\n    margin-left: 100px;\n    min-height: 130px;\n}\n.team-content .ico-label{\n    width: 18px;\n    height: 18px;\n    margin-right: .5rem;\n}\t\n.team-aff ul li{\n    margin-bottom: 0;\n}\n.team-aff ul li .tm_label{\n    display: inline-block;\n    width: 80px;\n}\n\n.team-aff ul li .ico-label{\n    width: 18px;\n    height: 18px;\n    margin-right: .5rem;\n}\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"
Untuk membuat tampilan Editorial Board dalam video diatas kita memerlukan 2 buah file yang pertama adalah HTML kode yang akan kita pastekan di halaman setting jurnal OJS, yang kedua adalah code CSS yang harus kita tambahkan untuk untuk memformat style kode html supaya tampilannya seperti pada video diatas. Kode HTML Kode CSS Untuk mempercantik tampilan […]<\/p>\n","protected":false},"author":1,"featured_media":822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[32,4],"tags":[19,36],"class_list":["post-820","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jurnal","category-ojs","tag-ojs","tag-tutorial","et_post_format-et-post-format-video","et-has-post-format-content"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2019\/12\/Editorial-Board.jpg?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9RKEz-de","jetpack-related-posts":[{"id":590,"url":"https:\/\/acahya.web.id\/?p=590","url_meta":{"origin":820,"position":0},"title":"Menambahkan No Handphon di Register Form OJS","author":"Ade Cahya,S.Kom","date":"October 24, 2018","format":false,"excerpt":"Masih seputar OJS, kali ini tutorial kita adalah menambahkan Field No Telpon pada Form Registrasi Jurnal denagn OJS. Jika sudah selesai maka tampilan OJS registrasi kita akan seperti berikut : Langkah Pertama kita edit terlebih dahulu Form Registrasi dengan Menambahkan Field Phone kita buka file di lokasi berikut : lib\/pkp\/templates\/frontend\/components\/registrationForm.tpl\u2026","rel":"","context":"In "OJS"","block_context":{"text":"OJS","link":"https:\/\/acahya.web.id\/?cat=4"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Form-Registrasi.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Form-Registrasi.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Form-Registrasi.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Form-Registrasi.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Form-Registrasi.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":171,"url":"https:\/\/acahya.web.id\/?p=171","url_meta":{"origin":820,"position":1},"title":"Tutorial Animasi Menu OJS 3.1","author":"Ade Cahya,S.Kom","date":"April 30, 2018","format":false,"excerpt":"Pada Tutorial kali ini saya membagikan bagaimana cara, agar script java dapat berjalan ketika membuat sebuah custom block manager pada ojs open journal system. javascript pada ojs customblock manager biasanya akan diblok oleh system OJS, untuk menangani masalah tersebut kita akan menggunakan sebuah plugin Custom Header Plugin. Custom Header Plugin\u2026","rel":"","context":"In "OJS"","block_context":{"text":"OJS","link":"https:\/\/acahya.web.id\/?cat=4"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/Cover-.jpg?fit=1200%2C661&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/Cover-.jpg?fit=1200%2C661&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/Cover-.jpg?fit=1200%2C661&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/Cover-.jpg?fit=1200%2C661&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/Cover-.jpg?fit=1200%2C661&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":450,"url":"https:\/\/acahya.web.id\/?p=450","url_meta":{"origin":820,"position":2},"title":"Menambahkan DOI pada Table of Content OJS 3.1","author":"Ade Cahya,S.Kom","date":"August 25, 2018","format":false,"excerpt":"Untuk menambah informasi adanya DOI tiap artikel yang sudah dipublish kita dapat menambahkan informasi DOI tersebut pada Table of Content atau pada halaman depan Current Issue. Namun halaman depan ini tidak langsung menampilkan informasi DOI tiap artikel yang sudah terbit, informasi tersebut hanya muncul ketika kita melihat detail masing-masing artikel.\u2026","rel":"","context":"In "OJS"","block_context":{"text":"OJS","link":"https:\/\/acahya.web.id\/?cat=4"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/08\/DOI-.jpg?fit=1200%2C679&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/08\/DOI-.jpg?fit=1200%2C679&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/08\/DOI-.jpg?fit=1200%2C679&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/08\/DOI-.jpg?fit=1200%2C679&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/08\/DOI-.jpg?fit=1200%2C679&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":595,"url":"https:\/\/acahya.web.id\/?p=595","url_meta":{"origin":820,"position":3},"title":"Tutorial OJS Modifikasi Informasi Jurnal di Halaman frontend Jurnal","author":"Ade Cahya,S.Kom","date":"October 31, 2018","format":false,"excerpt":"Tutorial ini memodifikasi Aditional Content OJS yang tadinya di bawah menjadi Posisi Paling atas sebeum Announcement. Berikut adalah kode untuk modifikasi Cover Jurnal agar lebih rapih :  \u00a0","rel":"","context":"In "Jurnal"","block_context":{"text":"Jurnal","link":"https:\/\/acahya.web.id\/?cat=32"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Info-Jurnal.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Info-Jurnal.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Info-Jurnal.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Info-Jurnal.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/10\/Info-Jurnal.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":610,"url":"https:\/\/acahya.web.id\/?p=610","url_meta":{"origin":820,"position":4},"title":"Membuat Dimension Badge OJS 3","author":"Ade Cahya,S.Kom","date":"November 2, 2018","format":false,"excerpt":"Berjumla kembali dengan Serial Tutorial Open Journal System, Tutorial kali ini adalah bagaimana cara kita memasang dimension badge. Apa itu dimension badge. Dimension badge adalah suatu aplikasi yang menghitung Citation, Current Citation, Field Citation Ration, dan Relative Citation Ratio dari suatu artikel ilmiah. Ini merupakan produk dari DIgital Science, suatu\u2026","rel":"","context":"In "OJS"","block_context":{"text":"OJS","link":"https:\/\/acahya.web.id\/?cat=4"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/11\/Dimensions.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/11\/Dimensions.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/11\/Dimensions.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/11\/Dimensions.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/11\/Dimensions.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":78,"url":"https:\/\/acahya.web.id\/?p=78","url_meta":{"origin":820,"position":5},"title":"Tutorial Custom CSS for Menu Sidebar OJS","author":"Ade Cahya,S.Kom","date":"April 25, 2018","format":false,"excerpt":"Berikut adalah kode HTML untuk isian menu sidebar pada OJS  ADDITIONAL MENUS<\/th><\/tr>  Editorial Team<\/a><\/td> <\/tr>  Peer Reviewers<\/a><\/td> <\/tr>  Peer Review Process<\/a><\/td> <\/tr>  Focus and Scope<\/a><\/td> <\/tr>  Publication Ethics<\/a><\/td> <\/tr>  Online Submission<\/a><\/td>\u2026","rel":"","context":"In "OJS"","block_context":{"text":"OJS","link":"https:\/\/acahya.web.id\/?cat=4"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/SideBar-.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/SideBar-.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/SideBar-.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/SideBar-.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acahya.web.id\/wp-content\/uploads\/2018\/04\/SideBar-.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/posts\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acahya.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=820"}],"version-history":[{"count":10,"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/posts\/820\/revisions\/901"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acahya.web.id\/index.php?rest_route=\/wp\/v2\/media\/822"}],"wp:attachment":[{"href":"https:\/\/acahya.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acahya.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acahya.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}