{source} </div> </div> <div class="mfp-col-xs-12 mfp-col-sm-6 mfp-col-md-3 mfp_default_item"> <div> <a href="/ceritaku/357-cara-memasang-moodle-mudah,-cepat-menggunakan-vps-ubuntu-aapanel.html" class="mfp_thumb_pos_top" itemprop="url"><img src="/images/thumbnails/mod_minifrontpage/357_520.png" width="128" height="64" alt="Cara memasang moodle mudah menggunakan VPS (ubuntu+aapanel) modal Klik" /></a> <h4 class="mfp_default_title"> <a href="/ceritaku/357-cara-memasang-moodle-mudah,-cepat-menggunakan-vps-ubuntu-aapanel.html" itemprop="url"> Cara memasang moodle mudah menggunakan VPS... </a> </h4> <span class='mfp_date'>Monday, 30 September 2024 10:10</span> <p class="mfp_introtext"> MEMASANG MOODLE MINIM EFFORT KLIK UPLOAD JADI Di artikel ini akan kita bahas bagaimana cara... </p> </div> </div> <div class="mfp-col-xs-12 mfp-col-sm-6 mfp-col-md-3 mfp_default_item"> <div> <a href="/ceritaku/282-filosofi-investasi-saham-pastikan-sebelum-masuk-anda-paham-betul-pasar-saham.html" class="mfp_thumb_pos_top" itemprop="url"><img src="/images/thumbnails/mod_minifrontpage/282_520.jpg" width="128" height="64" alt="Filosofi investasi saham pastikan sebelum masuk anda paham betul pasar saham" /></a> <h4 class="mfp_default_title"> <a href="/ceritaku/282-filosofi-investasi-saham-pastikan-sebelum-masuk-anda-paham-betul-pasar-saham.html" itemprop="url"> Filosofi investasi saham pastikan sebelum masuk... </a> </h4> <span class='mfp_date'>Thursday, 17 August 2023 06:59</span> <p class="mfp_introtext"> Bursa saham merupakan entitas yang mengatur dan menyediakan sistem serta fasilitas untuk... </p> </div> </div> <div class="mfp-col-xs-12 mfp-col-sm-6 mfp-col-md-3 mfp_default_item"> <div> <a href="/budidaya/442-budidaya-ikan-makin-strategis-dari-ketahanan-pangan-hingga-peluang-ekonomi-di-tengah-naiknya-permintaan-protein.html" class="mfp_thumb_pos_top" itemprop="url"><img src="/images/thumbnails/mod_minifrontpage/442_520.jpg" width="128" height="64" alt="Budidaya Ikan Makin Strategis: Dari Ketahanan Pangan hingga Peluang Ekonomi di Tengah Naiknya Permintaan Protein" /></a> <h4 class="mfp_default_title"> <a href="/budidaya/442-budidaya-ikan-makin-strategis-dari-ketahanan-pangan-hingga-peluang-ekonomi-di-tengah-naiknya-permintaan-protein.html" itemprop="url"> Budidaya Ikan Makin Strategis: Dari Ketahanan... </a> </h4> <span class='mfp_date'>Monday, 06 April 2026 11:20</span> <p class="mfp_introtext"> Budidaya ikan terus menempati posisi penting dalam peta pangan nasional karena menjadi salah satu... </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="yt_spotlight7" class="block"> <div class="container"> <div class="row"> <div id="bottom3" class="col-md-12 col-sm-12" > <div class="module " > <div class="modcontent clearfix"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <link rel="stylesheet" href="https://www.jokovlog.my.id/modules/mod_ollama_chat/chatbox.css"> <script src="https://www.jokovlog.my.id/modules/mod_ollama_chat/chatbox.js"></script> <!-- Floating Chat Button --> <div class="chatbot-toggle" onclick="toggleChatbox()"> <i class="fas fa-robot"></i> </div> <!-- Chat Window --> <div class="chatbot-window" id="chatbotWindow"> <div class="chatbot-header"> <i class="fas fa-comments"></i> AI JokoVlog <span class="close-btn" onclick="toggleChatbox()">×</span> </div> <div class="chatbot-body"> <div class="chat-history" id="chatHistory"> <div class="supported-topics"> <small>Ask me anything, and I'll answer you.</small> <div class="chatbot-footer" style="padding: 5px 10px; font-size: 10px; text-align: center; background: #f5f5f5; border-top: 1px solid #ddd;"> Chatbot AI Open WebUI <a href="https://jokovlog.my.id/produkku/412-modul-open-webui-chat-bot-ai-joomla.html" target="_blank" style="color: #4a90e2;">JokoVlog</a> | <a href="https://youtube.com/jokovlog" target="_blank" style="color: #4a90e2;">YouTube</a> </div> </div> </div> <form method="post" onsubmit="setTimeout(scrollToBottom, 100)"> <input type="hidden" name="d420a1565809e0eb03ca1d5af31fc109" value="1" /> <div class="chat-input-group"> <input type="text" name="user_input" placeholder="Write a message..." required> <button type="submit" name="send">Send</button> <button type="submit" name="reset" value="1">Reset</button> </div> </form> </div> </div> <script> // Scroll ke bawah saat ada pesan baru (setelah form submit) if (window.history.replaceState) { window.history.replaceState(null, null, window.location.href); } </script> </div> </div> </div> <div id="logo-footer" class="col-lg-3 col-md-4 col-sm-5 col-xs-12" > <div class="module " > <div class="modcontent clearfix"> <p><img class="logo" src="/images/logo_footer.png" alt="" width="205" height="26" /></p> </div> </div> </div> <div id="menu-bottom" class="col-lg-9 col-md-8 col-sm-7" > <div class="module " > <div class="modcontent clearfix"> <ul class="menu " > <li class="item-0"><a href="https://youtube.com/jokovlog" ><span class="menu-title">Youtube</span></a></li><li class="item-1"><a href="http://tiktok.com/@jokovlog" target="_blank" ><span class="menu-title">Tiktok</span></a></li><li class="item-2"><a href="http://instagram.com/jokovlog" target="_blank" ><span class="menu-title">IG</span></a></li><li class="item-3"><a href="https://facebook.com/@jokovlogs" ><span class="menu-title">FB</span></a></li><li class="item-4"><a href="https://www.threads.net/@jokovlog" ><span class="menu-title">Threads</span></a></li><li class="item-5"><a href="https://x.com/jokovlogs" ><span class="menu-title">X-Twiter</span></a></li><li class="item-6"><a href="https://github.com/joklin12" ><span class="menu-title">Github</span></a></li><li class="item-7"><a href="https://www.linkedin.com/in/joko-supriyanto-039458270?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app target=_blank rel=noopener" target="_blank" ><span class="menu-title">LinkedIn</span></a></li><li class="item-8"><a href="https://s.snackvideo.com/u/@jokovlog/CZO5dBuw" ><span class="menu-title">SnackVideo</span></a></li><li class="item-9"><a href="https://broker.mqtt.jokovlog.my.id/" target="_blank" ><span class="menu-title">MQTT</span></a></li><li class="item-10"><a href="https://wiki.jokovlog.my.id" ><span class="menu-title">Wiki</span></a></li><li class="item-11"><a href="https://n8n.jokovlog.my.id" ><span class="menu-title">AI Agen</span></a></li><li class="item-12"><a href="https://short.jokovlog.my.id" ><span class="menu-title">ShortLink</span></a></li></ul> </div> </div> </div> </div> </div> </section> <section id="yt_spotlight6" class="block"> <div class="container"> <div class="row"> <div id="bottom6" class="col-md-3 col-sm-6" > <div class="module " > <h3 class="modtitle"><span class="modtitle-inner">Tag populer<span class="subtitle"></span> </span></h3> <div class="modcontent clearfix"> <div class="tagspopular tagscloud"> <span class="tag"> <a class="tag-name" style="font-size: 1em" href="/component/tags/tag/37-aplikasi.html"> aplikasi</a> <span class="tag-count badge badge-info">2</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1.304347826087em" href="/component/tags/tag/20-investasi.html"> investasi</a> <span class="tag-count badge badge-info">9</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1em" href="/component/tags/tag/31-sewa.html"> sewa</a> <span class="tag-count badge badge-info">2</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1em" href="/component/tags/tag/15-jamur.html"> jamur</a> <span class="tag-count badge badge-info">2</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 2em" href="/component/tags/tag/3-uang-kripto.html"> uang kripto</a> <span class="tag-count badge badge-info">25</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1em" href="/component/tags/tag/16-jamur-tiram.html"> jamur tiram</a> <span class="tag-count badge badge-info">2</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1.2173913043478em" href="/component/tags/tag/27-iot.html"> IoT</a> <span class="tag-count badge badge-info">7</span> </span> <span class="tag"> <a class="tag-name" style="font-size: 1.0869565217391em" href="/component/tags/tag/33-cerita-lucu.html"> cerita lucu</a> <span class="tag-count badge badge-info">4</span> </span> </div> </div> </div> </div> <div id="bottom7" class="col-md-3 col-sm-6" > <div class="module " > <h3 class="modtitle"><span class="modtitle-inner">Tentang JokoVlog<span class="subtitle"></span> </span></h3> <div class="modcontent clearfix"> <div style="text-align: justify;"><b>JokoVlog</b> berawal dari sebuah chanel youtube yang dibuat 26 Juni tahun 2017. Sekarang Jokovlog berkembang menjadi web blog. Melalui platform ini, saya Joko Supriyanto yang merupakan pemilik web blog ini membagikan berbagai konten, termasuk vlog harian, tips dan trik, serta diskusi mengenai perangkat lunak. Saya juga memiliki profil di GitHub dengan username "joklin12" yang akan digunakan untuk berbagi kode berbagai proyek terkait teknologi</div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb twitter default min color" title="Twiter JokoVlog" href="https://twitter.com/jokovlog"><i class="fa fa-twitter"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb facebook default min color" title="FB JokoVlog" href="https://id-id.facebook.com/jokovlogs"><i class="fa fa-facebook"></i></a></div> </p> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb linkedin default min color" title="IG JokoVlog" href="https://www.instagram.com/jokovlog"><i class="fa fa-linkedin"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb youtube default min color" title="Youtube JokoVlog" href="https://www.youtube.com/jokovlog"><i class="fa fa-youtube"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb flickr default min color" title="TIKTOK JokoVlog" href="https://www.tiktok.com/@jokovlog"><i class="fa fa-flickr"></i></a></div> <p> </p> </div> </div> </div> <div id="bottom8" class="col-sm-6" > <div class="module " > <h3 class="modtitle"><span class="modtitle-inner">Peta Lokasi<span class="subtitle"></span> </span></h3> <div class="modcontent clearfix"> <p><a href="https://maps.app.goo.gl/DZQFfBsku9dsAFxH7" target="_blank"><img src="/images/artikel_gambar/peta_rumah.PNG" width="100%" height="NaN" alt="peta rumah" style="display: block; margin-left: auto; margin-right: auto;" /></a></p> </div> </div> </div> </div> </div> </section> <footer id="yt_footer" class="block"> <div class="container"> <div class="row"> <div id="yt_copyright" class="col-sm-12" > <div class="copyright"> Copyright © 2026 JokoVlog. All Rights Reserved </div> <!-- You CAN NOT remove (or unreadable) those links without permission. Removing the link and template sponsor Please visit smartaddons.com or contact with e-mail (contact@ytcvn.com) If you don't want to link back to smartaddons.com, you can always pay a link removal donation. This will allow you to use the template link free on one domain name. Also, kindly send me the site's url so I can include it on my list of verified users. --> <div class="designby copyright_middle"> . Designed by <a target="sj_market" title="Visit SmartAddons!" href="http://www.smartaddons.com/">SmartAddons.Com</a> </div> </div> </div> </div> </footer> </div> <div id="resmenu" class="slideout-menu hidden-md hidden-lg"> <ul class="nav resmenu"> <li><a title="Home" href='https://www.jokovlog.my.id/'><i class="jsn-icon-home"></i>Home</a> </li> <li><a title="Teknologi" href='/teknologi.html'><i class="jsn-icon-info"></i>Teknologi</a> </li> <li><a title="Default stuff..." href='/karyaku.html'><i class="jsn-icon-joomla"></i>Karyaku</a> </li> <li><a title="Ceritaku" href='/ceritaku.html'><i class="jsn-icon-info"></i>Ceritaku</a> </li> <li><a title="Budidaya" href='/budidaya.html'><i class="jsn-icon-info"></i>Budidaya</a> </li> <li><a title="Produkku" href='/produkku.html'><i class="jsn-icon-cart"></i>Produkku</a> </li> <li class="haveChild level1"><a title="Lainnya" href='#'>Lainnya</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="CCTV Online" href='/lainnya/cctv-online.html'>CCTV Online</a> </li> <li><a title="Download OS Linux" href="#1">Download OS Linux</a> </li> <li><a title="Software dan Game" href='/lainnya/software-dan-game.html'>Software dan Game</a> </li> <li><a title="Download E-Book" href="#1">Download E-Book</a> </li> </ul> </div> </li> <li class="haveChild level1"><a title="Galeri" href="#1"><i class="jsn-icon-image"></i>Galeri</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Video Youtube" href='/galerifotovideo/videoku.html'><i class="jsn-icon-monitor"></i>Video Youtube</a> </li> <li><a title="Video TikTok" href='/galerifotovideo/video-tiktok.html'><i class="jsn-icon-mobile"></i>Video TikTok</a> </li> <li><a title="Galeri Foto Keluarga" href='/galerifotovideo/foto-keluarga.html'><i class="jsn-icon-image"></i>Galeri Foto Keluarga</a> </li> <li><a title="Galeri Foto lainnya" href='/galerifotovideo/galeri-foto-lainnya.html'>Galeri Foto lainnya</a> </li> <li><a title="Portofolioku" href='/galerifotovideo/portofolioku.html'><i class="jsn-icon-settings"></i>Portofolioku</a> </li> </ul> </div> </li> <li><a title="Login" href='/login.html' class="active"><i class="jsn-icon-user"></i>Login</a> </li> </ul> </div> <script type="text/javascript"> jQuery(document).ready(function($){ var slideout = jQuery('#resmenu'); var widthMenu = $('.slideout-menu').width(); slideout.css({left:-widthMenu}); var bd = jQuery('<div class="slide-modal modal-backdrop fade in"></div>'); jQuery('.js-slideout-toggle').on('click', function() { slideout.animate({left:"0px"}); bd.appendTo(document.body); }); jQuery('body').on('touchstart click','.slide-modal', function(e){ e.stopPropagation(); e.preventDefault(); jQuery(this).closest('.slide-modal').remove(); slideout.animate({left:-widthMenu}); }); }); </script> <script type="text/javascript"> jQuery(document).ready(function($){ var events = 'click'; }); </script> <div id="cpanel_wrapper" style="direction:ltr" class="hidden-xs"> <div class="accordion" id="ytcpanel_accordion"> <div class="cpanel-head"> Template Settings <div class="cpanel-reset"> <a class="btn btn-info" href="#" onclick="javascript: onCPResetDefault(TMPL_COOKIE);" ><i class="fa fa-refresh fa-spin"></i> Reset</a> </div> </div> <!--Body--> <div class="cpanel-theme"> <!-- Style Color --> <div class="panel-group"> <h4 class="panel-heading">Theme Colors</h4> <div class="panel-theme-color"> <span data-placement="top" title="Blue" class="theme-color blue">Blue</span> <span data-placement="top" title="Red" class="theme-color red active">Red</span> <span data-placement="top" title="Yellow" class="theme-color yellow">Yellow</span> <span data-placement="top" title="Orange" class="theme-color orange">Orange</span> <span data-placement="top" title="Cyan" class="theme-color cyan">Cyan</span> </div> </div> <!-- Layouts --> <div class="panel-group "> <h4 class="panel-heading">Layout</h4> <!-- Layout Style --> <div class="panel-layout typeLayout"> <span data-value="layout-wide" class="layout-item btn active">Wide</span> <span data-value="layout-boxed" class="layout-item btn ">Boxed</span> <span data-value="layout-framed" class="layout-item btn ">Framed</span> <span data-value="layout-rounded" class="layout-item btn ">Rounded</span> </div> </div> <div class="panel-group nomarginbottom"> <div class="panel-desc" style="margin:10px 0 3px;"> Patterns for Layour: Boxed, Framed, Rounded </div> <div class="body-bg"> <a href="#" title="pattern1" class="pattern pattern1">pattern1</a> <a href="#" title="pattern2" class="pattern pattern2">pattern2</a> <a href="#" title="pattern3" class="pattern pattern3">pattern3</a> <a href="#" title="pattern4" class="pattern pattern4">pattern4</a> <a href="#" title="pattern5" class="pattern pattern5">pattern5</a> <a href="#" title="pattern6" class="pattern pattern6">pattern6</a> <a href="#" title="pattern7" class="pattern pattern7">pattern7</a> <a href="#" title="pattern8" class="pattern pattern8">pattern8</a> </div> <input type="hidden" name="ytcpanel_bgimage" value=""/> </div> </div> </div> <div id="cpanel_btn" class="isDown visible-lg"><i class="fa fa-wrench"></i></div> </div> <script type="text/javascript"> jQuery(document).ready(function($){ patternClick('.body-bg .pattern', 'bgimage', Array('#bd')); var array = Array('bgimage'); var array_blue = Array('pattern8'); var array_red = Array('pattern8'); var array_yellow = Array('pattern8'); var array_orange = Array('pattern8'); var array_cyan = Array('pattern8'); var array_purple = Array('pattern8'); //1.Color Blue $('.theme-color.blue').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_blue); onCPApply(); }); //2.Color red $('.theme-color.red').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_red); onCPApply(); }); //3.Color Yellow $('.theme-color.yellow').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_yellow); onCPApply(); }); //4.Color orange $('.theme-color.orange').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_orange); onCPApply(); }); //5.Color Cyan $('.theme-color.cyan').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_cyan); onCPApply(); }); /* miniColorsCPanel */ function miniColorsCPanel(elC, elT, selector){ $(elC).miniColors({ change: function(hex, rgb) { if(typeof(elT)!='string'){ for(i=0;i<elT.length;i++){ $(elT[i]).css(selector, hex); } }else{ $(elT).css(selector, hex); } createCookie(TMPL_NAME+'_'+($(this).attr('name').match(/^ytcpanel_(.*)$/))[1], hex, 365); } }); } /* Begin: Set click pattern */ function patternClick(elC, paramCookie, elT){ $(elC).click(function(){ oldvalue = $(this).parent().find('.active').html(); $(elC).removeClass('active'); $(this).addClass('active'); value = $(this).html(); if(elT.length > 0){ for($i=0; $i < elT.length; $i++){ $(elT[$i]).removeClass(oldvalue); $(elT[$i]).addClass(value); } } if(paramCookie){ $('input[name$="ytcpanel_'+paramCookie+'"]').attr('value', value); createCookie(TMPL_NAME+'_'+paramCookie, value, 365); } }); } function setCpanelValues(array){ // Remove the # from the hash, as different browsers may or may not include it // append /remove anchor name from current url without refresh if(array['0']){ $('.body-backgroud-image .pattern').removeClass('active'); $('.body-backgroud-image .pattern.'+array['3']).addClass('active'); $('input[name$="ytcpanel_bgimage"]').attr('value', array['3']); } } }); </script> <a id="yt-totop" class="backtotop visible-lg" href="#"><i class="fa fa-angle-up"></i> Top </a> <script type="text/javascript"> jQuery('.backtotop').click(function () { jQuery('body,html').animate({ scrollTop:0 }, 1200); return false; }); </script> <script type="text/javascript"> function jSelectShortcode(text) { jQuery("#yt_shorcodes").removeClass("open"); text = text.replace(/'/g, '"'); //1.Editor Content if(document.getElementById('jform_articletext') != null) { jInsertEditorText(text, 'jform_articletext'); } if(document.getElementById('jform_description') != null) { jInsertEditorText(text, 'jform_description'); } //2.Editor K2 if(document.getElementById('description') != null) { jInsertEditorText(text, 'description'); } if(document.getElementById('text') != null) { jInsertEditorText(text, 'text'); } //3.Editor VirtueMart if(document.getElementById('category_description') != null) { jInsertEditorText(text, 'category_description'); } if(document.getElementById('product_desc') != null) { jInsertEditorText(text, 'product_desc'); } //4.Editor Contact if(document.getElementById('jform_misc') != null) { jInsertEditorText(text, 'jform_misc'); } //5.Editor Easyblog if(document.getElementById('write_content') != null) { jInsertEditorText(text, 'write_content'); } //6.Editor Joomshoping if(document.getElementById('description1') != null) { jInsertEditorText(text, 'description1'); } //6.Editor HTML if(document.getElementById('jform_content') != null) { jInsertEditorText(text, 'jform_content'); } SqueezeBox.close(); } </script><script src="https://www.jokovlog.my.id/plugins/content/codeprettify/src/custom.script.js"></script></body> </html>
Sunday, 12 November 2023 07:36