Selamat sore sahabatku di bersosial.com Saya mau nanya nih, bagaimana yah cara membuat struktur organisasi sebuah perusahaan di website kebetulan saya menggunakan wordpress, saya sudah coba tanya ke mbah google tapi saya belum nemuin jawaban yang memuaskan dari mbah googlenya. Mudah" sahabatku di bersosial.com ada yang tau caranya dan mau berbagi ilmunya kepada saya hehehhe... Ini Contoh Struktur Organisasi AET Travelnya Zerki Juliandri, Mar 26, 2015 #1 Ardilas Super Level Joined: Feb 18, 2013 Messages: 4,243 Likes Received: 317 Trophy Points: 83 Google+: Author Sepertinya tidak ada Mas. Mungkin bisa mencantumkan strukturnya dalam bentuk gambar. Ardilas, Mar 26, 2015 #2 KangAndre Member Joined: Jan 25, 2014 Messages: 10,244 Likes Received: 2,714 Trophy Points: 413 Sebaiknya beri contoh website menggunakan struktur yang dimaksud itu? KangAndre, Mar 27, 2015 #3 profhariz Member Joined: Jun 25, 2013 Messages: 86 Likes Received: 1 Trophy Points: 8 Google+: Author Berikan contoh mudah kami untuk membantunya. InshaAllah tiada yang sukar dalam dunia ini jika ada ilmu. profhariz, Mar 27, 2015 #4 Zerki Juliandri likes this. Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 udah saya update lagi sob...ini contoh struktur yang pengen saya masukin ke web mohon bantuanya : Zerki Juliandri, Mar 28, 2015 #5 Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 mas sudah saya update thread nya pake gambar Zerki Juliandri, Mar 28, 2015 #6 Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 s udah saya update lagi mas Zerki Juliandri, Mar 28, 2015 #7 Ardilas Super Level Joined: Feb 18, 2013 Messages: 4,243 Likes Received: 317 Trophy Points: 83 Google+: Author Iya, maksud saya masukin gambar nya saja langsung sebagai konten. Selain itu saya kurang paham. Ardilas, Mar 28, 2015 #8 Zerki Juliandri likes this. KangAndre Member Joined: Jan 25, 2014 Messages: 10,244 Likes Received: 2,714 Trophy Points: 413 @Zerki Juliandri Apakah seperti ini? Di atas merupakan hasil HTML dengan menggunakan JQuery. Saya punya kodenya dan belum pernah di coba ke wp ((hanya dibuat index.html di localhost) Link donlotnya lupa... Spoiler <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Struktur Organisasi Sekolah</title> <link rel="stylesheet" href="js/jquery/ui-lightness/jquery-ui-1.10.2.custom.css" /> <script type="text/javascript" src="js/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery/jquery-ui-1.10.2.custom.min.js"></script> <script type="text/javascript" src="js/primitives.min.js"></script> <link href="css/primitives.latest.css" media="screen" rel="stylesheet" type="text/css" /> <script type='text/javascript'>//<![CDATA[ $(window).load(function () { var options = new primitives.orgdiagram.Config(); var items = [ new primitives.orgdiagram.ItemConfig({ id: 0, parent: null, title: "Kepala Sekolah", description: "Nama Kepala Sekolah", image: "images/photos/a.png" }), new primitives.orgdiagram.ItemConfig({ id: 1, parent: 0, title: "Kesiswaan", description: "Nama Kesiswaan", image: "images/photos/b.png" }), new primitives.orgdiagram.ItemConfig({ id: 2, parent: 0, title: "Humas", description: "Nama Humas", image: "images/photos/b.png" }), new primitives.orgdiagram.ItemConfig({ id: 3, parent: 1, title: "Pembina Osis", description: "Nama Pembina Osis", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 4, parent: 1, title: "Pembina Ekstra", description: "Pembina Ekstra", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 5, parent: 2, title: "UKS", description: "Nama UKS", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 6, parent: 2, title: "Koperasi", description: "Nama Koperasi", image: "images/photos/c.png" }) ]; options.items = items; options.cursorItem = 0; options.hasSelectorCheckbox = primitives.common.Enabled.True; jQuery("#strukturorganisasi").orgDiagram(options); });//]]> </script> </head> <body> <div id="strukturorganisasi" style="width: 640px; height: 480px; border-style: dotted; border-width: 1px;" /> </body> </html> KangAndre, Mar 28, 2015 #9 Zerki Juliandri likes this. Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 Iya mas memang rencananya saya mau masukin gambarnya sebagai konten untuk alternatifnya, tapi kalo ada script html bikin strukturnya kan lebih bagus mas hehehe....sekalian juga belajar mas, Zerki Juliandri, Mar 30, 2015 #10 Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 iy iya kurang lebih seperti ni mas cuma apakah bisa di bikinin sperti gambar yang d thred itu mas yang sma persis dengan gambar di atas Zerki Juliandri, Mar 30, 2015 #11 Gesper Member Joined: Mar 1, 2015 Messages: 242 Likes Received: 9 Trophy Points: 18 Google+: Author Ikut nangkring ah,.kayanya ane juga perlu nih struktur kerja kaya gini Gesper, Mar 30, 2015 #12 KangAndre Member Joined: Jan 25, 2014 Messages: 10,244 Likes Received: 2,714 Trophy Points: 413 Maaf nggak ada waktu. Coba sendiri yah, nggak begitu sulit kok... silahkan pelajari.. Maaf saya lupa blog yang membahas ini, tapi sudah saya simpan source-nya sedot di sini untuk bahan pembelajaran: https://drive.google.com/file/d/0B4zO7u02UGOlYVExNE9iZnlVemc KangAndre, Mar 30, 2015 #13 Zerki Juliandri likes this. Zerki Juliandri Member Joined: Dec 3, 2014 Messages: 202 Likes Received: 8 Trophy Points: 18 Ok gpp kang andre, terimakasih ini sudah sangat membantu sekali kang Zerki Juliandri, Mar 30, 2015 #14 (You must log in or sign up to reply here.) Show Ignored Content Loading... Similar Threads - [ASK] Bagaimana Cara [ASK] Bagaimana sih Cara agar BLOG dapat TRAFFIC yang tinggi ! Portal Jurnalis, Jan 7, 2017, in forum: General Discussion Replies: 43 Views: 7,540 katon Sep 3, 2017 [ASK] Bagaimana Cara Mengatasi Bimbang Saat Dituntut Nikah? Muhammad Khoir, Aug 12, 2016, in forum: General Discussion Replies: 65 Views: 12,418 mabrur Sep 3, 2016 [ask]mohon bantuan bagaimana cara mengatur cleaning service Wa_Wa CHAN, Jan 19, 2016, in forum: General Discussion Replies: 6 Views: 1,746 ostnandar Aug 12, 2016 [Ask] Bagaimana Cara Instal Theme dari W3layouts[dot]com ? Zerki Juliandri, Oct 23, 2015, in forum: General Discussion Replies: 11 Views: 3,482 NieeLz Oct 26, 2015 [Ask] Bagaimana Cara Menganti Nama Akun Kita di Bersosial.com Zerki Juliandri, Dec 22, 2014, in forum: General Discussion Replies: 6 Views: 1,169 Muhammad Amin Jan 12, 2015 Share This Page Tweet Log in with Facebook Log in with Twitter Your name or email address: Do you already have an account? No, create an account now. Yes, my password is: Forgot your password? Stay logged in
Berikan contoh mudah kami untuk membantunya. InshaAllah tiada yang sukar dalam dunia ini jika ada ilmu.
@Zerki Juliandri Apakah seperti ini? Di atas merupakan hasil HTML dengan menggunakan JQuery. Saya punya kodenya dan belum pernah di coba ke wp ((hanya dibuat index.html di localhost) Link donlotnya lupa... Spoiler <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Struktur Organisasi Sekolah</title> <link rel="stylesheet" href="js/jquery/ui-lightness/jquery-ui-1.10.2.custom.css" /> <script type="text/javascript" src="js/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery/jquery-ui-1.10.2.custom.min.js"></script> <script type="text/javascript" src="js/primitives.min.js"></script> <link href="css/primitives.latest.css" media="screen" rel="stylesheet" type="text/css" /> <script type='text/javascript'>//<![CDATA[ $(window).load(function () { var options = new primitives.orgdiagram.Config(); var items = [ new primitives.orgdiagram.ItemConfig({ id: 0, parent: null, title: "Kepala Sekolah", description: "Nama Kepala Sekolah", image: "images/photos/a.png" }), new primitives.orgdiagram.ItemConfig({ id: 1, parent: 0, title: "Kesiswaan", description: "Nama Kesiswaan", image: "images/photos/b.png" }), new primitives.orgdiagram.ItemConfig({ id: 2, parent: 0, title: "Humas", description: "Nama Humas", image: "images/photos/b.png" }), new primitives.orgdiagram.ItemConfig({ id: 3, parent: 1, title: "Pembina Osis", description: "Nama Pembina Osis", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 4, parent: 1, title: "Pembina Ekstra", description: "Pembina Ekstra", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 5, parent: 2, title: "UKS", description: "Nama UKS", image: "images/photos/c.png" }), new primitives.orgdiagram.ItemConfig({ id: 6, parent: 2, title: "Koperasi", description: "Nama Koperasi", image: "images/photos/c.png" }) ]; options.items = items; options.cursorItem = 0; options.hasSelectorCheckbox = primitives.common.Enabled.True; jQuery("#strukturorganisasi").orgDiagram(options); });//]]> </script> </head> <body> <div id="strukturorganisasi" style="width: 640px; height: 480px; border-style: dotted; border-width: 1px;" /> </body> </html>
Iya mas memang rencananya saya mau masukin gambarnya sebagai konten untuk alternatifnya, tapi kalo ada script html bikin strukturnya kan lebih bagus mas hehehe....sekalian juga belajar mas,
iy iya kurang lebih seperti ni mas cuma apakah bisa di bikinin sperti gambar yang d thred itu mas yang sma persis dengan gambar di atas
Maaf nggak ada waktu. Coba sendiri yah, nggak begitu sulit kok... silahkan pelajari.. Maaf saya lupa blog yang membahas ini, tapi sudah saya simpan source-nya sedot di sini untuk bahan pembelajaran: https://drive.google.com/file/d/0B4zO7u02UGOlYVExNE9iZnlVemc