CINXE.COM
5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi
<!DOCTYPE html> <html lang="id"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "content_id": "8390583", "content_site": "Kompas.com", "content_site_id": 83, "content_category": "Umkm", "content_subcategory": "Training", "content_location": "Berita", "content_author": "Anagatha Kilan Sashikirana", "content_aid1": "5932", "content_aid2": "", "content_aid3": "", "content_editor": "Wahyu Adityo Prodjo", "content_eid": "720", "content_lipsus": "", "content_lipsus_id": "", "content_sensi": "", "content_type": "Standard", "content_PublishedDate": "2024-11-24 17:49:22", "content_Month_PubDate": "11", "content_Year_PubDate": "2024", "content_Date_PubDate": "24", "content_source": "healthline.com, hellosehat.com", "content_tag": "bisnis", "content_title": "5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi - Kompas.com", "content_tags": "bisnis, UMKM, skincare, susu, peluang, susu sapi, kandungan, ide, manfaat", "content_total_words": 993, "content_autopaging": true, "content_total_pages": 2, "content_current_page": 1 });</script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PT7PC4');</script> <!-- End Google Tag Manager --> <title>5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi</title> <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch"> <link href="//asset.kompas.com" rel="dns-prefetch"> <link href="//adsimg.kompas.com" rel="dns-prefetch"> <link href="//tpc.googlesyndication.com" rel="dns-prefetch"> <link href="//cm.g.doubleclick.net" rel="dns-prefetch"> <link href="//apis.kompas.com" rel="dns-prefetch"><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <meta name="description" content="kandungan yang ada di dalam susu juga bisa menjadi ide dan peluang bisnis untuk produk skincare karena manfaatnya."> <meta name="keywords" content="bisnis, UMKM, skincare, susu, peluang, susu sapi, kandungan, ide, manfaat, -, -, -, -"> <meta name="googlebot-news" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <meta name="author" content="Kompas Cyber Media"> <meta name="robots" content="index, follow" /> <meta name="robots" content="max-image-preview:large"> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <!-- S:fb meta --> <meta property="og:type" content="article" /> <meta property="og:image" content="https://asset.kompas.com/crops/UZ3ULQh5B6BuTopB3LfTOFou78o=/0x0:1000x667/780x390/data/photo/2021/09/24/614dd8f2e0c5a.jpg" /> <meta property="og:title" content="5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi" /> <meta property="og:description" content="kandungan yang ada di dalam susu juga bisa menjadi ide dan peluang bisnis untuk produk skincare karena manfaatnya."> <meta property="og:url" content="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" /> <meta property="og:site_name" content="KOMPAS.com" /> <meta property="fb:app_id" content="324557847592228" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompascom" /> <meta name="twitter:creator" content="@kompascom"> <meta name="twitter:title" content="5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi" /> <meta name="twitter:description" content="kandungan yang ada di dalam susu juga bisa menjadi ide dan peluang bisnis untuk produk skincare karena manfaatnya." /> <meta name="twitter:image" content="https://asset.kompas.com/crops/UZ3ULQh5B6BuTopB3LfTOFou78o=/0x0:1000x667/780x390/data/photo/2021/09/24/614dd8f2e0c5a.jpg" /> <!-- E:tweeter card --> <meta name="content_category" content="Umkm" /> <meta name="content_subcategory" content="Training" /> <meta name="content_location" content="Berita" /> <meta name="content_author_id" content="5932" /> <meta name="content_author" content="Anagatha Kilan Sashikirana" /> <meta name="content_editor_id" content="720" /> <meta name="content_editor" content="Wahyu Adityo Prodjo" /> <meta name="content_lipsus" content="" /> <meta name="content_lipsus_id" content="" /> <meta name="content_sensi" content="" /> <meta name="content_type" content="Standard" /> <meta name="content_PublishedDate" content="2024-11-24 17:49:22" /> <meta property="article:published_time" content="2024-11-24T10:49:22+00:00" /> <meta name="content_source" content="healthline.com, hellosehat.com" /> <meta name="content_tag" content="bisnis" /> <meta name="content_tags" content="bisnis, UMKM, skincare, susu, peluang, susu sapi, kandungan, ide, manfaat" /> <meta name="content_total_words" content="993" /> <meta name="subscription" content="False" /> <meta name="lestari_sdgs" content="" /> <meta name="content_total_pages" content="2" /> <meta name="content_current_page" content="1" /> <link rel="preload" as="image" href="https://asset.kompas.com/crops/gbjg2SiLU6emrB9TNjdiaG85i1I=/0x0:1000x667/750x500/data/photo/2021/09/24/614dd8f2e0c5a.jpg"> <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script"> <link rel="canonical" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" /> <link rel="dns-prefetch" href="twitter.com"> <link rel="shortcut icon" href="https://asset.kompas.com/data/2017/wp/images/favicon2017.ico"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/11/05/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/01/12/15/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/10/09/css/kgm-verify.min.css" type="text/css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i"> <link rel="preconnect" href="https://scripts.jixie.media"/> <script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script> <link rel="preconnect" href="https://scripts.jixie.media"/> <script type="text/javascript"> window.jixie_o = { accountid: "9262bf2590d558736cac4fff7978fcb1", partner_cookie: 'kmps_usrid', external_ids: ['tdid','tdid2','jxtoko','ifo'], sha256mail_cookie:'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie:'kmps_uphn', }; </script> <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script> <script type="text/javascript"> var keyword_data = "bisnis, UMKM, skincare, susu, peluang, susu sapi, kandungan, ide, manfaat, -, -, -, -" var array_keywords = keyword_data.split(","); window.jixie_p = window.jixie_p || []; window.jixie_p.push({ action: "visit", parameters:{ itemid:"20241124174922483", keywords:array_keywords, title:"5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi", description: "kandungan yang ada di dalam susu juga bisa menjadi ide dan peluang bisnis untuk produk skincare karena manfaatnya.", category: "Umkm" } }); </script> <script> var keywordBrandSafety = "KOMPAS.com &ndash; Susu memang mengandung banyak sekali manfaat, khususnya untuk Kesehatan jika dikonsumsi secara rutin. Namun, kandungan-kandungan yang ada di dalam susu juga bisa menjadi peluang untuk produk skincare karena manfaatnya. Secara umum, beberapa kandungan dari susu sapi bisa bermanfaat untuk kulit, seperti asam laktat, Vitamin A, Vitamin D, Vitamin B, Vitamin E, Lemak alami. Melihat banyaknya kandungna manfaat dari susu sapi, mungkin ini bisa menjadi ide dan peluang bisnis. Jadi, selain menjual susu segar, kamu juga bisa mengolah susu tersebut atau bermitra dengan produsen kosmetik untuk membuat susu menjadi produk-produk skincare. Baca juga: 7 Ide Bisnis Produk Makanan dan Minuman Olahan dari Susu Sapi Namun perlu diingat, jika kamu ingin membuat produk-produk skincare dari susu sapi, kamu perlu melakukan pengujian yang lebih mendalam dan konsultasikan hal ini dengan ahli di bidangnya agar pemanfaatan susu sapi tersebut tepat guna. Seperti yang dilansir dari beberapa sumber termasuk hellosehat.com dan healthline.com, berikut ini beberapa ide dan peluang bisnis produk skincare dengan kandungan dari susu sapi, 1. Sabun Susu Belakangan ini, susu seringkali dijadikan sebagai sabun karena dianggap mampu melembapkan kulit, mengangkat sel kulit mati dan memberikan efek cerah alami. Maka dari itu, sabun dari susu bisa menjadi ide dan peluang bisnis untuk menyasar konsumen yang mencari perawatan kulit alami. Baca juga: Berbisnis Produk Olahan Susu Boyolali Bisa Raih Keuntungan dengan Mudah Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan sabun susu? Diketahui susu memiliki kandungan Asam Laktat yang dapat membantu eksfoliasi kulit secara lembut, mengangkat sel kulit mati, dan mencerahkan kulit. Selain itu, protein dan lemak alami juga bisa memberikan kelembapan dan nutrisi pada kulit serta menjaga elastisitas. Cara untuk membuat sabun susu adalah dengan melelehkan sabun dasar menggunakan metode double boiler. Setelah itu, tambahkan susu cair atau bubuk secukupnya untuk memperkaya kandungan. Kamu juga bisa tambahkan bahan alami lain seperti madu, minyak zaitun, atau ekstrak herbal untuk meningkatkan manfaat. Buat varian aroma seperti lavender, vanila, atau mawar. Kemas sabun dengan desain yang menarik dan ramah lingkungan untuk menjangkau pasar yang lebih luas. Baca juga: 6 Cara Sukses Membuka Kafe Susu Untuk Pelaku UMKM 2. Masker Wajah Susu Masker wajah susu juga tak kalah populer karena manfaatnya dalam melembapkan, mencerahkan, dan menghaluskan kulit. Permintaan produk masker alami juga terus meningkat. Namun kamu juga perlu berhati-hati khususnya dalam mengedukasi pasar dan melihat siapa pembeli masker susu tersebut, karena susu seringkali memicu reaksi pada kulit jika orang tersebut sensitif sehingga lebih baik dihindari jika digunakan di area wajah. Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan masker wajah susu? Diketahui susu memiliki kandungan Vitamin B yang bisa membantu memperbaiki kulit kusam dan meningkatkan kelembutan. Asam Laktat juga bisa menghidrasi kulit sekaligus memperbaiki tekstur kulit. Baca juga: Didampingi Universitas Prasetya Mulya, Ponpes Ini Berhasil Tingkatkan Produksi Sabun Susu Untuk membuatnya, kamu bisa campurkan susu bubuk dengan bahan lain untuk tambahan manfaat seperti oatmeal (pelembap), kunyit (anti-inflamasi), atau charcoal (detoksifikasi). Kemudian tambahkan sedikit air hingga tekstur berubah menjadi pasta. Agar lebih menarik minat pasar, kamu bisa mengemasnya dalam bentuk sachet untuk penggunaan yang lebih praktis dan sekali pakai. 3. Lulur Susu Hampir mirip dengan susu kambing, tapi produk selanjutnya adalah lulur susu. Produk ini juga cukup diminati karena membantu menghaluskan kulit dan memberikan efek relaksasi. Lulur susu sangat cocok untuk menyasar salon spa, ataupun konsumen yang suka menggunakan lulur sendiri di rumah. Baca juga: 4 Keuntungan Bisnis Susu Jahe, Salah Satunya Pengolahan Tidak Sulit Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan lulur susu? Diketahui susu memiliki kandungan Vitamin A dan E yang bisa membantu regenerasi sel kulit dan meningkatkan elastisitas. Adapun Asam Laktat untuk menghaluskan dan melembutkan kulit Saat membuatnya, kamu bisa campurkan susu bubuk dengan bahan eksfoliasi seperti almond yang dihancurkan atau kopi bubuk. Kemudian tambahkan minyak kelapa atau madu untuk melembapkan. Untuk menambah daya tarik, gunakan aroma khas seperti cokelat susu atau madu susu untuk menciptakan sensasi yang lebih menarik untuk lulur. 4. Lip Balm Susu Lip balm berbasis susu bisa memberikan kelembapan alami dan melindungi bibir dari kekeringan. Menariknya, pelung bisnis ini memiliki segmentasi pasar yang luas karena produk lip balm susu cocok untuk kalangan muda hingga dewasa. Baca juga: 5 Cara Memulai Usaha Susu Kedelai, Simak agar Tak Salah Langkah Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan lip balm susu? Diketahui susu memiliki kandungan Lemak Susu yang bisa memberikan kelembapan alami dan memperbaiki bibir pecah-pecah. Vitamin D turut membantu menjaga bibir tetap lembut dan sehat. Cara membuatnya kamu bisa lelehkan bahan dasar seperti beeswax, shea butter, dan minyak kelapa untuk efek ekstra melembapkan. Setelah itu, tambahkan susu bubuk untuk meningkatkan nutrisi. Agar lebih menambah daya tarik, berikan aroma alami seperti stroberi, cokelat, atau vanila. Setelah itu tuang ke wadah lip balm kecil, biarkan dingin, dan kemas dengan menarik. 5. Bath Bomb Susu Ide produk lain dari susu adalah bath bomb susu. Produk ini menawarkan pengalaman mandi yang lebih mewah dan menyenangkan tetapi juga sekaligus dengan manfaat melembapkan kulit dan memberikan aroma relaksasi. Baca juga: Berawal dari Tugas Kuliah, Tiga Mahasiswa Ini Berhasil Raup Cuan dari Olahan Susu Kambing Etawa Permintaan produk bath bomb juga meningkat, terutama sebagai hadiah. Karena bentuk dan penggunaannya yang menarik, tak jarang bath bomb seringkali dijual dengan harga yang relatif tinggi. Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan bath bomb susu? Diketahui susu memiliki kandungan Mineral dan Protein Susu yang bisa melembapkan kulit selama mandi. Asam Laktat juga memberikan efek relaksasi dan menghaluskan kulit. Kamu bisa campurkan bahan kering yaitu baking soda, asam sitrat, dan susu bubuk. Setelah itu, tambahkan minyak esensial seperti lavender atau eukaliptus dan sedikit air hingga teksturnya seperti pasir basah. Jangan lupa cetak dengan cetakan berbentuk bola, hati, bunga, atau bentuk lain yang menarik lalu biarkan mengering. Kemas dalam kotak atau plastik transparan untuk dijual, buat kemasan yang menarik karena seringkali bath bomb diberikan sebagai hadiah. Simak breaking news dan berita pilihan kami langsung di ponselmu. Pilih saluran andalanmu akses berita Kompas.com WhatsApp Channel : https://www.whatsapp.com/channel/0029VaFPbedBPzjZrk13HO3D. Pastikan kamu sudah install aplikasi WhatsApp ya."; </script> <!-- Start Ad Blocking Recovery Message --> <script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script><script nonce="IOvmxAasolBKwB_qzaJVMg">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script> <!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async --> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!--jixie prebid tracker start--> <script type="text/javascript"> window.pbjs=window.pbjs||{},pbjs.que=pbjs.que||[],pbjs.que.push(function(){window._jxbidsq=window._jxbidsq||[],pbjs.onEvent("auctionInit",function(n){_jxbidsq.push(["auctionInit",n])}),pbjs.onEvent("auctionEnd",function(n){_jxbidsq.push(["auctionEnd",n])}),pbjs.onEvent("bidWon",function(n){_jxbidsq.push(["bidWon",n])}),pbjs.onEvent("bidTimeout",function(n){_jxbidsq.push(["bidTimeout",n])}),pbjs.onEvent("bidRequested",function(n){_jxbidsq.push(["bidRequested",n])}),pbjs.onEvent("setTargeting",function(n){_jxbidsq.push(["setTargeting",n])}),pbjs.onEvent("bidResponse",function(n){_jxbidsq.push(["bidResponse",n])})}),window.googletag=window.googletag||{cmd:[]},googletag.cmd.push(function(){googletag.pubads().addEventListener("slotRenderEnded",function(n){_jxbidsq.push(["slotRenderEnded",n])}),googletag.pubads().addEventListener("impressionViewable",function(n){_jxbidsq.push(["impressionViewable",n])})}); </script> <!--jixie prebid tracker end--> <script async src="https://adsimg.kompas.com/html5/prebid/kompas/prebid9.16.0r.js"></script> <script type="text/javascript"> function getCookieUid(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(";");for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)==" "){c=c.substring(1);} if(c.indexOf(name)==0){return c.substring(name.length,c.length);}} return"";} var uuid__=getCookieUid("_jxtdid"); window.getUid2AdvertisingToken = async () => { var id; if (typeof window.jxGetUid2 == 'function') { id = await window.jxGetUid2(); } else { id = getCookieUid('__uid2_advertising_token', null); } return id; } var PREBID_TIMEOUT=2e3,FAILSAFE_TIMEOUT=3e3,HB_TIMEOUT=1e3,adUnits=[{code:"div-gpt-ad-Top_1-1",ortb2Imp:{ext:{gpid:"1000008-EIftKYAWdx",data:{pbadslot:"1000008-EIftKYAWdx"}}},mediaTypes:{banner:{sizes:[[728,90],[970,90],[970,250]]}},bids:[{bidder:"kargo",params:{placementId:"_kGDB9vTtyF"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[728,90]}},{bidder:"ix",params:{siteId:449983,size:[970,90]}},{bidder:"ix",params:{siteId:449983,size:[970,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"96602",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-EIftKYAWdx"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_970x250"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484332}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986382}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986383}},{bidder:"gumgum",params:{zone:"o4idpqq7",slot:986384}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"57e032c6-38f9-40b0-98c5-e31378a7bd88"}}]},{code:"div-gpt-ad-Giant",ortb2Imp:{ext:{gpid:"1000008-eLIsfXaJKT",data:{pbadslot:"1000008-eLIsfXaJKT"}}},mediaTypes:{banner:{sizes:[[300,600],[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,600]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_1"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-eLIsfXaJKT"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484334}},{bidder:"gumgum",params:{zone:"o4idpqq8",slot:986385}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"7b9642cc-1770-402b-a101-9d8996fe7724"}}]},{code:"div-gpt-ad-Right_3",ortb2Imp:{ext:{gpid:"1000008-xcBkzfm9sk",data:{pbadslot:"1000008-xcBkzfm9sk"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"openx",params:{unit:"540782264",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-xcBkzfm9sk"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484336}},{bidder:"gumgum",params:{zone:"o4idpqq9",slot:986386}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484336}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"9d4e1284-fcf4-4b63-bdb6-50f136a98b13"}},{bidder:"ix",params:{siteId:449983,size:[300,250],video:{context:"outstream",playerSize:[300,250],mimes:["video/mp4","video/webm","applications/javascript"],protocols:[2,3,5,6],api:[2,7],playbackmethod:[6],skip:1,w:300,h:250,minduration:5,maxduration:60,delivery:[2],linearity:1}}}]},{code:"div-gpt-ad-Right_4",ortb2Imp:{ext:{gpid:"1000008-O3cqWflq2S",data:{pbadslot:"1000008-O3cqWflq2S"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-O3cqWflq2S"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484338}},{bidder:"gumgum",params:{zone:"o4idpqq10",slot:986387}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"07e5c539-9255-46dc-8789-979460152db4"}}]},{code:"div-gpt-ad-Right_5",ortb2Imp:{ext:{gpid:"1000008-olHKAR4nCE",data:{pbadslot:"1000008-olHKAR4nCE"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-olHKAR4nCE"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484340}},{bidder:"gumgum",params:{zone:"o4idpqq11",slot:986388}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"92b8aba2-6d19-4dc2-8988-e76f09e0d82c"}}]},{code:"div-gpt-ad-Skin_Left",ortb2Imp:{ext:{gpid:"1000008-z5ebaX9aVC",data:{pbadslot:"1000008-z5ebaX9aVC"}}},mediaTypes:{banner:{sizes:[[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"559086528",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:980352,size:[100,650]}},{bidder:"ix",params:{siteId:980352,size:[100,550]}},{bidder:"jixie",params:{unit:"1000008-z5ebaX9aVC"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478004,zoneId:2838618}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f6d5bf9d-8c31-404e-afae-acb95645f56d"}}]},{code:"div-gpt-ad-Skin_Right",ortb2Imp:{ext:{gpid:"1000008-jL7PEcvKLc",data:{pbadslot:"1000008-jL7PEcvKLc"}}},mediaTypes:{banner:{sizes:[[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"559086532",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:980353,size:[100,650]}},{bidder:"ix",params:{siteId:980353,size:[100,550]}},{bidder:"jixie",params:{unit:"1000008-jL7PEcvKLc"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478006,zoneId:2838620}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f608f5e6-f157-4c66-b60e-e4a328ce3ab6"}}]},{code:"div-gpt-ad-Horizontal_Ad",ortb2Imp:{ext:{gpid:"1000008-9gpvwZPpkd",data:{pbadslot:"1000008-9gpvwZPpkd"}}},mediaTypes:{banner:{sizes:[[468,60],[1100,50]]}},bids:[{bidder:"kargo",params:{placementId:"_jkQklh8wPV"}},{bidder:"openx",params:{unit:"559086526",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[468,60]}},{bidder:"ix",params:{siteId:449983,size:[1100,50]}},{bidder:"jixie",params:{unit:"1000008-9gpvwZPpkd"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:478002,zoneId:2838616}},{bidder:"gumgum",params:{zone:"o4idpqq15",slot:986390}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"3659dda0-8c94-40f5-9f5f-e12d4526ad38"}}]},{code:"div-gpt-ad-Skyscraper",ortb2Imp:{ext:{gpid:"1000008-gPQXfLjNet",data:{pbadslot:"1000008-gPQXfLjNet"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600]]}},bids:[{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[120,600]}},{bidder:"ix",params:{siteId:449983,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"96680",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-gPQXfLjNet"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484342}},{bidder:"gumgum",params:{zone:"o4idpqq12",slot:986389}}, {bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"15b951a5-81cc-4533-ac1d-2888b8ca0b0c"}}]},{code:"div-gpt-ad-Zone_OSM",mediaTypes:{banner:{sizes:[[300,250],[1,1]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"teads",params:{placementId:165952,pageId:151713}},{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,250]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-O3cqWflq2S"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_2"}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484338}},{bidder:"gumgum",params:{zone:"o4idpqq10",slot:986387}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"07e5c539-9255-46dc-8789-979460152db4"}}]},{code:"gpt_unit_/31800665/KOMPAS.COM/umkm/vignette_0",mediaTypes:{banner:{sizes:[[300,250],[320,480],[336,280]]},video:{context:"outstream",playerSize:[[300,250],[320,480],[336,280]],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},ortb2Imp:{instl:1},bids:[{bidder:"kargo",params:{placementId:"_blRlCURcHY"}},{bidder:"openx",params:{unit:"540782269",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:449983,size:[300,600]}},{bidder:"triplelift",params:{inventoryCode:"kg_kompas_desktop_article_imu_1"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363578",pageId:"1293724",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"jixie",params:{unit:"1000008-eLIsfXaJKT"}},{bidder:"teads",params:{placementId:165951,pageId:151712}},{bidder:"rubicon",params:{accountId:11834,siteId:434086,zoneId:2484334}},{bidder:"gumgum",params:{zone:"o4idpqq8",slot:986385}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"oms",params:{publisherId:"20739"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"7b9642cc-1770-402b-a101-9d8996fe7724"}}]}],gptadslots=[],googletag=googletag||{};(googletag.cmd=googletag.cmd||[]),googletag.cmd.push(function(){googletag.pubads().disableInitialLoad()});var pbjs=pbjs||{};function initAdserver(){pbjs.initAdserverSet||((pbjs.initAdserverSet=!0),googletag.cmd.push(function(){pbjs.que.push(function(){pbjs.setTargetingForGPTAsync(),googletag.pubads().refresh()})}))}(pbjs.que=pbjs.que||[]),pbjs.que.push(function(){pbjs.mergeConfig({jixie:{genids:[{id:"esha",ck:"usermail"},{id:"psha",ck:"kmps_uphn"},{id:"_jxtoko"},{id:"_jxifo"}]}}),pbjs.setConfig({enableSendAllBids:!0,enableTIDs:!0,priceGranularity:"high",userSync:{userIds:[{name:"uid2"},{name:"unifiedId",value:{tdid:uuid__}}],filterSettings:{iframe:{bidders:'*',filter:'include'},image:{bidders:'*',filter:'include'}}},currency:{adServerCurrency:"USD"},syncsPerBidder:0}),(pbjs.bidderSettings={standard:{storageAllowed:!0}}),pbjs.addAdUnits(adUnits),pbjs.requestBids({bidsBackHandler:initAdserver,timeout:PREBID_TIMEOUT})}),setTimeout(function(){initAdserver()},FAILSAFE_TIMEOUT); </script> <script type="text/javascript"> googletag.cmd.push(function() { gptadslots[1]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-Top_1-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());gptadslots[112]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[300,600],[300,250],[160,600]],'div-gpt-ad-Giant').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());//Adslot 2 declaration gptadslots[31]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[300,250],[300,600]],'div-gpt-ad-Right_3').setTargeting('Pos',['Right_3']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads());gptadslots[41]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[300,250],[300,600]],'div-gpt-ad-Right_4').setTargeting('Pos',['Right_4']).setTargeting('kg_pos', ['right_4']).addService(googletag.pubads());gptadslots[8]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[468,60],[728,90],[970,90],[1100,50],[1100,150]],'div-gpt-ad-Horizontal_Ad').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());gptadslots[0] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/umkm', 'div-gpt-ad-709378328132220442-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads());gptadslots[9]= googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[120,600],[160,600]],'div-gpt-ad-Skyscraper').setTargeting('Pos',['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());gptadslots[4112]= googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/umkm','div-gpt-ad-974648810682144181-4112').setTargeting('Pos',['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads());setContextualTargeting(); if(typeof keywordBrandSafety === 'undefined'){ console.log("no article keywords"); }else{ console.log("execute keywords"); setKeywordTargeting(); } function setContextualTargeting() { dfp_keywords = getKeywords(); console.log(dfp_keywords); googletag.pubads().setTargeting('contextual_targeting', dfp_keywords); } function getKeywords(){ var metas = document.getElementsByTagName('meta'); var str = (metas.namedItem("content_tags") || {}).content; if (str!=null){ var keywords = str.toLowerCase().split(",").map(function(item) { return item.trim().replace(/\s\s+/g, ' '); }); return keywords; } return ['']; } // s:new keyword targeting via GAM function setKeywordTargeting() { dfp_keywords = getArticle(); console.log(dfp_keywords); googletag.pubads().setTargeting('keyword_targeting', dfp_keywords); } function getArticle(){ var strKey = keywordBrandSafety; if (strKey!=null){ var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) { return item.trim().replace(/\W*(&quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, ''); }); keywords = keywords.filter((str) => str !== ''); return keywords; } return null; } // e:new keyword targeting via GAM try{ // Retrieving local storage var ls = window.localStorage; var lr = ls.getItem("_jxitr"); if (lr && lr.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(',')); }catch {} } var li = ls.getItem("_jxitd"); if (li && li.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(',')); }catch {} } }catch(e){ //console.log("Localstorage not accessible or any other error: " + e.message); } if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ googletag.pubads().setTargeting('kg_inv_type','mweb'); }else{ googletag.pubads().setTargeting('kg_inv_type','desktop'); } googletag.pubads().setTargeting('kg_group_sites','kompas_com'); var rl_adx_val = ''; var rl_adx_sec = new Date().getSeconds(); if(rl_adx_sec==1||rl_adx_sec==2){rl_adx_val='300';} if(rl_adx_sec==3||rl_adx_sec==4){rl_adx_val='600';} if(rl_adx_sec==5||rl_adx_sec==6){rl_adx_val='900';} if(rl_adx_sec==7||rl_adx_sec==8){rl_adx_val='1200';} if(rl_adx_sec==9||rl_adx_sec==10){rl_adx_val='1500';} console.log('rl_adx_val = '+rl_adx_val); if(rl_adx_val!=''){ googletag.pubads().setTargeting('rl_adx',rl_adx_val); }googletag.pubads().setTargeting('currentUrl', '2024/11/24/174922483');googletag.pubads().setTargeting('page', 'page_1'); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <!-- End: GPT --> <!-- (ads.google.head.rs) --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.kompas.com/", "potentialAction": { "@type": "SearchAction", "target": "https://search.kompas.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> {"@context":"http:\/\/schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/umkm.kompas.com\/read\/2024\/11\/24\/174922483\/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi#"},"headline":"5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi","image":{"@type":"ImageObject","url":"https:\/\/asset.kompas.com\/crops\/UZ3ULQh5B6BuTopB3LfTOFou78o=\/0x0:1000x667\/780x390\/data\/photo\/2021\/09\/24\/614dd8f2e0c5a.jpg","height":500,"width":750},"datePublished":"2024-11-24T10:49:22+00:00","dateModified":"2024-11-24T10:49:22+00:00","author":{"@type":"Person","name":"Wahyu Adityo Prodjo","url":"https:\/\/indeks.kompas.com\/profile\/5932"},"publisher":{"@type":"Organization","name":"Kompas.com","logo":{"@type":"ImageObject","url":"https:\/\/asset.kompas.com\/data\/2017\/wp\/images\/logo-kompascom-jmd.png","width":255,"height":55}},"description":"kandungan yang ada di dalam susu juga bisa menjadi ide dan peluang bisnis untuk produk skincare karena manfaatnya."}</script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "url": "https://www.kompas.com", "logo": "https://asset.kompas.com/data/2018/kompascom/images/logo-kompascom-biru.png", "sameAs" : [ "https://www.facebook.com/kompascom", "https://www.twitter.com/kompascom", "https://instagram.com/kompascom", "https://line.me/ti/p/%40kompas.com" ] } </script> <style type="text/css"> /* Avoid empty images to appear as broken */ img:not([src]):not([srcset]) { visibility: hidden; } /* Fix for images to never exceed the width of the container */ img { max-width: 100%; } </style> <script type="text/javascript"> function fb_share(e,o){return u=o,t=e,window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function tweet_share(t,x=''){return u=t,window.open("https://twitter.com/intent/tweet?text="+encodeURIComponent(u)+"&url="+encodeURIComponent(x),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function plus_share(t){return u=t,window.open("https://plus.google.com/share?url="+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function telegram_share(e,o,x){return u=o,t=e,window.open("https://t.me/share/url?url="+encodeURIComponent(u)+"&text="+encodeURIComponent(t)+x,"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share(e,o){return u=o,t=e,window.open("https://wa.me/?text="+encodeURIComponent(u)+" - "+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436"),!1}function whatsapp_share_new(e,o){return u=o,t=e,window.open("https://wa.me/?text="+encodeURIComponent(t)+encodeURIComponent(u),"sharer","toolbar=0,status=0,width=626,height=436"),!1} </script> <meta name="google-site-verification" content="oHnKUtgqOLtZOYp5HWas27GCVmPbsKDE5NHDPrsOJpc" /> <script> document.addEventListener('DOMContentLoaded', function() { var addebug = document.querySelectorAll('.footerCopyright'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { console.log('Debugged'); googletag.openConsole(); }); } }); </script> <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '423063207362401'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <link rel="stylesheet" href="https://asset.kompas.com/data/2023/11/23/kompascom/desktop/css/kcm2021-umkm.min.css" type="text/css"> </head> <body class="theme--umkm page--read"> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="wrap"> <!-- header--> <div class="header header--sumpah-pemuda clearfix"> <div class="row clearfix header__wrap"> <div class="container clearfix header__row"> <div class="row col-offset-fluid clearfix"> <div class="col-bs10-5 clearfix"> <div class="logo"> <a href="https://www.kompas.com"> <style>.logo img {width:auto;}.logo {width:auto;}</style> <!-- <img src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-ri77.png" alt="Kompas.com" width="310" height="50" id="anni26-img"> --> <!-- <img src="https://asset.kompas.com/data/2024/07/25/kompascom/hut/desktop/images/logo-kompascom-ri79.png" alt="28 Tahun Kompas.com, Jernih Melihat Dunia" id="anni26-img"> --> <img src="https://asset.kompas.com/data/2024/09/13/kompascom/hut/desktop/logo-kompascom-29-desktop.png" alt="29 Tahun Kompas.com, Jernih Melihat Dunia"> </a> <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> --> </div> </div> <div class="col-bs10-5 clearfix"> <form class="search search--header col-bs12-8 col-offset-0" action="https://search.kompas.com/search/"> <input class="form__input form__input__header" id="search" type="text" name="q" placeholder="cari tokoh, topik atau peristiwa"> <button type="button" class="form__button__clear" role="button"> <span class="kcm__close__icon"></span> </button> <input class="form__button form__button__header" type="submit" name="submit"> <span class="search--icon"> <svg class="icon icon-search" title="icon-search"> <use xlink:href="#icon-search" /> </svg> </span> </form> <div class="dark-header-item"> <div class="dark-wrapper js-darkWrapper"> <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode"> <span class="icon-svg icon-darkmode" aria-hidden="true"></span> </button> <div class="dark-setting"> <ul> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button> </li> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button> </li> <li> <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button> </li> </ul> </div> </div> </div> <div class="loyalty__link" id="loyalty_koin" style="display: none"> <a href="https://play.kompas.com/loyalty"> <span class="icon-svg icon-koin"></span> <span class="loyalty__link__text">Koin</span> <i class="loyalty__link__badge active"></i> </a> </div> <div class="sso__header col-bs12-4"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)"> <i class="sso__icon__login" id="sso__icon__login_top"></i> <i class="sso__badge" style="display: none;"></i> </a> <div class="sso__option -fixed -hide js-sso-user-board"> <ul> <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly91bWttLmtvbXBhcy5jb20vcmVhZC8yMDI0LzExLzI0LzE3NDkyMjQ4My81LWlkZS1kYW4tcGVsdWFuZy1iaW5zaXMtcHJvZHVrLXNraW5jYXJlLWRhcmktc3VzdS1zYXBp"><span><i class="sso__icon__login"></i> Login</span></a></li> <li></li> <li> <a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new"> <span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span> <div class="myvalue__btn__wrap"> <div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div> <span>Ada voucher buat kamu</span> </div> </a> </li> <li><a href="https://plus.kompas.com"><span><i class="sso__icon__subscription"></i> Gabung Kompas.com+ <i class="sso__badge__inline"></i></span></a></li> <li></li> <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li> <li></li> <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li> <li></li> <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li> <li></li> <li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li> </ul> </div> </li> </ul> </div> <div class="kid__wrap"> <a target="_blank" href="https://komp.as/darikompascom" class="kid__button">Langganan Kompas.id</a> </div> </div> </div> </div> </div> <!-- nav--> <div class="js-nav-offset"></div> <div class="row clearfix nav"> <!-- (ads.skin.full) --> <div class="container clearfix nav__wrap"> <div class="logo logo--sticky"> <a href="https://www.kompas.com"><img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-kompascom-2017.png" alt="www.kompas.com" /></a> </div> <ul class="nav__row clearfix"> <li class="nav__item"> <a href="https://news.kompas.com?source=navbar" class="nav__link nav__link--news">News</a> <ul class="nav__sub nav__sub--news"> <li class="nav__subitem"> <a href="https://nasional.kompas.com" class="nav__sublink">Nasional</a> </li> <li class="nav__subitem"> <a href="https://megapolitan.kompas.com" class="nav__sublink">Megapolitan</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/global" class="nav__sublink">Global</a> </li> <li class="nav__subitem"> <a href="https://inside.kompas.com/suratpembaca" class="nav__sublink">Surat Pembaca</a> </li> <li class="nav__subitem"> <a href="https://kilasdaerah.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Daerah</a> </li> <li class="nav__subitem"> <a href="https://kilaskorporasi.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a> </li> <li class="nav__subitem"> <a href="https://kilaskementerian.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a> </li> <li class="nav__subitem"> <a href="https://sorotpolitik.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Politik</a> </li> <li class="nav__subitem"> <a href="https://kilasbadannegara.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a> </li> <li class="nav__subitem"> <a href="https://kelanaindonesia.kompas.com" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/topik-pilihan/list/7782/kalbe-health-corner" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a> </li> <li class="nav__subitem"> <a href="https://kilasparlemen.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a> </li> <li class="nav__subitem"> <a href="https://kilasbumn.kompas.com" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/cekfakta" class="nav__sublink">Cek Fakta</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/konsultasihukum" class="nav__sublink">Konsultasi Hukum</a> </li> <li class="nav__subitem"> <a href="https://news.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://regional.kompas.com" class="nav__sublink">Regional</a> <ul class="nav__subsub"> <li class="nav__subitem"> <a href="https://surabaya.kompas.com" class="nav__subsublink">Surabaya</a> </li> <li class="nav__subitem"> <a href="https://medan.kompas.com" class="nav__subsublink">Medan</a> </li> <li class="nav__subitem"> <a href="https://makassar.kompas.com" class="nav__subsublink">Makassar</a> </li> <li class="nav__subitem"> <a href="https://yogyakarta.kompas.com" class="nav__subsublink">Yogyakarta</a> </li> <li class="nav__subitem"> <a href="https://bandung.kompas.com" class="nav__subsublink">Bandung</a> </li> <li class="nav__subitem"> <a href="https://denpasar.kompas.com" class="nav__subsublink">Denpasar</a> </li> </ul> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/hype" class="nav__sublink">Hype</a> </li> </ul> </li> <!-- <li class="nav__item"> <a href="https://www.kompas.com/ramadhan?source=navbar" class="nav__link nav__link--new">Ramadhan</a> </li> --> <li class="nav__item"> <a href="https://pemilu.kompas.com?source=navbar" class="nav__link nav__link">Pemilu</a> </li> <li class="nav__item"> <a href="https://ikn.kompas.com?source=navbar" class="nav__link nav__link--new">IKN</a> <ul class="nav__sub nav__sub--ikn"> <li class="nav__subitem"> <a href="https://ikn.kompas.com/news" class="nav__sublink">News</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/city" class="nav__sublink">City</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/infrastructure" class="nav__sublink">Infrastructure</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/community" class="nav__sublink">Community</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/housings" class="nav__sublink">Housings</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=ikn" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://ikn.kompas.com/foresta" class="nav__sublink">Foresta</a> </li> </ul> </li> <li class="nav__item"> <a href="https://tekno.kompas.com?source=navbar" class="nav__link nav__link--tekno">Tekno</a> <ul class="nav__sub nav__sub--tekno"> <li class="nav__subitem"> <a href="https://tekno.kompas.com/apps-os" class="nav__sublink">Apps & OS</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/gadget" class="nav__sublink">Gadget</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/internet" class="nav__sublink">Internet</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/hardware" class="nav__sublink">Hardware</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/business" class="nav__sublink">Business</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/game" class="nav__sublink">Game</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/galeri" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://tekno.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://pubads.g.doubleclick.net/gampad/clk?id=6163907479&iu=/31800665/KOMPAS.COM/tekno" class="nav__sublink nav__sublink--hot">Tech Innovation</a> </li> <li class="nav__subitem"> <a href="https://kilasinternet.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Internet</a> </li> </ul> </li> <li class="nav__item"> <a href="https://otomotif.kompas.com?source=navbar" class="nav__link nav__link--otomotif">Otomotif</a> <ul class="nav__sub nav__sub--otomotif"> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/motor" class="nav__sublink">Motor</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/mobil" class="nav__sublink">Mobil</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/sport" class="nav__sublink">Sport</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/niaga" class="nav__sublink">Niaga</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/komunitas" class="nav__sublink">Komunitas</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/otopedia" class="nav__sublink">Otopedia</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/merapah" class="nav__sublink nav__sublink--hot">Merapah</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/ev-leadership" class="nav__sublink nav__sublink--hot">EV Leadership</a> </li> <li class="nav__subitem"> <a href="https://otomotif.kompas.com/elektrifikasi" class="nav__sublink nav__sublink--hot">Elektrifikasi</a> </li> <li class="nav__subitem"> <a href="https://lipsus.kompas.com/pameranotomotifnasional2024" class="nav__sublink nav__sublink--hot">Pameran</a> </li> </ul> </li> <li class="nav__item"> <a href="https://bola.kompas.com?source=navbar" class="nav__link nav__link--bola">Bola</a> <ul class="nav__sub nav__sub--bola"> <li class="nav__subitem"> <a href="https://bola.kompas.com/timnas-indonesia" class="nav__sublink">Timnas Indonesia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-indonesia" class="nav__sublink">Liga Indonesia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-italia" class="nav__sublink">Liga Italia</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-champions" class="nav__sublink">Liga Champions</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-lain" class="nav__sublink">Liga Lain</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-inggris" class="nav__sublink">Liga Inggris</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/liga-spanyol" class="nav__sublink">Liga Spanyol</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/internasional" class="nav__sublink">Internasional</a> </li> <li class="nav__subitem"> <a href="https://bola.kompas.com/bundesliga" class="nav__sublink">Bundesliga</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/motogp" class="nav__sublink">Motogp</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/badminton" class="nav__sublink">Badminton</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/sports" class="nav__sublink">Sports</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=bola" class="nav__sublink">Indeks</a> </li> </ul> </li> <li class="nav__item"> <a href="https://lifestyle.kompas.com?source=navbar" class="nav__link nav__link--lifestyle">Lifestyle</a> <ul class="nav__sub nav__sub--lifestyle"> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/wellness" class="nav__sublink">Wellness</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/fashion" class="nav__sublink">Fashion</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/relationship" class="nav__sublink">Relationship</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/parenting" class="nav__sublink">Parenting</a> </li> <li class="nav__subitem"> <a href="https://lifestyle.kompas.com/beauty" class="nav__sublink">Beauty & Grooming</a> </li> <li class="nav__subitem"> <a href="https://genbest.kompas.com" class="nav__sublink nav__sublink--hot">Sadar Stunting</a> </li> <li class="nav__subitem"> <a href="https://buku.kompas.com" class="nav__sublink">Buku</a> </li> </ul> </li> <li class="nav__item"> <a href="https://www.kompas.com/tren?source=navbar" class="nav__link nav__link--tren">Tren</a> </li> <li class="nav__item"> <a href="https://lestari.kompas.com?source=navbar" class="nav__link nav__link--lestari">Lestari</a> </li> <li class="nav__item"> <a href="https://health.kompas.com?source=navbar" class="nav__link nav__link--health">Health</a> </li> <li class="nav__item"> <a href="https://money.kompas.com/?source=navbar" class="nav__link nav__link--money">Money</a> <ul class="nav__sub nav__sub--money"> <li class="nav__subitem"> <a href="https://money.kompas.com/ekbis" class="nav__sublink">Ekbis</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/keuangan" class="nav__sublink">Keuangan</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/syariah" class="nav__sublink">Syariah</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/industri" class="nav__sublink">Industri</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/energi" class="nav__sublink">Energi</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/karier" class="nav__sublink">Karier</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/cuan" class="nav__sublink">Cuan</a> </li> <li class="nav__subitem"> <a href="https://money.kompas.com/belanja" class="nav__sublink">Belanja</a> </li> <!-- <li class="nav__subitem"> <a href="https://money.kompas.com/smartpreneur" class="nav__sublink">Smartpreneur</a> </li> --> <!-- <li class="nav__subitem"> <a href="https://kilasbumn.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> </li> --> <li class="nav__subitem"> <a href="https://kilasbadan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Badan</a> </li> <li class="nav__subitem"> <a href="https://kilastransportasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a> </li> <li class="nav__subitem"> <a href="https://kilasfintech.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a> </li> <li class="nav__subitem"> <a href="https://kilasperbankan.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a> </li> <li class="nav__subitem"> <a href="https://kolom.kompas.com/Tanya.Pajak" class="nav__sublink">Tanya Pajak</a> </li> <li class="nav__subitem"> <a href="https://indeks.kompas.com?site=money" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://kilasinvestasi.kompas.com/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a> </li> </ul> </li> <li class="nav__item"> <a href="https://properti.kompas.com/?source=navbar" class="nav__link nav__link--properti">Properti</a> <ul class="nav__sub nav__sub--properti"> <li class="nav__subitem"> <a href="https://www.kompas.com/properti" class="nav__sublink">News</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/hunian" class="nav__sublink">Hunian</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/arsitektur" class="nav__sublink">Arsitektur</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/beranda" class="nav__sublink">Beranda</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/konsultasi" class="nav__sublink">Konsultasi</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/figur" class="nav__sublink">Figur</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/tips" class="nav__sublink">Tips</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/galeri-360" class="nav__sublink">Galeri 360</a> </li> <li class="nav__subitem"> <a href="https://properti.kompas.com/search" class="nav__sublink">Indeks</a> </li> <li class="nav__subitem"> <a href="https://sorot.kompas.com" class="nav__sublink nav__sublink--hot">Sorot Properti</a> </li> </ul> </li> <li class="nav__item"> <a href="https://www.kompas.com/food?source=navbar" class="nav__link nav__link--food">Food</a> <ul class="nav__sub nav__sub--food"> <li class="nav__subitem"> <a href="https://www.kompas.com/food/resep" class="nav__sublink">Resep</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/tips-kuliner" class="nav__sublink">Tips Kuliner</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/food-news" class="nav__sublink">Food News</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/food-story" class="nav__sublink">Food Story</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/tempat-makan" class="nav__sublink">Tempat Makan</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/gallery" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://kilasfood.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Food</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/food/panduan-kuliner-yogyakarta" class="nav__sublink">Panduan Kuliner Yogyakarta</a> </li> </ul> </li> <li class="nav__item"> <a href="https://umkm.kompas.com/?source=navbar" class="nav__link nav__link--umkm--active">UMKM</a> <ul class="nav__sub nav__sub--umkm"> <li class="nav__subitem"> <a href="https://umkm.kompas.com" class="nav__sublink">Beranda UMKM</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/training" class="nav__sublink">Training</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/jagoan-lokal" class="nav__sublink">Jagoan Lokal</a> </li> <li class="nav__subitem"> <a href="https://umkm.kompas.com/program" class="nav__sublink">Program</a> </li> <li class="nav__subitem"> <a href="https://kilasumkm.kompas.com" class="nav__sublink nav__sublink--hot">Kilas UMKM</a> </li> <li class="nav__subitem"> <a href="https://sorotumkm.kompas.com" class="nav__sublink nav__sublink--hot">Sorot UMKM</a> </li> </ul> </li> <li class="nav__item"> <a href="https://edukasi.kompas.com/?source=navbar" class="nav__link nav__link--edukasi">Edukasi</a> <ul class="nav__sub nav__sub--edukasi"> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/sekolah" class="nav__sublink">Sekolah</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/edu" class="nav__sublink">Edu News</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/perguruan-tinggi" class="nav__sublink">Perguruan Tinggi</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/pendidikan-khusus" class="nav__sublink">Pendidikan Khusus</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/beasiswa" class="nav__sublink">Beasiswa</a> </li> <li class="nav__subitem"> <a href="https://edukasi.kompas.com/literasi" class="nav__sublink">Literasi</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/skola" class="nav__sublink nav__link--new">Skola</a> </li> <li class="nav__subitem"> <a href="https://kilaspendidikan.kompas.com" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a> </li> </ul> </li> <li class="nav__item"> <a href="https://travel.kompas.com/?source=navbar" class="nav__link nav__link--travel">Travel</a> <ul class="nav__sub nav__sub--travel"> <li class="nav__subitem"> <a href="https://travel.kompas.com/travel-news" class="nav__sublink">Travel News</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/travel-ideas" class="nav__sublink">Travel Ideas</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/hotel-story" class="nav__sublink">Hotel Story</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/travelpedia" class="nav__sublink">Travelpedia</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/galeri" class="nav__sublink">Galeri</a> </li> <li class="nav__subitem"> <a href="https://ohayojepang.kompas.com" class="nav__sublink">Ohayo Jepang</a> </li> <li class="nav__subitem"> <a href="https://travel.kompas.com/search" class="nav__sublink">Indeks</a> </li> </ul> </li> <li class="nav__item"> <a href="#" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span></a> <ul class="nav__sub nav__sub--lainnya"> <li class="nav__subitem"> <a href="https://video.kompas.com?source=navbar" class="nav__sublink">Video</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/parapuan?source=navbar" class="nav__sublink">Parapuan</a> </li> <li class="nav__subitem"> <a href="https://kolom.kompas.com/?source=navbar" class="nav__sublink">Kolom</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/sains?source=navbar" class="nav__sublink">Sains</a> </li> <li class="nav__subitem"> <a href="https://jeo.kompas.com/?source=navbar" class="nav__sublink">JEO</a> </li> <li class="nav__subitem"> <a href="https://foto.kompas.com/photo?source=navbar" class="nav__sublink">Foto</a> </li> <li class="nav__subitem"> <a href="https://vik.kompas.com/?source=navbar" class="nav__sublink">VIK</a> </li> <li class="nav__subitem"> <a href="https://www.kompas.com/homey?source=navbar" class="nav__sublink">Homey</a> </li> <li class="nav__subitem"> <a href="https://katanetizen.kompas.com/?source=navbar" class="nav__sublink">Kata Netizen</a> </li> </ul> </li> </ul> <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub"> <li class="navSub-col --col1"> <div class="navSub-label">KATEGORI PROGRAM</div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/pemerintah">Pemerintah</a></li> <li><a href="https://lestari.kompas.com/swasta">Swasta</a></li> <li><a href="https://lestari.kompas.com/lsm-figur">LSM/Figur</a></li> <li><a href="https://lestari.kompas.com/bumn">BUMN</a></li> </ul> </li> <li class="navSub-col --col2"> <div class="navSub-subcol --subcol"> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/kesehatan">Kesehatan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/kehidupan-sehat-dan-sejahtera">Kehidupan sehat dan sejahtera</a></li> <li><a href="https://lestari.kompas.com/tujuan/air-bersih-dan-sanitasi-layak">Air bersih dan sanitasi layak</a></li> </ul> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/pendidikan">Pendidikan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/pendidikan-berkualitas">Pendidikan Berkualitas</a></li> </ul> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/lingkungan">Lingkungan</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/energi-bersih-dan-terjangkau">Energi Bersih dan Terjangkau</a></li> <li><a href="https://lestari.kompas.com/tujuan/penanganan-perubahan-iklim">Penanganan Perubahan Iklim</a></li> <li><a href="https://lestari.kompas.com/tujuan/ekosistem-lautan">Ekosistem Lautan</a></li> <li><a href="https://lestari.kompas.com/tujuan/ekosistem-daratan">Ekosistem Daratan</a></li> </ul> </div> <div class="navSub-subcol --subcol"> <div class="navSub-grup"><a href="https://lestari.kompas.com/category/ekonomi-dan-umkm">Ekonomi dan UMKM</a></div> <ul class="navSub-inner"> <li><a href="https://lestari.kompas.com/tujuan/tanpa-kemiskinan">Tanpa Kemiskinan</a></li> <li><a href="https://lestari.kompas.com/tujuan/tanpa-kelaparan">Tanpa Kelaparan</a></li> <li><a href="https://lestari.kompas.com/tujuan/kesetaraan-gender">Kesetaraan Gender</a></li> <li><a href="https://lestari.kompas.com/tujuan/pekerjaan-layak-dan-pertumbuhan-ekonomi">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li> <li><a href="https://lestari.kompas.com/tujuan/industri-inovasi-dan-infrastruktur">Industri, Inovasi & Infrastruktur</a></li> <li><a href="https://lestari.kompas.com/tujuan/berkurangnya-kesenjangan">Berkurangnya Kesenjangan</a></li> <li><a href="https://lestari.kompas.com/tujuan/kota-dan-pemukiman-yang-berkelanjutan">Kota & Pemukiman yang Berkelanjutan</a></li> <li><a href="https://lestari.kompas.com/tujuan/konsumsi-dan-produksi-yang-bertanggungjawab">Konsumsi & Produksi yang bertanggungjawab</a></li> </ul> </div> </li> <li class="navSub-col --col3"> <div class="navSub-label">PROGRAM LESTARI</div> <ul class="navSub-inner"> <li> <a href="https://lestari.kompas.com/program/cantikpreneurship" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jernihkan-bumi" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jernihkan-harapan" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan"> </a> </li> <li> <a href="https://lestari.kompas.com/program/festival-ceban" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban"> </a> </li> <li> <a href="https://lestari.kompas.com/program/jurnalisme-berkebangsaan" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan"> </a> </li> <li> <a href="https://lestari.kompas.com/program/generasi-bangkit" class="navLestariProgram"> <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit"> </a> </li> </ul> <a class="navSub-more" href="https://lestari.kompas.com/program">Lihat semua</a> </li> </ul> </div> <!-- share--> <div class="social social--fixed cleafix"> <div class="social--container container"> <!-- share --> <span class="social--text">Bagikan:</span> <div class="social social--article clearfix"> <div class="social__item"> <a class="social__link social__link--facebook" href="javascript:void(0)" onclick="fb_share('5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi','https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?utm_source=Facebook&utm_medium=Referral&utm_campaign=Sticky_Desktop')"> <svg class="icon icon-facebook" title="icon-facebook"> <use xlink:href="#icon-facebook"/> </svg> </a> </div> <div class="social__item"> <a class="social__link social__link--twitter" href="javascript:void(0)" onclick="tweet_share('5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi\n\nKlik untuk baca: https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi\n\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \nDownload aplikasi: https://kmp.im/app2','https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi')"> <svg class="icon icon-twitter" title="icon-twitter"> <use xlink:href="#icon-twitter"/> </svg> </a> </div> <div class="social__item"> <a class="social__link social__link--whatsapp" href="javascript:void(0)" onclick="whatsapp_share_new('*5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi*\n\nKlik untuk baca:\n', 'https://kmp.im/AGHCCQ?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=Sticky_Desktop\n\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \nDownload aplikasi: https://kmp.im/app3')"> <svg class="icon icon-whatsapp" title="icon-whatsapp"> <use xlink:href="#icon-whatsapp"></use> </svg> </a> </div> <div class="social__item"> <a class="social__link social__link--telegram" href="javascript:void(0)" onclick="telegram_share('**5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi**', 'https://kmp.im/AGHCCQ?utm_source=Telegram&utm_medium=Referral&utm_campaign=Sticky_Desktop', '%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5')"> <svg class="icon icon-telegram" title="icon-telegram"> <use xlink:href="#icon-telegram"></use> </svg> </a> </div> <div class="social__item"> <a class="social__link social__link--copy" href="https://umkm.kompas.com/copy/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" style="display: none;"> <svg class="icon icon-copy" title="icon-copy"> <use xlink:href="#icon-copy"/> </svg> </a> </div> <!-- <div class="social__item"> <a class="social__link social__link--comment" href="http://umkm.kompas.com/komentar/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi"> <span class="icon icon-comment"></span> </a> </div> --> <!-- <div class="social__item"> <a class="social__link social__link--google-plus" href="javascript:void(0);" onclick="plus_share('https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi')"> <svg class="icon icon-google-plus" title="icon-google-plus"> <use xlink:href="#icon-google-plus"/> </svg> </a> </div> --> </div> <p class="social--dshare" id="dsharetitle">5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi</p> <div class="comment__read__bar"> <span>Komentar: </span> <div class="social social--article clearfix"> <div class="social__item"> <a class="social__link" href="http://umkm.kompas.com/komentar/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi"> <span class="icon icon-comment"></span> <div class="comment__counter total_comment"></div> </a> </div> </div> </div> </div> </div> </div> </div> <script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script> <div class="wrap"> <!-- header --> <!-- (ads.skin) --> <!-- container--> <div class="container clearfix"> <div class="row mt2 col-offset-fluid clearfix"> <div class="col-xs-10"> <div class="kcm kcm__top clearfix"> <div class="kcm__sticky__top"> <div id='div-gpt-ad-Top_1-1'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Top_1-1'); }); </script> </div> <!-- DFP Vignette --> <script> if(document.cookie.indexOf('vignette_cookies=') == -1){ var getVignette = function() { googletag.cmd.push(function() { din = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/umkm/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); if (din !== null) { din.setTargeting('Pos', ['vignette']); din.setTargeting('kg_pos', ['vignette']); din.addService(googletag.pubads()); } googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.pubads().refresh([din]); }); }; getVignette(); // setcookie 1 jam var d = new Date() d.setTime(d.getTime() + 1800 * 1000) document.cookie = "vignette_cookies=1;expires=" + d.toUTCString() + ";domain=.kompas.com;path=/";document.cookie = "vignette_cookies_session=1" } </script> <!-- End DFP Vignette --> </div> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="row mt2 col-offset-fluid clearfix"> <iframe id="randomIframe" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border: 0px;vertical-align: bottom;height: 200px;width: 100%;"></iframe> </div> <script> // Daftar URL widget var widgetUrls = [ "https://widget.kompas.com/pilkada/v1", "https://widget.kompas.com/jokowi-prabowo/v1?v=2" ]; // Fungsi untuk memilih URL acak dari array widgetUrls function getRandomWidgetUrl() { return widgetUrls[Math.floor(Math.random() * widgetUrls.length)]; } // Menyisipkan URL acak ke dalam atribut src dari iframe document.getElementById("randomIframe").src = getRandomWidgetUrl(); </script> <!-- (ads.focus.update) --> <!-- read --> <div class="row mt2 col-offset-fluid clearfix"> <div class="col-bs10-10"> <!-- breadcrumb--> <!-- breadcrumb--> <h3 class="breadcrumb clearfix"> <ul class="breadcrumb__wrap" itemscope itemtype="http://schema.org/BreadcrumbList"> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="breadcrumb__link" itemtype="https://schema.org/Thing" itemprop="item" href="https://www.kompas.com"><span itemprop="name">Kompas.com</span></a><meta itemprop="position" content="1" /></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="breadcrumb__link" itemtype="https://schema.org/Thing" itemprop="item" href="https://umkm.kompas.com/"><span itemprop="name">Umkm</span></a><meta itemprop="position" content="2" /></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="breadcrumb__link" itemtype="https://schema.org/Thing" itemprop="item" href="https://umkm.kompas.com/training"><span itemprop="name">Training</span></a><meta itemprop="position" content="3" /></li> </ul> </h3> <!-- topik pilihan --> <!-- (ads.header) --> <!-- read title--> <h1 class="read__title">5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi</h1> </div> </div> <!-- read --> <div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent"> <div class="col-bs10-7 js-read-article"> <!-- read header--> <div class="read__header col-offset-fluid clearfix"> <div class="col-bs10-10"> <!-- author --> <div class="read__time"><a href="https://www.kompas.com">Kompas.com</a> - 24/11/2024, 17:49 WIB</div> </div> <div class="col-bs10-10"> <div class="credit" onclick="document.getElementById('creditModal').classList.toggle('openModal');return false;"> <div class="credit-picture"> <div class="credit-picture-img avatarInit" data-avatar-initial="AK"></div> <div class="credit-picture-img"> <img src="https://asset.kompas.com/crops/eiUlT8xZnrTVYVEgZPLOzxo-pw8=/0x0:0x0/200x200/left/data/photo/profile/5d4d9b00a770d.jpg" alt=""> </div> </div> <div class="credit-title"> <div class="credit-title-name"> <h6>Anagatha Kilan Sashikirana,</h6> <h6>Wahyu Adityo Prodjo</h6> </div> <p>Tim Redaksi</p> </div> </div> <div id="creditModal" class="creditModal"> <div class="creditModal-header"> <!-- <div class="creditModal-title">Tim Redaksi</div> --> <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss" onclick="document.getElementById('creditModal').classList.remove('openModal');return false;"> <span class="icoBase icoDismiss"></span> </button> </div> <div class="creditModal-body"> <a href="http://indeks.kompas.com/profile/5932/Anagatha.Kilan.Sashikirana"> <div class="credit-author"> <div class="credit-author-img avatarInit" data-avatar-initial="AK"></div> <div class="credit-author-title"> <h6 class="credit-author-name"> Anagatha Kilan Sashikirana </h6> <h6 class="credit-author-position">Penulis<h6> </div> </div> </a> <a href="http://indeks.kompas.com/profile/720/Wahyu.Adityo.Prodjo"> <div class="credit-author"> <div class="credit-author-img"> <img src="https://asset.kompas.com/crops/eiUlT8xZnrTVYVEgZPLOzxo-pw8=/0x0:0x0/200x200/left/data/photo/profile/5d4d9b00a770d.jpg" alt=""> </div> <div class="credit-author-title"> <h6 class="credit-author-name"> Wahyu Adityo Prodjo </h6> <h6 class="credit-author-position">Editor<h6> </div> </div> </a> </div> </div> </div> <div class="col-bs10-10"> <!-- reaction blok --> <div class="reaction -top"> <div class="reactionList display-flex"> <button class="button reactionItem reactionIteration" aria-label="Like Article" data-ttp="like"> <span class="icoBase icoLike"></span> <span class="reactionTxt"></span> </button> <button class="button reactionItem reactionIteration" aria-label="Dislike Article" data-ttp="dislike"> <span class="icoBase icoDislike"></span> </button> <button data-url="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" data-title="5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi" data-campaign="Top_Desktop" class="button buttonShare reactionItem" aria-label="Share Article"> <span class="icoBase icoShare"></span> </button> <button class="button reactionItem reactionIteration" aria-label="Bookmark Article" data-ttp="bookmark"> <span class="icoBase icoBookmark"></span> </button> <a href="http://umkm.kompas.com/komentar/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" class="button buttonComment reactionItem" aria-label="Comment Article"> <span class="icoBase icoComment"></span> <span class="reactionTxt total_comment"></span> </a> </div> </div> <script> (function() { const guid = ".xml.2024.11.24.174922483"; const kmps_usrid = ""; const base_api_url = "https://api.kompas.com/"; const login_url = "https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly91bWttLmtvbXBhcy5jb20vcmVhZC8yMDI0LzExLzI0LzE3NDkyMjQ4My81LWlkZS1kYW4tcGVsdWFuZy1iaW5zaXMtcHJvZHVrLXNraW5jYXJlLWRhcmktc3VzdS1zYXBp"; const user_bookmark_url = "https://activity.kompas.com/saved?order=desc"; const user_like_url = "https://activity.kompas.com/liked?order=desc"; const publisher = 'kompas'; const platform = 'desktop'; const type = 'article'; let process = false; window.addEventListener('DOMContentLoaded', function() { // clone widget top to widget bottom const paging = document.querySelector('.read__paging'); if (paging !== null) { const reactionWidget = document.querySelector('.reaction.-top').cloneNode(true); reactionWidget.className = 'reaction -bottom'; reactionWidget.querySelector('.buttonShare').setAttribute('data-campaign', 'Bottom_Desktop') paging.after(reactionWidget); } else { const reactionBottom = document.querySelector('#reaction-bottom'); const reactionWidget = document.querySelector('.reaction.-top').cloneNode(true); reactionWidget.className = 'reaction -bottom'; reactionWidget.querySelector('.buttonShare').setAttribute('data-campaign', 'Bottom_Desktop') if (!!reactionBottom) { reactionBottom.appendChild(reactionWidget); } } // set attribute : posisi share top/bottom document.querySelectorAll(".buttonShare").forEach(element => element.addEventListener('click', event => { let parent = element.closest('.reaction'); if (parent !== null) { let socmedList = document.querySelector(".socmedList"); if (parent.className == 'reaction -top') { socmedList.setAttribute("data-area", "top"); } else if (parent.className == 'reaction -bottom') { socmedList.setAttribute("data-area", "bottom"); } } })); check_reaction_temp(); if(document.cookie.indexOf('kmps_usrid=') != -1){ get_data_reaction(); } document.querySelectorAll(".buttonBookmark, .buttonLike, .buttonDislike").forEach(element => element.addEventListener('click', event => { if (process == false) { if (kmps_usrid) { if (element.classList.contains('buttonBookmark')) { if (element.classList.contains('-active')) { do_unbookmark(); } else { do_bookmark(); } } else if (element.classList.contains('buttonLike')) { if (element.classList.contains('-active')) { do_like_delete(); } else { do_like_add(); } } else if (element.classList.contains('buttonDislike')) { if (element.classList.contains('-active')) { do_dislike_delete(); } else { do_dislike_add(); } } } else { let sso_query_params = ''; if (element.classList.contains('buttonBookmark')) { localStorage.setItem('reaction_bookmark_temp', 1) sso_query_params = '?source=kompascom&medium=interaction&campaign=save' } else if (element.classList.contains('buttonLike')) { localStorage.setItem('reaction_like_temp', 1) sso_query_params = '?source=kompascom&medium=interaction&campaign=like' } else if (element.classList.contains('buttonDislike')) { localStorage.setItem('reaction_dislike_temp', 1) sso_query_params = '?source=kompascom&medium=interaction&campaign=dislike' } window.location.href = login_url + sso_query_params; } } })); // start reaction rule var url_continue = "https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi"; function oneTapShow(tipe='') { let otd = document.getElementById('kgmModal-onetap') if(!!otd) { let kgOne1 = document.getElementById('kgOne1'); let kgOne2 = document.getElementById('kgOne2'); if(tipe=='reaction'){ kgOne1.style.display = 'none'; kgOne2.style.display = 'block'; }else{ kgOne2.style.display = 'none'; kgOne1.style.display = 'block'; } otd.classList.remove('-hide'); } } function oneTapHide() { let otd = document.getElementById('kgmModal-onetap') if(!!otd) { otd.classList.add('-hide'); } } function hideButtonClose(){ document.getElementById('kgmModal-onetap-close-tag').style.display = 'none'; document.getElementById('kgmModal-onetap-close-page').style.display = 'none'; document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none'; } document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => { hideButtonClose(); var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); kgmModalOneTapIteraction.style.display = "block"; var trigger_touch_point = 'click_like'; var label = 'Like'; var title = 'Suka konten ini? Login untuk menyimpan preferensimu'; if(element.dataset.ttp=='dislike'){ trigger_touch_point = 'click_dislike'; label = 'Dislike'; title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu'; }else if(element.dataset.ttp=='bookmark'){ trigger_touch_point = 'click_bookmark'; label = 'Bookmark'; title = 'Login untuk simpan dan baca nanti'; } localStorage.setItem(`reaction_${label.toLowerCase()}_temp`, 1) // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) document.getElementById('kgmModal-title').innerHTML = title; // var script = document.createElement("script"); // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); // document.getElementById('kgmModal-onetap').dataset.eventLabel = label // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label oneTapShow('reaction'); })); // end reaction rule }); function check_reaction_temp() { if (kmps_usrid) { if (localStorage.getItem('reaction_bookmark_temp')) { localStorage.removeItem('reaction_bookmark_temp'); do_bookmark(); } else if (localStorage.getItem('reaction_like_temp')) { localStorage.removeItem('reaction_like_temp'); do_like_add(); } else if (localStorage.getItem('reaction_dislike_temp')) { localStorage.removeItem('reaction_dislike_temp'); do_dislike_add(); } } } function toggleBtnBookmark() { const bmarks = document.querySelectorAll('.buttonBookmark'); for (const bmark of bmarks) { bmark.classList.toggle('-active'); } } function toggleBtnLike(toggle = '') { const likes = document.querySelectorAll('.buttonLike'); const icos = document.querySelectorAll('.icoLike'); if (toggle == 'on') { for (const like of likes) { like.classList.add('-active') } for (const ico of icos) { ico.classList.add('animate', 'animateheadshake') } } else if (toggle == 'off') { for (const like of likes) { like.classList.remove('-active') } for (const ico of icos) { ico.classList.remove('animate', 'animateheadshake') } } else { for (const like of likes) { like.classList.toggle('-active') } for (const ico of icos) { if (ico.classList.contains('animate')) { ico.classList.remove('animate', 'animateheadshake') } else { ico.classList.add('animate', 'animateheadshake') } } } } function toggleBtnDislike(toggle = '') { const dlikes = document.querySelectorAll('.buttonDislike'); for (const dlike of dlikes) { if (toggle == 'on') { dlike.classList.add('-active') } else if (toggle == 'off') { dlike.classList.remove('-active') } else { dlike.classList.toggle('-active') } } } function formBody(obj) { let formBody = []; for (var property in obj) { let encodedKey = encodeURIComponent(property); let encodedValue = encodeURIComponent(obj[property]); formBody.push(encodedKey + "=" + encodedValue); } return formBody.join("&"); } async function do_bookmark() { toggleBtnBookmark(); process = true; let url = base_api_url + "2021/reaction/bookmark/add"; let data = { guid, kmps_usrid, type, publisher, platform } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnBookmark(); }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { reactionToast('Artikel berhasil disimpan', user_bookmark_url); setCookieReaction('bookmark'); } }).catch(function(error) { console.log(error); toggleBtnBookmark(); }); setTimeout(() => { process = false; }, "1000"); } async function do_unbookmark() { toggleBtnBookmark(); process = true; let url = base_api_url + "2021/reaction/bookmark/delete"; let data = { guid, kmps_usrid, type, } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnBookmark(); }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { reactionToast('Artikel dihapus dari list yang disimpan'); setCookieReaction('unbookmark'); } }).catch(function(error) { console.log(error); toggleBtnBookmark(); }); setTimeout(() => { process = false; }, "1000"); } async function do_like_add() { toggleBtnLike('on'); const dislikes = document.querySelectorAll('.buttonDislike'); let isDislikeActive = false; for (const dislike of dislikes) { if (dislike.classList.contains('-active')) { isDislikeActive = true; } } if (isDislikeActive) { toggleBtnDislike('off'); } process = true; let url = base_api_url + "2021/reaction/like/add"; let data = { guid, kmps_usrid, type, publisher, platform } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnLike('off'); if (isDislikeActive) { toggleBtnDislike('on'); } }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { reactionToast('Artikel tersimpan di list yang disukai', user_like_url); update_total_liked(true); setCookieReaction('like'); } }).catch(function(error) { console.log(error); toggleBtnLike('off'); if (isDislikeActive) { toggleBtnDislike('on'); } }); setTimeout(() => { process = false; }, "1000"); } async function do_like_delete() { toggleBtnLike('off'); process = true; let url = base_api_url + "2021/reaction/like/delete"; let data = { guid, kmps_usrid, type, } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnLike('on'); }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { reactionToast('Artikel dihapus dari list yang disukai'); update_total_liked(false); setCookieReaction('unlike'); } }).catch(function(error) { console.log(error); toggleBtnLike('on'); }); setTimeout(() => { process = false; }, "1000"); } async function do_dislike_add() { toggleBtnDislike('on'); const likes = document.querySelectorAll('.buttonLike'); let isLikeActive = false; for (const like of likes) { if (like.classList.contains('-active')) { isLikeActive = true; } } if (isLikeActive) { toggleBtnLike('off'); } process = true; let url = base_api_url + "2021/reaction/dislike/add"; let data = { guid, kmps_usrid, type, publisher, platform } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnDislike('off'); if (isLikeActive) { toggleBtnLike('on'); } }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { if (isLikeActive) { update_total_liked(false); reactionToast('Artikel dihapus dari list yang disukai'); } setCookieReaction('dislike'); } }).catch(function(error) { console.log(error); toggleBtnDislike('off'); if (isLikeActive) { toggleBtnLike('on'); } }); setTimeout(() => { process = false; }, "1000"); } async function do_dislike_delete() { toggleBtnDislike('off'); process = true; let url = base_api_url + "2021/reaction/dislike/delete"; let data = { guid, kmps_usrid, type } const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }, body: formBody(data) }).then(function(resp) { if (resp.status == 200 || resp.status == 201 || resp.status == 400) { return resp.json(); } throw new Error('Something went wrong'); toggleBtnDislike('on'); }).then(function(resp) { if (resp.status == true || (resp.hasOwnProperty('message') && resp.message.includes('exist'))) { setCookieReaction('undislike'); } }).catch(function(error) { console.log(error); toggleBtnDislike('on'); }); setTimeout(() => { process = false; }, "1000"); } async function get_data_reaction() { let dataReaction; let cookieName = getCookieName(); let cookieReaction = getCookie(cookieName); let get_api = false; if (cookieReaction) { dataReaction = JSON.parse(cookieReaction); if (kmps_usrid && dataReaction.kmps_usrid != kmps_usrid) { // jika login & user tidak sama get_api = true; } if (kmps_usrid == '' && typeof dataReaction.kmps_usrid !== 'undefined') { // jika tidak login & masih ada user lain get_api = true; } } if (!cookieReaction || get_api) { // GET API let url = base_api_url + "2021/reaction?kmps_usrid=" + kmps_usrid + "&type=article&guid=" + guid; const response = await fetch(url).then(function(response) { if (response.ok) { return response.json(); } throw new Error('Something went wrong'); }).then(function(responseJson) { dataReaction = { 'liked': responseJson.liked, 'disliked': responseJson.disliked, 'saved': responseJson.saved, 'total_liked': responseJson.total_liked } setCookieReaction('', dataReaction); }).catch(function(error) { console.log(error); }); } const totalLikes = document.querySelectorAll('.buttonLike > .reactionTxt'); for (const totalLike of totalLikes) { if (dataReaction.total_liked) { totalLike.innerHTML = dataReaction.total_liked; } } if (typeof dataReaction.kmps_usrid !== 'undefined' && dataReaction.kmps_usrid == kmps_usrid) { if (dataReaction.liked == true) { const buttonLikes = document.querySelectorAll('.buttonLike'); for (const buttonLike of buttonLikes) { buttonLike.classList.add('-active'); } if (dataReaction.total_liked == 0) { for (const totalLike of totalLikes) { totalLike.innerHTML = 1 } } } if (dataReaction.disliked == true) { const buttonDislikes = document.querySelectorAll('.buttonDislike'); for (const buttonDislike of buttonDislikes) { buttonDislike.classList.add('-active'); } } if (dataReaction.saved == true) { const buttonBookmarks = document.querySelectorAll('.buttonBookmark'); for (const buttonBookmark of buttonBookmarks) { buttonBookmark.classList.add('-active'); } } } // check params after login amp if (kmps_usrid) { const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); if (urlParams.has('state')) { let state = urlParams.get('state'); if (state == 'bookmark' && dataReaction.saved == false) { do_bookmark(); } else if (state == 'like' && dataReaction.liked == false) { do_like_add(); } else if (state == 'dislike' && dataReaction.disliked == false) { do_dislike_add(); } } } } function update_total_liked(state) { let buttonLikes = document.querySelectorAll('.buttonLike > .reactionTxt'); for (const buttonLike of buttonLikes) { if (state == true) { buttonLike.innerHTML = parseInt((buttonLike.innerHTML ? buttonLike.innerHTML : 0), 10) + 1; } else { var value = parseInt((buttonLike.innerHTML ? buttonLike.innerHTML : 0), 10) - 1; buttonLike.innerHTML = (value > 0) ? value : ''; } } } function setCookie(cname, cvalue, minutes) { return new Promise(resolve => { var d = new Date(); d.setTime(d.getTime() + (minutes * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;secure;SameSite=None"; resolve(true); }); } function getCookie(name) { var name = name + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < cookies.length; i++) { var c = cookies[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } } function getCookieName() { let cookieName = guid; cookieName = cookieName.replace(".xml", "xml"); cookieName = cookieName.replaceAll(".", ":"); cookieName = 'reaction:' + cookieName; return cookieName; } function setCookieReaction(action = '', dataReaction = '') { let cookieName = getCookieName(); if (dataReaction == '') { const dataReactionCookie = getCookie(cookieName); if (dataReactionCookie) { dataReaction = JSON.parse(dataReactionCookie); } else { dataReaction = { saved: false, liked: false, disliked: false, kmps_usrid: kmps_usrid || '', }; } if (action == 'bookmark') { dataReaction.saved = true; } else if (action == 'unbookmark') { dataReaction.saved = false; } else if (action == 'like') { dataReaction.liked = true; dataReaction.disliked = false; } else if (action == 'unlike') { dataReaction.liked = false; } else if (action == 'dislike') { dataReaction.disliked = true; dataReaction.liked = false; } else if (action == 'undislike') { dataReaction.disliked = false; } } if (kmps_usrid) { dataReaction.kmps_usrid = kmps_usrid; } setCookie(cookieName, JSON.stringify(dataReaction), 10); } })(); </script> </div> </div> <!-- photo artikel--> <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css"> <div class="cover-photo -gallery" data-photolink="http://umkm.kompas.com/image/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=1" data-photostyle=""> <div class="photo__wrap"> <img width="780" height="520" src="https://asset.kompas.com/crops/skYe0YiGR8dRWM4z9EcSOGWlXf4=/0x0:1000x667/1200x800/data/photo/2021/09/24/614dd8f2e0c5a.jpg" alt="Ilustrasi penggunaan skincare"> <div class="photo__icon photo__icon__expand"> <svg class="icon icon-expand"></svg>Lihat Foto </div> </div> <div class="photo__caption"> Ilustrasi penggunaan skincare<span class="photo__author author">(SHUTTERSTOCK)</span> </div> </div> <!-- photo carousel --> <div class="photoCarousel"> <div class="photoCarousel-block" data-scroll="side"> <div class="photoCarousel-wrap photoCarousel-slider" data-active="scroll"> <div class="photoCarousel-item active"> <a href="http://umkm.kompas.com/image/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=1"> <div class="photoCarousel-img"> <img class="lozad" data-src="https://asset.kompas.com/crops/gbjg2SiLU6emrB9TNjdiaG85i1I=/0x0:1000x667/750x500/data/photo/2021/09/24/614dd8f2e0c5a.jpg" alt="Ilustrasi penggunaan skincare"> </div> </a> </div> <!-- s:banner nps --> <div class="photoCarousel-item"> <a href="https://www.kompas.com/feedback"> <div class="photoCarousel-img"> <img class="lozad" data-src="https://asset.kompas.com/crop/0x0:0x0/150x100/data/photo/banner-NPS.jpg" alt=""> </div> </a> </div> <!-- e:banner nps --> </div> </div> </div> <!-- (ads.scroll.below) --> <div class="overlay-desktop"> <div id='div-gpt-ad-709378328132220442-oop'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-709378328132220442-oop'); }); </script> </div> </div> <!-- read artikel --> <div class="read__article mt2 clearfix js-tower-sticky-parent"> <div class="col-bs9-2 col-offset-0 kcm__tower--sticky"> <div class="kcm kcm__tower clearfix"> <div id='div-gpt-ad-Skyscraper'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Skyscraper'); }); </script> </div></div> </div> <div class="col-bs9-7"> <!-- read credit--> <div class="read__credit top clearfix"><div class="read__credit__item"><span>Sumber</span> <a href="http://healthline.com" target="_blank">healthline.com</a>,<a href="https://hellosehat.com/" target="_blank">hellosehat.com</a></div></div> <!-- read content --> <div class="read__content clearfix"> <div class="clearfix"> <p><strong>KOMPAS.com</strong> – <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/susu' style='color:#428bca;'>Susu</a> memang mengandung banyak sekali <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/manfaat' style='color:#428bca;'>manfaat</a>, khususnya untuk Kesehatan jika dikonsumsi secara rutin. Namun, <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/kandungan' style='color:#428bca;'>kandungan</a>-kandungan yang ada di dalam <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/susu' style='color:#428bca;'>susu</a> juga bisa menjadi <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/peluang' style='color:#428bca;'>peluang</a> untuk produk <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/skincare' style='color:#428bca;'>skincare</a> karena manfaatnya.</p> <p>Secara umum, beberapa kandungan dari <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/susu-sapi' style='color:#428bca;'>susu sapi</a> bisa bermanfaat untuk kulit, seperti asam laktat, Vitamin A, Vitamin D, Vitamin B, Vitamin E, Lemak alami.</p><!-- (ads.paragraph.2) --><span class="ads-on-body"><!-- (ads.paragraph.4) --></span> <p>Melihat banyaknya kandungna manfaat dari susu sapi, mungkin ini bisa menjadi <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/ide' style='color:#428bca;'>ide</a> dan peluang <a target='_self' class='inner-link-tag' href='https://www.kompas.com/tag/bisnis' style='color:#428bca;'>bisnis</a>. Jadi, selain menjual susu segar, kamu juga bisa mengolah susu tersebut atau bermitra dengan produsen kosmetik untuk membuat susu menjadi produk-produk skincare.</p> <p><strong>Baca juga: <a href="https://umkm.kompas.com/read/2024/11/19/160000183/7-ide-bisnis-produk-makanan-dan-minuman-olahan-dari-susu-sapi" class="inner-link-baca-juga" target="_self">7 Ide Bisnis Produk Makanan dan Minuman Olahan dari Susu Sapi</a></strong></p> <p>Namun perlu diingat, jika kamu ingin membuat produk-produk skincare dari susu sapi, kamu perlu melakukan pengujian yang lebih mendalam dan konsultasikan hal ini dengan ahli di bidangnya agar pemanfaatan susu sapi tersebut tepat guna.</p> <p>Seperti yang dilansir dari beberapa sumber termasuk <em>hellosehat.com</em> dan <em>healthline.com</em>, berikut ini beberapa ide dan peluang bisnis produk skincare dengan kandungan dari susu sapi,</p><!-- s : kompas.id widget --> <div class="kompasidRec"></div> <!-- e : kompas.id widget --> <script> var endpoint = 'https://api-x.kompas.id/article/v1/kompas.com/recommender-inbody?position=rekomendasi_inbody&post-tags=bisnis, UMKM, skincare, susu, peluang, susu sapi, kandungan, ide, manfaat&post-url=aHR0cHM6Ly91bWttLmtvbXBhcy5jb20vcmVhZC8yMDI0LzExLzI0LzE3NDkyMjQ4My81LWlkZS1kYW4tcGVsdWFuZy1iaW5zaXMtcHJvZHVrLXNraW5jYXJlLWRhcmktc3VzdS1zYXBp&q=5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi§ion=Training' var xhr = new XMLHttpRequest(); xhr.addEventListener("readystatechange", function() { if (this.readyState == 4 && this.status == 200) { if (this.responseText != '') { const response = JSON.parse(this.responseText); if (response.url && response.judul && response.thumbnail) { const htmlString = ` <a target="_blank" href="${response.url}" rel="noopener noreferrer" class="kompasidRec__wrap"> <div class="kompasidRec__art"> <div class="kompasidRec__title"> ${response.judul} </div> <div class="kompasidRec__subs"> Artikel Kompas.id <span class="icoBase kompasidRec__link"></span> </div> </div> <div class="kompasidRec__img"> <img class="lozad" data-src="${response.thumbnail}" alt="${response.judul}"> </div> </a> `; document.querySelector('.kompasidRec').innerHTML = htmlString; } else { document.querySelector(".kompasidRec").remove(); } } else { document.querySelector(".kompasidRec").remove(); } } }); xhr.open("GET", endpoint); xhr.send(); </script> <h2>1. Sabun Susu</h2> <p>Belakangan ini, susu seringkali dijadikan sebagai sabun karena dianggap mampu melembapkan kulit, mengangkat sel kulit mati dan memberikan efek cerah alami. Maka dari itu, sabun dari susu bisa menjadi ide dan peluang bisnis untuk menyasar konsumen yang mencari perawatan kulit alami.</p> <p><strong>Baca juga: <a href="https://umkm.kompas.com/read/2024/07/25/111800083/berbisnis-produk-olahan-susu-boyolali-bisa-raih-keuntungan-dengan-mudah" class="inner-link-baca-juga" target="_self">Berbisnis Produk Olahan Susu Boyolali Bisa Raih Keuntungan dengan Mudah</a></strong></p> <p>Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan sabun susu? Diketahui susu memiliki kandungan Asam Laktat yang dapat membantu eksfoliasi kulit secara lembut, mengangkat sel kulit mati, dan mencerahkan kulit. Selain itu, protein dan lemak alami juga bisa memberikan kelembapan dan nutrisi pada kulit serta menjaga elastisitas.</p> <p>Cara untuk membuat sabun susu adalah dengan melelehkan sabun dasar menggunakan metode <em>double boiler</em>. Setelah itu, tambahkan susu cair atau bubuk secukupnya untuk memperkaya kandungan.</p><span class="ads-on-body"><!-- (ads.paralax) --></span> <p>Kamu juga bisa tambahkan bahan alami lain seperti madu, minyak zaitun, atau ekstrak herbal untuk meningkatkan manfaat. Buat varian aroma seperti lavender, vanila, atau mawar. Kemas sabun dengan desain yang menarik dan ramah lingkungan untuk menjangkau pasar yang lebih luas.</p> <p><strong>Baca juga: <a href="https://umkm.kompas.com/read/2023/09/15/081900683/6-cara-sukses-membuka-kafe-susu-untuk-pelaku-umkm" class="inner-link-baca-juga" target="_self">6 Cara Sukses Membuka Kafe Susu Untuk Pelaku UMKM</a></strong></p> <h2>2. Masker Wajah Susu</h2> <p>Masker wajah susu juga tak kalah populer karena manfaatnya dalam melembapkan, mencerahkan, dan menghaluskan kulit. Permintaan produk masker alami juga terus meningkat.</p> <p>Namun kamu juga perlu berhati-hati khususnya dalam mengedukasi pasar dan melihat siapa pembeli masker susu tersebut, karena susu seringkali memicu reaksi pada kulit jika orang tersebut sensitif sehingga lebih baik dihindari jika digunakan di area wajah.</p> <p>Apa saja kandungan dalam susu yang bisa bermanfaat untuk dijadikan masker wajah susu? Diketahui susu memiliki kandungan Vitamin B yang bisa membantu memperbaiki kulit kusam dan meningkatkan kelembutan. Asam Laktat juga bisa menghidrasi kulit sekaligus memperbaiki tekstur kulit.</p> <p><strong>Baca juga: <a href="https://umkm.kompas.com/read/2023/08/15/200519083/didampingi-universitas-prasetya-mulya-ponpes-ini-berhasil-tingkatkan-produksi" class="inner-link-baca-juga" target="_self">Didampingi Universitas Prasetya Mulya, Ponpes Ini Berhasil Tingkatkan Produksi Sabun Susu</a></strong></p> <p>Untuk membuatnya, kamu bisa campurkan susu bubuk dengan bahan lain untuk tambahan manfaat seperti <em>oatmeal</em> (pelembap), kunyit (anti-inflamasi), atau <em>charcoal</em> (detoksifikasi). Kemudian tambahkan sedikit air hingga tekstur berubah menjadi pasta.</p> <p>Agar lebih menarik minat pasar, kamu bisa mengemasnya dalam bentuk sachet untuk penggunaan yang lebih praktis dan sekali pakai.</p> <h2>3. Lulur Susu</h2> <p>Hampir mirip dengan susu kambing, tapi produk selanjutnya adalah lulur susu. Produk ini juga cukup diminati karena membantu menghaluskan kulit dan memberikan efek relaksasi. Lulur susu sangat cocok untuk menyasar salon spa, ataupun konsumen yang suka menggunakan lulur sendiri di rumah.</p> <p><strong>Baca juga: <a href="https://umkm.kompas.com/read/2023/06/13/150000283/4-keuntungan-bisnis-susu-jahe-salah-satunya-pengolahan-tidak-sulit" class="inner-link-baca-juga" target="_self">4 Keuntungan Bisnis Susu Jahe, Salah Satunya Pengolahan Tidak Sulit</a></strong></p><!-- (ads.native_banner) --></p><iframe class="lozad darkMsg" data-src="https://widget.kompas.com/survey/228?source=kompas.com&separator=survey__separator&site=umkm&resubmit=off&referred_url=https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" frameborder="0" width="100%" height="390"></iframe><span class="liftdown_v2_tanda"></span></div> </div> <!-- DFP OSM Start --> <style> .ads-partner-wrap > div { background: transparent; } #div-gpt-ad-Zone_OSM { position: sticky; position: -webkit-sticky; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; top: 100px; } </style> <span id="wrap_lazy_div-gpt-ad-Zone_OSM" style="margin-top:-200px;position:absolute"></span> <div class="ads-partner-wrap osmplaceonsite" style="min-height: 400px; max-width:100%; text-align: center;"> <div id="div-gpt-ad-Zone_OSM"></div> </div> <script type="text/javascript"> LazyLoadSlot("div-gpt-ad-Zone_OSM", "/31800665/KOMPAS.COM/umkm", [[300,250], [1,1], [384, 100]], "zone_osm", "zone_osm"); /** Init div-gpt-ad-Zone_OSM **/ function LazyLoadSlot(divGptSlot, adUnitName, sizeSlot, posName, posName_kg){ var observerAds = new IntersectionObserver(function(entires){ entires.forEach(function(entry) { if(entry.intersectionRatio > 0){ showAds(entry.target) } }); }, { threshold: 0 }); observerAds.observe(document.getElementById('wrap_lazy_'+divGptSlot)); function showAds(element){ console.log('show_ads lazy : '+divGptSlot); observerAds.unobserve(element); observerAds.disconnect(); googletag.cmd.push(function() { var slotOsm = googletag.defineSlot(adUnitName, sizeSlot, divGptSlot) .setTargeting('Pos',[posName]) .setTargeting('kg_pos',[posName_kg]) .addService(googletag.pubads()); googletag.display(divGptSlot); googletag.pubads().refresh([slotOsm]); }); } } </script> <!-- DFP OSM End --> <!-- logo partner --> <!-- share --> <!-- pagging --> <div class="read__paging__footnote paging__footnote clearfix"> <span>Halaman Berikutnya</span> <h5><a href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=2" class="next">Apa saja kandungan dalam susu…</a></h5> </div> <div class="read__paging clearfix"> <div class="paging paging--article col-offset-0 clearfix"> <div class="col-bs12-2 col-offset-0"> <div class="paging__teaser">Halaman: </div> </div> <div class="col-bs12-8 col-offset-0"> <div class="paging__wrap clearfix"><div class="paging__item"><a class="paging__link paging__link--active" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=1">1</a></div><div class="paging__item"><a class="paging__link " href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=2">2</a></div></div> </div> <div class="col-bs12-2 col-offset-0"><a class="paging__link paging__link--show" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi?page=all#page2">Show All</a></div> </div> </div> <span class="js-autoNext-holder"></span><div id="reaction-bottom"></div><div id="widget-comment-bottom"></div><div class="read__tagging mt1 clearfix"> <h3 class="tag tag--article clearfix"> <div class="tag__article__teaser">Tag</div> <ul class="tag__article__wrap"><li class="tag__article__item"><a class="tag__article__link" title="bisnis" href="https://www.kompas.com/tag/bisnis">bisnis</a></li><li class="tag__article__item"><a class="tag__article__link" title="UMKM" href="https://www.kompas.com/tag/umkm">UMKM</a></li><li class="tag__article__item"><a class="tag__article__link" title="skincare" href="https://www.kompas.com/tag/skincare">skincare</a></li><li class="tag__article__item"><a class="tag__article__link" title="susu" href="https://www.kompas.com/tag/susu">susu</a></li><li class="tag__article__item"><a class="tag__article__link" title="peluang" href="https://www.kompas.com/tag/peluang">peluang</a></li><li class="tag__article__item"><a class="tag__article__link" title="susu sapi" href="https://www.kompas.com/tag/susu-sapi">susu sapi</a></li><li class="tag__article__item"><a class="tag__article__link" title="kandungan" href="https://www.kompas.com/tag/kandungan">kandungan</a></li><li class="tag__article__item"><a class="tag__article__link" title="ide" href="https://www.kompas.com/tag/ide">ide</a></li><li class="tag__article__item"><a class="tag__article__link" title="manfaat" href="https://www.kompas.com/tag/manfaat">manfaat</a></li></ul> </h3> </div> <!--Link ke indeks kanal --> <div class="wLink"> <a href="https://umkm.kompas.com"> <div class="wLink__block"> <div class="wLink__img"><img class="lozad" data-src="https://asset.kompas.com/data/photo/wlink/wlink_umkm.jpg?v=1" width="80" height="50" alt="#"></div> <div class="wLink__title">Lihat Umkm Selengkapnya</div> <div class="wLink__arrow"> <span class="wLink__arrowPoint"></span> </div> </div> </a> </div> <link rel="stylesheet" href="https://static.kompas.com/slidestory/assets/css/slidestory_iframe.css" /> <iframe class="slidestory-iframe slidestory-rect" allow="clipboard-write" src="https://widget.kompas.com/slidestory/jadi-incaran-netizen-asia-apa-istimewanya-boneka-labubu" width="100%" height="200" frameborder="0"></iframe><!--Artikel terkait --> <div class="aTerkait" text="Artikel Terkait"> <div class="aTerkait__list"> <ul> <li> <a href="http://umkm.kompas.com/read/2023/01/04/090000483/berawal-dari-tugas-kuliah-tiga-mahasiswa-ini-berhasil-raup-cuan-dari-olahan"> <div class="aTerkait__list__img" data-placeholder="Berawal dari Tugas Kuliah, Tiga Mahasiswa Ini Berhasil Raup Cuan dari Olahan Susu Kambing Etawa"> <img class="lozad" data-src="https://asset.kompas.com/crops/_dacfFhBoA408OGyT27KosxoXfk=/0x118:706x588/100x100/data/photo/2023/01/04/63b4650d27bf1.jpeg" alt=""> </div> <h4 class="aTerkait__list__title">Berawal dari Tugas Kuliah, Tiga Mahasiswa Ini Berhasil Raup Cuan dari Olahan Susu Kambing Etawa</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2023/04/03/094652383/5-cara-memulai-usaha-susu-kedelai-simak-agar-tak-salah-langkah"> <div class="aTerkait__list__img" data-placeholder="5 Cara Memulai Usaha Susu Kedelai, Simak agar Tak Salah Langkah"> <img class="lozad" data-src="https://asset.kompas.com/crops/3H0EF9vyqZguDECRSMn41NMPCLQ=/0x42:732x530/100x100/data/photo/2022/08/30/630e3b66884f1.jpg" alt=""> </div> <h4 class="aTerkait__list__title">5 Cara Memulai Usaha Susu Kedelai, Simak agar Tak Salah Langkah</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2023/06/13/150000283/4-keuntungan-bisnis-susu-jahe-salah-satunya-pengolahan-tidak-sulit"> <div class="aTerkait__list__img" data-placeholder="4 Keuntungan Bisnis Susu Jahe, Salah Satunya Pengolahan Tidak Sulit"> <img class="lozad" data-src="https://asset.kompas.com/crops/6z2JcrZVK02jnrh9DkVrR4gU2jk=/0x1:1280x854/100x100/data/photo/2022/10/11/63457eaa9219e.jpg" alt=""> </div> <h4 class="aTerkait__list__title">4 Keuntungan Bisnis Susu Jahe, Salah Satunya Pengolahan Tidak Sulit</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2023/08/15/200519083/didampingi-universitas-prasetya-mulya-ponpes-ini-berhasil-tingkatkan-produksi"> <div class="aTerkait__list__img" data-placeholder="Didampingi Universitas Prasetya Mulya, Ponpes Ini Berhasil Tingkatkan Produksi Sabun Susu"> <img class="lozad" data-src="https://asset.kompas.com/crops/eRsXsvpwtsob_uZwd2BTGbw8b2c=/0x0:950x633/100x100/data/photo/2023/08/15/64db77032c01d.jpg" alt=""> </div> <h4 class="aTerkait__list__title">Didampingi Universitas Prasetya Mulya, Ponpes Ini Berhasil Tingkatkan Produksi Sabun Susu</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2023/09/15/081900683/6-cara-sukses-membuka-kafe-susu-untuk-pelaku-umkm"> <div class="aTerkait__list__img" data-placeholder="6 Cara Sukses Membuka Kafe Susu Untuk Pelaku UMKM"> <img class="lozad" data-src="https://asset.kompas.com/crops/AQWT9HLfjgMCW6lD2YnFQLIZj54=/0x0:1000x667/100x100/data/photo/2023/09/11/64fe784f43c62.jpg" alt=""> </div> <h4 class="aTerkait__list__title">6 Cara Sukses Membuka Kafe Susu Untuk Pelaku UMKM</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2024/07/25/111800083/berbisnis-produk-olahan-susu-boyolali-bisa-raih-keuntungan-dengan-mudah"> <div class="aTerkait__list__img" data-placeholder="Berbisnis Produk Olahan Susu Boyolali Bisa Raih Keuntungan dengan Mudah"> <img class="lozad" data-src="https://asset.kompas.com/crops/lvIBHh7K8VSRH7YtMusR-ejubc8=/0x0:1500x1000/100x100/data/photo/2023/06/24/64969da610a9f.jpg" alt=""> </div> <h4 class="aTerkait__list__title">Berbisnis Produk Olahan Susu Boyolali Bisa Raih Keuntungan dengan Mudah</h4> </a> </li> <li> <a href="http://umkm.kompas.com/read/2024/11/19/160000183/7-ide-bisnis-produk-makanan-dan-minuman-olahan-dari-susu-sapi"> <div class="aTerkait__list__img" data-placeholder="7 Ide Bisnis Produk Makanan dan Minuman Olahan dari Susu Sapi"> <img class="lozad" data-src="https://asset.kompas.com/crops/PbhaDy2bHgEI8_RKjA7HzBD5GB8=/0x0:1000x667/100x100/data/photo/2018/01/22/1246929802.jpg" alt=""> </div> <h4 class="aTerkait__list__title">7 Ide Bisnis Produk Makanan dan Minuman Olahan dari Susu Sapi</h4> </a> </li> </ul> </div> </div><!-- Artikel Rekomendasi --> <div id="rekomendasi-konten-pilihan-untukmu-aiml" class="wSpec -aiml -loading -grid"> <a href="#" class="wSpec-secret" role="button" style="width: 15px;height: 20px;left: -2px;top: 15px; z-index:9"> </a> <div class="wSpec-heading"> <div class="wSpec-heading-content">Pilihan Untukmu</div> <!-- <div class="jixie__logo jixie__logo--right"> <span>Powered by</span> <div class="jixie__logo__img"> <img src="https://asset.kompas.com/data/2017/widget/images/logo-persona.png" alt=""> </div> </div> --> </div> <div class="wSpec-list"> <!-- loader --> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> <div class="wSpec-item"> <a href="#"> <div class="wSpec-wrap"> <div class="wSpec-img"> <div class="wSpec-img-overlay"> <img src="" alt=""> </div> </div> <div class="wSpec-box"> <p class="wSpec-subtitle"></p> <h4 class="wSpec-title"></h4> <div class="wSpec-source"></div> </div> </div> </a> </div> </div> </div> <!-- (ads.under.rekomendasi) --> <script async> console.log('show_rekomendasi_konten_pilihan_untukmu'); let content_tags = document.querySelector('meta[name="content_tags"]').content; let title = document.querySelector('title').innerHTML; /** * General Helper function with DOM elements creation * @returns */ function createElement(tag, id, defaultClass, customClasses, iHTML) { var elm = document.createElement(tag); if (id) elm.id = id; if (defaultClass) elm.className = defaultClass; if (customClasses && customClasses.length > 0) { customClasses.forEach(function(cls) { elm.classList.add(cls); }); } if (iHTML) elm.innerHTML = iHTML; return elm; } function createElementFromHTML(htmlString) { var div = document.createElement('div'); div.innerHTML = htmlString.trim(); // Change this to div.childNodes to support multiple top-level nodes. return div.firstChild; } /** * General helper function * @param {*} basicInfo (an obj containing client_id, sid, cohort, accountid, widget, pageurl * whenever possible) * needed by Jixie * * This function constructs the url to call the recommendation endpoint, fires the request * returns a promise which should resolves to an array of objects * * Note we also call resolve in case of error. Just easier to report the error in the code that calls it */ function fetchRecommendationsP(infoObj, jxUserInfo) { let body = null; let url = null; // if (infoObj.engine.type == 'api-1') { // let s = ''; // ["accountid", "pageurl", "widget_id", "type", "keywords", "title", "customid", "count"].forEach(function(pname) { // if (infoObj[pname]) // s += (pname == "accountid" ? '?' : '&') + pname + '=' + encodeURIComponent(infoObj[pname]); // }); // if (localStorage.getItem('_jxcht') !== null) { // s += '&cohort=' + localStorage.getItem('_jxcht'); // } // url = infoObj.engine.url + s; // } else if (infoObj.engine.type == 'api-2') { body = { "pageurl": "https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi", "count": 10, "algo": "mixed", "uid": getCookie('kmps_usrid'), "ukid": getCookie('ukid'), "pagetype": infoObj.engine.page_status, "excludeitemids": infoObj.engine.excludeitemids, "multiFormat": infoObj.engine.multiFormat }; body = JSON.stringify(body) url = infoObj.engine.url; } else if (infoObj.engine.type == 'api-3') { url = infoObj.engine.url; } return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest(); xhr.open(infoObj.engine['method'], url); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status >= 200 && this.status < 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=' + infoObj.engine['tracker_algsrc'] + ',site=UMKM,device=desktop,status=success') resolve(JSON.parse(xhr.response)); } else if (this.readyState == 4 && this.status < 200 || this.status >= 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=' + infoObj.engine['tracker_algsrc'] + ',site=UMKM,device=desktop,status=fail,response=' + this.status) resolve(null); } } xhr.onerror = function() { resolve(null); } xhr.send(body); }); } /** * General helper function * @param {*} fileUrl string * returns a promise which should resolves to true if all goes well */ function fetchJSFileP(fileUrl) { return new Promise(function(resolve, reject) { var tag = document.createElement("script"); var fst = document.getElementsByTagName("script")[0]; fst.parentNode.insertBefore(tag, fst); tag.onload = function() { resolve(); }; tag.src = fileUrl; }); }; /** * Click handler; A BOUND version is wired up to a particular DOM * element as the click handler * @param {*} url * @param {*} pos * @returns */ function handleClick(jxRecHelper0, url, pos) { /*** * JXRECSDK NOTES 5 of 5 calling * Call clicked(pos) of helper object to report a click * Here pos is the index of the item (starts from 1) */ jxRecHelper0.clicked(pos); //we need the position of the item in the widget // window.open(url); // open in new tab window.location = url; //open in current tab return false; } const cssClasses = { thumbnail_overlay_wrapper: 'wSpec-img-overlay', thumbnail_wrapper: 'wSpec-img', thumbnail: 'lozad', category: 'wSpec-subtitle', title: 'wSpec-title', container: 'wSpec-list', wrapper: 'wSpec-item', wrapper_content: 'wSpec-wrap', text_wrapper: 'wSpec-box', source: 'wSpec-source' }; function createDisplay(rand, container, resultObj, jxRecHelper) { return new Promise(function(resolve, reject) { let widgetWrapper = document.createElement('div'); widgetWrapper.classList.add(cssClasses.container); //OWN container.appendChild(widgetWrapper); let widgetItemArr = []; try { var engine_info = ''; var algsrc = ''; if (resultObj.hasOwnProperty('options')) { if(resultObj.options.group=='jm_kompas'){ engine_info = '&engine=J'; algsrc = 'J'; }else if(resultObj.options.group=='kg_internal'){ engine_info = '&engine=C'; algsrc = 'C'; }else{ engine_info = '&engine=V'; algsrc = 'V'; } } else { engine_info = '&engine=C'; algsrc = 'C'; } var items = resultObj.items; if (items.length > 0) { let counterNews = 0; while (counterNews <= 14) { items.some(function(item, index) { counterNews++; if (counterNews > 14) { return true; } let divid = `recItem-${rand}-${index}`; let itemUrl = item.url; var objArr = {}; objArr['divid'] = divid; objArr['id'] = jxRecHelper.jxUrlCleaner(itemUrl), objArr['pos'] = index; // objArr['img'] = item.img; if (resultObj.engine['type'] == 'api-2') { if (item.category == 'sponsored') { objArr['type'] = 'ad'; } else { objArr['type'] = 'page'; } } else { if (item.type == 'ad') { objArr['type'] = 'ad'; } else { objArr['type'] = 'page'; } } if (resultObj.engine['type'] == 'api-1') { objArr['algo'] = item.a; // a label to represent the algo used (opsional) } else if (resultObj.engine['type'] == 'api-2') { objArr['algo'] = item.methodId; // a label to represent the algo used (opsional) } if (item.type == 'ad') { objArr['trackers'] = item.trackers; } widgetItemArr.push(objArr); /* note: We have this -rand- thing in the div id (this is just * because want the div id to be unique on the page as * in case more than 1 widget is embedded on the page) */ var recItem = createElement('div', `recItem-${rand}-${index}`, null, [cssClasses.wrapper]); recItem.dataset.index = index; var recItemWrapper = createElement('div', null, null, [cssClasses.wrapper_content]); var imgWrapper = createElement('div', null, null, [cssClasses.thumbnail_wrapper]); var imgElm = createElement('img', null, null, null); imgElm.setAttribute('data-src', item.img); imgElm.setAttribute('class', 'lozad'); var imgOverlayWrapper = createElement('div', null, null, [cssClasses.thumbnail_overlay_wrapper]); var imgOverlay = createElement('img', null, null, null); imgOverlay.setAttribute('data-src', 'https://asset.kompas.com/data/logo/logo-kompascom-aiml.png'); imgOverlay.setAttribute('class', 'lozad'); imgOverlayWrapper.appendChild(imgOverlay); if (item.itemType == 'video' && item.hasOwnProperty('duration')) { var videoDuration = createElement('div', null, null, ['wSpec-duration', 'latestDuration'], item.duration); imgWrapper.appendChild(videoDuration); } imgWrapper.appendChild(imgElm); imgWrapper.appendChild(imgOverlayWrapper); var itemCategory = '' if (item.hasOwnProperty('category')) { itemCategory = item.category if (item.itemType == 'video') { itemCategory = 'video'; } } if (resultObj.engine['type'] == 'api-3') { var categoryDiv = createElement('p', null, null, [cssClasses.category], item.section.toLowerCase().charAt(0).toUpperCase() + item.section.toLowerCase().slice(1)); } else { var categoryDiv = createElement('p', null, null, [cssClasses.category], itemCategory.toLowerCase().charAt(0).toUpperCase() + itemCategory.toLowerCase().slice(1)); } var tracker_params = resultObj.engine['tracker_params'] + engine_info; // checking query params in itemUrl var tempItemUrl = new URL(itemUrl) if (tempItemUrl.search) { tracker_params = tracker_params.replace('?', '&') } // ads if ( (item.hasOwnProperty('category') && item.category == 'sponsored') // engine C || (item.hasOwnProperty('type') && item.type == 'ad') // engine V || (item.hasOwnProperty('section') && item.section == 'sponsored') // engine J ) { var categoryDiv = createElement('p', null, null, ['wSpec-tag'], 'Sponsored'); tracker_params = ''; } else if ((item.hasOwnProperty('category') && item.category == 'Advertorial')) { var categoryDiv = createElement('p', null, null, ['wSpec-tag'], item.category); } else { recItem.dataset.url = itemUrl; // button option var buttonOption = createElementFromHTML(`<button class="button buttonMeatball" aria-label="Article Setting" data-dropdown="option"><span class="icoMeatball"></span></button>`); // reaction popup meatball var reactionPopup = createElementFromHTML(` <div class="listPop"> <div class="listPop__item"> <button class="button buttonShare listPop__button"> <span class="icoBase icoShare"></span> Bagikan artikel </button> </div> <div class="listPop__item"> <button class="button buttonBookmark listPop__button" aria-label="Bookmark Article"> <span class="icoBase icoBookmark"></span> Simpan artikel </button> </div> <div class="listPop__item"> <button class="button buttonNotInterest listPop__button"> <span class="icoBase icoStop"></span> Tidak tertarik </button> </div> <div class="listPop__item"> <button class="button listPop__button" onclick="hideMeatball()"> <span class="icoBase icoClose"></span> Tutup </button> </div> </div>`); var wSpecStop = createElementFromHTML(` <div class="wSpec-stop"> Konten disembunyikan.<br> Muat ulang halaman untuk perbarui rekomendasi. <button class="button wSpec-stop-undo">Urungkan</button> </div>`); reactionPopup.querySelector('.buttonShare').setAttribute('data-title', item.title); reactionPopup.querySelector('.buttonShare').setAttribute('data-url', itemUrl); reactionPopup.querySelector('.buttonShare').setAttribute('data-campaign', 'AIML_Widget_Desktop'); let userFeedback = new UserFeedback(resultObj.engine['tracker_algsrc'], itemUrl + tracker_params, jxRecHelper, index); reactionPopup.querySelector('.buttonBookmark').addEventListener('click', function() { do_bookmark(itemUrl, index, userFeedback); }); reactionPopup.querySelector('.buttonShare').addEventListener('click', function() { userFeedback.event('share'); }); reactionPopup.querySelector('.buttonNotInterest').addEventListener('click', function() { if (getCookie('kmps_usrid')) { hideThisArt(this); userFeedback.event('not-interested'); } else { const parentAction = this.parentElement.parentElement.parentElement if (!!parentAction) { let indexElement = parentAction.getAttribute('data-index') if (indexElement != 'undefined') { localStorage.setItem('reaction_not_interest_temp', JSON.stringify({ urlpage: items[indexElement].url })) } } window.location.href = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); } }); /** * trigger action "userFeedback" that user not interest item before, when not interest without login */ if (getCookie('kmps_usrid') && localStorage.getItem('reaction_not_interest_temp')) { const tempUrlNotInterest = JSON.parse(localStorage.getItem('reaction_not_interest_temp')) if (itemUrl == tempUrlNotInterest.urlpage) { userFeedback.event('not-interested'); localStorage.removeItem('reaction_not_interest_temp'); } } wSpecStop.querySelector('.wSpec-stop-undo').addEventListener('click', function() { showThisArt(this); userFeedback.event('un-not-interested'); }); recItem.appendChild(buttonOption); recItem.appendChild(reactionPopup); recItem.appendChild(wSpecStop); } var recItemWrapperA = createElement('a', null, null, null); recItemWrapperA.setAttribute('href', itemUrl + tracker_params); var titleDiv = createElement('h4', null, null, [cssClasses.title]); var titleTextNode = document.createTextNode(item.title); if (item.itemType == 'video') { var iconVideo = createElement('div', null, null, ['icoInline', 'icoVideo']); iconVideo.style.marginRight = '5px'; titleDiv.appendChild(iconVideo); } titleDiv.appendChild(titleTextNode); var sourceDiv = null; if (item.hasOwnProperty('method')) { sourceDiv = createElement('div', null, null, [cssClasses.source], resultObj.engine['type'] + ' . ' + item.method.toUpperCase()); } else { var sourceDiv = createElement('div', null, null, [cssClasses.source], resultObj.engine['type']); } var textWrapper = createElement('div', null, null, [cssClasses.text_wrapper]); textWrapper.appendChild(categoryDiv); textWrapper.appendChild(titleDiv); textWrapper.appendChild(sourceDiv); recItemWrapper.appendChild(imgWrapper); recItemWrapper.appendChild(textWrapper); recItemWrapperA.appendChild(recItemWrapper); recItem.appendChild(recItemWrapperA); widgetWrapper.appendChild(recItem); // hook up the click handler for this item // recItem.onclick = handleClick.bind(null, jxRecHelper, itemUrl + tracker_params, index); recItemWrapperA.onclick = handleClick.bind(null, jxRecHelper, itemUrl + tracker_params, index); }); } // end while var endDate = new Date(); var loadtime = (endDate.getTime() - startDate.getTime()); trackEventGa('AIML Article Recommendation', 'Content Loaded', 'algsrc='+algsrc+',site=UMKM,device=desktop,loadtime=' + loadtime) let domain = window.location.hostname; if(domain=='www.kompas.com'){ var url=window.location.href.split("/"); domain=url[2]+'/'+url[3] } let user_subs_type = "Gues"; let subs_type = ""; let is_lgn = 0; let engine = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; let time_load = loadtime; resolve(); /*** * JXRECSDK NOTES 3 of 5 - * pass all the info about the items to the rec helper * each one is an object: ALL MANDATORY * div * id * pos */ jxRecHelper.items(widgetItemArr); /*** * JXRECSDK NOTES 4 of 5 - * Call the ready() of the helper object when the recommendation * results have been populated to the widget * (This will register the action=ready event) */ if (resultObj.engine['type'] == 'api-1') { jxRecHelper.ready(resultObj.options.algo + ":" + resultObj.options.version); } else { jxRecHelper.ready(resultObj.engine['type']); } } else { jxRecHelper.error(204); console.error("Error: no recommendation items"); return; } } catch (err) { jxRecHelper.error(901); console.log(err.stack); let domain = window.location.hostname; if(domain=='www.kompas.com'){ var url=window.location.href.split("/"); domain=url[2]+'/'+url[3] } let user_subs_type = "Gues"; let subs_type = "" let is_lgn = 0; let engine = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; let endDate = new Date(); let time_load = (endDate.getTime() - startDate.getTime()); } }); } const _jxRecSdkURL = 'https://scripts.jixie.media/jxrecsdk.1.0.min.js'; var startDate = new Date(); class OneWidget { constructor() { //this is also the one we will pass to the JX rec helper object when //we instantiate it: //In this implementation most of these come from the options obj //on the publisher page. this._options = { accountid: '9262bf2590d558736cac4fff7978fcb1', pageurl: 'https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi', widget_id: '1000183-6xWeiWZFIM', type: 'pages', container: 'rekomendasi-konten-pilihan-untukmu-aiml', keywords: content_tags, title: title, customid: "83", count: 14, }; this._containerId = this._options.container; this._container = document.getElementById(this._containerId); this._engines = [{"url":"https:\/\/recommendation.jixie.media\/v1\/recommendation","method":"GET","pageurl":"https:\/\/umkm.kompas.com\/read\/2024\/11\/24\/174922483\/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi","system":"jx","type":"api-1","tracker_params":"?source=widgetML","tracker_algsrc":"V","count":14,"page_status":"read","excludeitemids":"20241124174922483"}]; } kickOff() { startDate = new Date(); const rand = Math.floor(Math.random() * 1000); /*const randSystem = Math.floor(Math.random() * 3); this._engine = this._engines[randSystem] if (location.hostname.indexOf('lestari') != -1) { this._engine = this._engines[1] }*/ this._engine = this._engines[0]; this._options.system = this._engine['system'] trackEventGa('AIML Article Recommendation', 'Widget load', 'algsrc=' + this._engine['tracker_algsrc'] + ',site=UMKM,device=desktop') let promJXSDK = fetchJSFileP(_jxRecSdkURL); let thisObj = this; // first we wait on the JX REC SDK to be loaded and initialized let recHelperObj = null; let recResults = null; promJXSDK .then(function() { /*** * JXRECSDK NOTES 1 of 5 - INSTANTIATION OF A JX REC HELPER OBJECT * Call this AFTER JX REC SDK is loaded but BEFORE you call your REC * backend. * * param: MANDATORY options object * options object must at a minimal have * accountid: get from jixie * widgetid: get from jixie * container: DIV ID of the destination div to house the widget * (for jixie widget this is just the options object passed from the page) * * (This will also register the action=load event) */ recHelperObj = jxRecMgr.createJxRecHelper(thisObj._options); let basicInfo = thisObj._options; basicInfo.engine = thisObj._engine if (basicInfo.engine.type == 'api-1') { var options = { count: basicInfo['count'], adpositions: "", keywords: basicInfo['keywords'], title: basicInfo['title'], date_published: "2024-11-24", pagecategory: "UMKM", algo: "mixed" }; if(getCookie('kmps_usrid')){ var kg = { pagetype:basicInfo.engine.page_status, uid:getCookie('kmps_usrid'), ukid:getCookie('kmp_uid') } if(basicInfo.engine.page_status=='read'){ kg['excludeitemids'] = basicInfo.engine.excludeitemids; kg['multiFormat'] = true; } options['additional'] = { kg:kg }; } return recHelperObj.getJxRecommendations(options); } else { return fetchRecommendationsP(basicInfo, recHelperObj.getJxUserInfo()); } }) .then(function(resp) { if (thisObj._engine.type == 'api-3') { recResults = new Object recResults.items = resp.docs.result; } else { recResults = resp; } recResults.engine = thisObj._engine; if (!resp || !recResults.items || recResults.items.length == 0) { /*** * JXRECSDK NOTES 2 of 5 - * Call the error() function on the recHelper when either an error * has occured in the fetching or there are no recommended items * * (This will register the action=error event) */ recHelperObj.error(204); throw "no recommendation results"; } }) .then(function() { // everything is ready (recommendation results, css): document.getElementById("rekomendasi-konten-pilihan-untukmu-aiml").classList.remove("-loading"); document.querySelector('.wSpec-list').remove(); createDisplay(rand, thisObj._container, recResults, recHelperObj) .then(function() { toggleDropdown(); //observe lozad lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() }) }) .catch(function(error) { console.log(`Unable to create recommendations widget ${error.stack} ${error.message}`); }); } } var limit_gtm_ready = 1; function check_gtm_ready() { if ('ga' in window) { // create a new instance of our widget based on the options const newW = new OneWidget(); newW.kickOff(); } else { const timeout_gtm_ready = setTimeout(check_gtm_ready, 500) limit_gtm_ready += 1; if (limit_gtm_ready > 10) { clearTimeout(timeout_gtm_ready); const newW = new OneWidget(); newW.kickOff(); } } } check_gtm_ready() document.querySelector('.wSpec-secret').addEventListener('click', function(e) { e.preventDefault(); let wSl = document.querySelectorAll('.wSpec-source'); if (wSl.length > 0) { for (let i = 0; i < wSl.length; i++) { wSl[i].classList.toggle('show') } } }) function trackEventGa(category, action, label) { if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker) { tracker.send("event", category, action, label); console.log('track event ', category, action, label) } }) } } function formBody(obj) { let formBody = []; for (var property in obj) { let encodedKey = encodeURIComponent(property); let encodedValue = encodeURIComponent(obj[property]); formBody.push(encodedKey + "=" + encodedValue); } return formBody.join("&"); } function getCookie(name) { var name = name + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < cookies.length; i++) { var c = cookies[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } } function get_guid(url) { const videoPath = url.match(/\/watch\/(\d+)/); if (videoPath) { return `video.${videoPath[1]}`; } let arrayUrl = url.split('/'); let readPath = arrayUrl.indexOf('read'); if (arrayUrl[readPath + 1] == 'xml') { readPath += 1; } let year = arrayUrl[readPath + 1]; let month = arrayUrl[readPath + 2]; let date = arrayUrl[readPath + 3]; let id = arrayUrl[readPath + 4]; let guid = `.xml.${year}.${month}.${date}.${id}`; return guid; } function toggleDropdown() { let tdd = document.querySelectorAll('[data-dropdown]') if (!!tdd) { tdd.forEach((el) => { el.addEventListener('click', function() { el.parentElement.classList.toggle('-active') let saved = el.parentElement.getAttribute('data-saved') let kmps_usrid = getCookie('kmps_usrid'); if (kmps_usrid && !saved && el.parentElement.classList.contains('-active')) { let url = el.parentElement.getAttribute('data-url'); let guid = get_guid(url); check_bookmark( kmps_usrid, guid ).then(function(resp) { if (resp.hasOwnProperty('total_data')) { if (resp.total_data > 0) { el.parentElement.querySelector('.buttonBookmark').classList.add('-active'); el.parentElement.querySelector('.buttonBookmark').innerHTML = '<span class="icoBase icoBookmark"></span>Hapus dari tersimpan'; el.parentElement.setAttribute('data-saved', 'true'); } else { el.parentElement.setAttribute('data-saved', 'false'); } } }) } }) document.addEventListener("click", function(e) { // console.log(e.target) if (el.contains(e.target)) { // console.log(tdd) } else { el.parentElement.classList.remove('-active') } }); }); } } function check_bookmark(kmps_usrid, guid) { let url = `https://api.kompas.com/2021/reaction/bookmark/list?kmps_usrid=${kmps_usrid}&guid=${guid}`; return new Promise(function(resolve, reject) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { resolve(JSON.parse(this.responseText)) } }; xmlhttp.open("GET", url, true); xmlhttp.send(); }); } function do_bookmark(pageurl, pos, userFeedback) { const wSpecItem = document.querySelector(`.wSpec-item[data-index="${pos}"]`); const btnBookmark = wSpecItem.querySelector('.buttonBookmark'); const kmps_usrid = getCookie('kmps_usrid'); const guid = get_guid(pageurl); const type = pageurl.match(/\/watch\/(\d+)/) ? 'video' : 'article'; if (kmps_usrid) { if (btnBookmark.classList.contains('-active')) { set_unbookmark({ guid: guid, kmps_usrid: kmps_usrid, type: type }).then(function(resp) { btnBookmark.classList.remove('-active'); btnBookmark.innerHTML = '<span class="icoBase icoBookmark"></span>Simpan artikel'; reactionToast('Artikel berhasil dihapus dari list yang disimpan'); userFeedback.event('un-save'); }).catch(function(resp) { // message: "Data doesn't exists" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.remove('-active'); btnBookmark.innerHTML = '<span class="icoBase icoBookmark"></span>Simpan artikel'; reactionToast('Artikel berhasil dihapus dari list yang disimpan'); } }) } else { const user_bookmark_url = "https://activity.kompas.com/saved?order=desc"; set_bookmark({ guid: guid, kmps_usrid: kmps_usrid, type: type, publisher: 'kompas', platform: 'desktop' }).then(function(resp) { btnBookmark.classList.add('-active'); btnBookmark.innerHTML = '<span class="icoBase icoBookmark"></span>Hapus dari tersimpan'; reactionToast('Artikel berhasil disimpan', user_bookmark_url); userFeedback.event('save'); }).catch(function(resp) { // message: "Data already exist" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.add('-active'); btnBookmark.innerHTML = '<span class="icoBase icoBookmark"></span>Hapus dari tersimpan'; reactionToast('Artikel berhasil disimpan', user_bookmark_url); } }) } } else { const login_url = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); window.location.href = login_url; } } function set_bookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/add"; return new Promise(function(resolve, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 201) { resolve(JSON.parse(this.responseText)); } else if (this.readyState == 4 && this.status == 400) { reject(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); xmlhttp.send(formBody(data)); }); } function set_unbookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/delete"; return new Promise(function(resolve, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { resolve(JSON.parse(this.responseText)); } else if (this.readyState == 4 && this.status == 400) { reject(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); xmlhttp.send(formBody(data)); }); } class UserFeedback { constructor(engine, pageurl, jxRecHelper, pos) { this.engine = engine; this.pageurl = pageurl; this.jxRecHelper = jxRecHelper; this.pos = pos; } event(feedback) { if (this.engine == 'C') { const xmlhttp = new XMLHttpRequest(); let params = { domain: 'kompas.com', ce_userid: getCookie('kmps_usrid'), ce_sessionid: getCookie('ukid'), ce_pageurl: this.pageurl, engine: 'C', ce_feedback: feedback } xmlhttp.open("GET", 'https://apis.kgdata.dev/v1/aiml/feedback-widgetml' + formatParams(params)); xmlhttp.send(); } else if (this.engine == 'V') { if (feedback == 'share') { this.jxRecHelper.shared(this.pos); } else if (feedback == 'save') { this.jxRecHelper.bookmarked(this.pos); } else if (feedback == 'not-interested') { this.jxRecHelper.hidden(this.pos); } else if (feedback == 'un-not-interested') { this.jxRecHelper.unhidden(this.pos); } } } } function formatParams(params) { return "?" + Object .keys(params) .map(function(key) { return key + "=" + encodeURIComponent(params[key]) }) .join("&") } document.addEventListener("click", function(e){ let dx = document.querySelectorAll('[data-dropdown]') if(dx) { dx.forEach(function(el){ if(el.contains(e.target)) { el.parentElement.classList.toggle('-active') } else { el.parentElement.classList.remove('-active') } }) } }) </script> <div class="info-banner clearfix" data-slider="true"> <a href="https://play.kompas.com/?source=kompascomplay"> <div class="info-banner-header"> <div class="info-banner-logo"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/info/logo-kompas-play.png" alt="Kompas.com Play"> <img data-src="https://asset.kompas.com/data/2017/mobile/images/play/logo-kompas-play-dark.png" alt="Kompas.com Play" class="lozad info-banner-logo-dark"> </div> <span class="info-banner-idx">Lihat Semua</span> </div> </a> <div class="info-banner-list"> <ul> <li> <a id="kompasplay-1" href="https://activity.kompas.com/voucher?source=article"> <div class="info-banner-list-img" data-placeholder="Ada hadiah spesial untuk pembaca setia"> <img class="lozad" data-src="https://asset.kompas.com/crops/iYx0ZujfrJjMcMsuC5SYvChcjjU=/0x0:0x0/300x200/data/photo/2024/11/14/673593075b836.jpg" alt="Voucher Spesial, Klaim Sekarang!"> </div> <h4 class="info-banner-list-title">Voucher Spesial, Klaim Sekarang!</h4> </a> </li> <li> <a id="kompasplay-2" href="https://play.kompas.com/kuis/tts/168/tts-eps-137-yuk-lebaran"> <div class="info-banner-list-img" data-placeholder="Setelah berpuasa, saatnya kita lebaran"> <img class="lozad" data-src="https://asset.kompas.com/crops/TynnqBFsrNQz8xCLUzi_d0jw3BI=/0x0:0x0/300x200/data/photo/2024/04/03/660cf50778558.jpeg" alt="TTS Eps 137: Yuk Lebaran"> </div> <h4 class="info-banner-list-title">TTS Eps 137: Yuk Lebaran</h4> </a> </li> <li> <a id="kompasplay-3" href="https://play.kompas.com/kuis/tts/167/tts-eps-136-takjil-khas-di-indonesia"> <div class="info-banner-list-img" data-placeholder="Biar ga laper, yuk nebak nama takjil"> <img class="lozad" data-src="https://asset.kompas.com/crops/sLf5Cp7G3xgGfkSDID6_ml7VwlM=/0x0:0x0/300x200/data/photo/2024/04/03/660d14ef2343b.jpeg" alt="TTS Eps 136: Takjil Khas di Indonesia"> </div> <h4 class="info-banner-list-title">TTS Eps 136: Takjil Khas di Indonesia</h4> </a> </li> <li> <a id="kompasplay-4" href="https://play.kompas.com/kuis/tts/166/tts-eps-135-serba-serbi-ramadhan"> <div class="info-banner-list-img" data-placeholder="Santuy boleh, tapi tetap sambil mikir yaa"> <img class="lozad" data-src="https://asset.kompas.com/crops/WWQpdtn2qKq_KikAaWX1bLBAn78=/0x0:0x0/300x200/data/photo/2024/03/13/65f1559331415.jpeg" alt="TTS Eps 135: Serba Serbi Ramadhan"> </div> <h4 class="info-banner-list-title">TTS Eps 135: Serba Serbi Ramadhan</h4> </a> </li> <li> <a id="kompasplay-5" href="https://play.kompas.com/games/start/21/kata-kita?source=play"> <div class="info-banner-list-img" data-placeholder="Adu Ketangkasanmu di Game Kata Kita!"> <img class="lozad" data-src="https://asset.kompas.com/crops/KrRiNbA9qXOIILt9Ul8uLXXaf5c=/0x0:0x0/300x200/data/photo/2022/09/06/6316c4c3db90a.jpg" alt="Games Permainan Kata Bahasa Indonesia"> </div> <h4 class="info-banner-list-title">Games Permainan Kata Bahasa Indonesia</h4> </a> </li> <li> <a id="kompasplay-6" href="https://play.kompas.com/kuis/tts/159/tts-teka-teki-santuy-eps-128-serba-serbi-demokrasi?source=play"> <div class="info-banner-list-img" data-placeholder="Ayo tantang pikiranmu dan perluas pengetahuanmu!"> <img class="lozad" data-src="https://asset.kompas.com/crops/Ix98Da73GDXw1sTOmPfHEgjNvQI=/0x0:0x0/300x200/data/photo/2024/01/24/65b0dd40ddacf.png" alt="TTS - Serba serbi Demokrasi"> </div> <h4 class="info-banner-list-title">TTS - Serba serbi Demokrasi</h4> </a> </li> <li> <a id="kompasplay-7" href="https://play.kompas.com/kuis/tts/161/tts-teka-teki-santuy-eps-130-tebak-tebakan-garing?source=play"> <div class="info-banner-list-img" data-placeholder="Ayo tantang pikiranmu, sebarapa jayus kamu!"> <img class="lozad" data-src="https://asset.kompas.com/crops/AcCtHoTA-g5L11M2QGm60aois9o=/0x0:0x0/300x200/data/photo/2024/01/31/65ba17b99df24.png" alt="TTS Eps 130 - Tebak-tebakan Garing"> </div> <h4 class="info-banner-list-title">TTS Eps 130 - Tebak-tebakan Garing</h4> </a> </li> <li> <a id="kompasplay-8" href="https://play.kompas.com/kuis/tts/156/tts-teka-teki-santuy-eps-127-musik-yang-paling-mengguncang?source=play"> <div class="info-banner-list-img" data-placeholder="Ayo tantang pikiranmu dan perluas pengetahuanmu!"> <img class="lozad" data-src="https://asset.kompas.com/crops/VrWTpxJUdXg8fa36cn1_fDcsyqI=/0x0:0x0/300x200/data/photo/2024/01/11/65a00f23ea9ff.png" alt="TTS - Musik Yang Paling Mengguncang"> </div> <h4 class="info-banner-list-title">TTS - Musik Yang Paling Mengguncang</h4> </a> </li> </ul> </div> </div> <!-- brandzview --> <div class="native-wrap"> <div id='div-gpt-ad-974648810682144181-4112'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-974648810682144181-4112'); }); </script> </div> </div> <br /> <!-- Rek Video --> <!-- kg media player --> <div class="video-box-thumb kgnowGate"> <div class="rVideo-thumbnail --rVideo_read"> <iframe id="rVideo-embed-thumb" width="100%" height="274" src="" title="" frameborder="0" scrolling="no" allow="encrypted-media" > </iframe> <div class="rVideo-box"> </div> </div> </div> <!-- read tag--> <!-- berita terkait--> </div> </div> <!-- (ads.center) --> <!-- widget jagoan lokal--> <div class="wJagoanlokal"> <div class="title clearfix"> <div class="title__content"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-logo.png" alt=""> </div> <a class="button button--default button--title pull-right" href="https://umkm.kompas.com/jagoan-lokal">Lihat Semua</a> </div> <div class="wJagoanlokalContent"> <div class="wJagoanlokalContent-wrap js-slider4"> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/25/170826183/cerita-rizka-fadilla-buat-kertas-bibit-pohon-dari-limbah-kertas"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/2xWZo3iMva0C4xUtg4sgFpST8hI=/0x75:1216x885/355x237/data/photo/2024/11/25/6743fff10b985.jpeg" alt="Cerita Rizka Fadilla, Buat Kertas Bibit Pohon dari Limbah Kertas"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Cerita Rizka Fadilla, Buat Kertas Bibit Pohon dari Limbah Kertas</div> <!-- <div class="wJagoanlokal-info">25/11/2024, 17:08 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/22/155706483/kisah-i-komang-sukarma-berdayakan-petani-lontar-di-karangasem-melalui-tarunira"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/vJOSegnWzVqlDWRwRQprkHrzpM0=/64x43:1280x853/355x237/data/photo/2024/11/22/673fff1201cee.jpeg" alt="Kisah I Komang Sukarma, Berdayakan Petani Lontar di Karangasem Melalui Tarunira"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Kisah I Komang Sukarma, Berdayakan Petani Lontar di Karangasem Melalui Tarunira</div> <!-- <div class="wJagoanlokal-info">22/11/2024, 15:57 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/21/111053883/cerita-ryan-berbisnis-helm-anak-berawal-dari-rasa-peduli"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/iYjn18q-1k74MvKOmjVJN2QtmUM=/250x0:1600x900/355x237/data/photo/2024/11/20/673d62e16df91.jpeg" alt="Cerita Ryan, Berbisnis Helm Anak Berawal dari Rasa Peduli"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Cerita Ryan, Berbisnis Helm Anak Berawal dari Rasa Peduli</div> <!-- <div class="wJagoanlokal-info">21/11/2024, 11:10 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/15/180000583/perjalanan-siti-mashita-bangun-101-coffee-house-roastery-dengan-kur"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/4x0SnXVWFqM0f_xadJKGPpMSAxY=/0x10:1280x863/355x237/data/photo/2024/11/15/6736e131bf4f8.jpeg" alt="Perjalanan Siti Mashita Bangun 101 Coffee House Roastery dengan KUR"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Perjalanan Siti Mashita Bangun 101 Coffee House Roastery dengan KUR</div> <!-- <div class="wJagoanlokal-info">15/11/2024, 18:00 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/04/190000483/kisah-skinship-studio-hadirkan-pengharum-ruangan-yang-ramah-lingkungan"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/2P5yXdT8J9hIFwjbyK5Sex2izY0=/0x87:1280x941/355x237/data/photo/2024/11/04/672894facfbf1.jpeg" alt="Kisah Skinship Studio, Hadirkan Pengharum Ruangan yang Ramah Lingkungan"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Kisah Skinship Studio, Hadirkan Pengharum Ruangan yang Ramah Lingkungan</div> <!-- <div class="wJagoanlokal-info">04/11/2024, 19:00 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/11/04/121830783/kisah-perajin-batik-kujur-tanjung-enim-angkat-warisan-inovasi-dan-keberlanjutan"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/E1arFP41qfTqzcyFprVTY0zYtuo=/0x104:1280x957/355x237/data/photo/2024/11/04/672844d076d29.jpeg" alt="Kisah Perajin Batik Kujur Tanjung Enim Angkat Warisan, Inovasi, dan Keberlanjutan"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Kisah Perajin Batik Kujur Tanjung Enim Angkat Warisan, Inovasi, dan Keberlanjutan</div> <!-- <div class="wJagoanlokal-info">04/11/2024, 12:18 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/10/29/123925783/cerita-ika-puspa-sari-dosen-kebidanan-kini-sukses-bisnis-online-madu-herbal"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/HxRCmPIqLWA5C9yt7LyMYbSATGY=/11x114:1280x960/355x237/data/photo/2024/10/28/671f423e9dd63.jpeg" alt="Cerita Ika Puspa Sari, Dosen Kebidanan Kini Sukses Bisnis Online Madu Herbal"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Cerita Ika Puspa Sari, Dosen Kebidanan Kini Sukses Bisnis Online Madu Herbal</div> <!-- <div class="wJagoanlokal-info">29/10/2024, 12:39 WIB</div> --> </a> </div> <div class="wJagoanlokal-item clearfix"> <a href="https://umkm.kompas.com/read/2024/10/23/144631383/kisah-ngadiyati-kembangkan-usaha-suvenir-lewat-dana-bergulir-lpdb-kumkm"> <div class="wJagoanlokal-image"> <img src="https://asset.kompas.com/crops/Hun--yYzTFvVa9_nnGKLzdOQpqo=/0x0:1599x1066/355x237/data/photo/2024/10/22/6717ac79654bb.jpeg" alt="Kisah Ngadiyati, Kembangkan Usaha Suvenir Lewat Dana Bergulir LPDB-KUMKM"> <div class="wJagoanlokal-watermark"> <img src="https://asset.kompas.com/data/2017/wp/images/umkm/jagoan-lokal-watermark.jpg" alt=""> </div> </div> <div class="wJagoanlokal-title">Kisah Ngadiyati, Kembangkan Usaha Suvenir Lewat Dana Bergulir LPDB-KUMKM</div> <!-- <div class="wJagoanlokal-info">23/10/2024, 14:46 WIB</div> --> </a> </div> </div> </div> </div> <div class="ads-partner-wrap mgidaiml" style="height: 463px"> <!-- Start Recreativ --> <div id="bn_z2JX3WVxCr"></div><script>'use strict';(function(C,b,m,r){function t(){b.removeEventListener("scroll",t);f()}function u(){p=new IntersectionObserver(a=>{a.forEach(n=>{n.isIntersecting&&(p.unobserve(n.target),f())})},{root:null,rootMargin:"400px 200px",threshold:0});p.observe(e)}function f(){(e=e||b.getElementById("bn_"+m))?(e.innerHTML="",e.id="bn_"+v,q={act:"init",id:m,rnd:v,ms:w},(d=b.getElementById("rcMain"))?c=d.contentWindow:D(),c.rcMain?c.postMessage(q,x):c.rcBuf.push(q)):g("!bn")}function E(a,n,F,y){function z(){var h= n.createElement("script");h.type="text/javascript";h.src=a;h.onerror=function(){k++;5>k?setTimeout(z,10):g(k+"!"+a)};h.onload=function(){y&&y();k&&g(k+"!"+a)};F.appendChild(h)}var k=0;z()}function D(){try{d=b.createElement("iframe"),d.style.setProperty("display","none","important"),d.id="rcMain",b.body.insertBefore(d,b.body.children[0]),c=d.contentWindow,l=c.document,l.open(),l.close(),A=l.body,Object.defineProperty(c,"rcBuf",{enumerable:!1,configurable:!1,writable:!1,value:[]}),E("https://go.rcvlink.com/static/main.js", l,A,function(){for(var a;c.rcBuf&&(a=c.rcBuf.shift());)c.postMessage(a,x)})}catch(a){B(a)}}function B(a){g(a.name+": "+a.message+"\t"+(a.stack?a.stack.replace(a.name+": "+a.message,""):""))}function g(a){console.error(a);(new Image).src="https://go.rcvlinks.com/err/?code="+m+"&ms="+((new Date).getTime()-w)+"&ver="+G+"&text="+encodeURIComponent(a)}try{var G="231101-0007",x=location.origin||location.protocol+"//"+location.hostname+(location.port?":"+location.port:""),e=b.getElementById("bn_"+m),v=Math.random().toString(36).substring(2, 15),w=(new Date).getTime(),p,H=!("IntersectionObserver"in C),q,d,c,l,A;e?"scroll"==r?b.addEventListener("scroll",t):"lazy"==r?H?f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",u):u():f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",f):g("!bn")}catch(a){B(a)}})(window,document,"z2JX3WVxCr",""); </script> <!-- End Recreativ --> </div> <!-- rekomendasi --> <div class="wUmkm-kanal"> <div class="title clearfix"> <div class="title__content">training Terbaru</div> <a class="button button--default button--title pull-right" href="https://umkm.kompas.com/training">Lihat Semua</a> </div> <div class="foodLatest foodLatest--backdrop cols col3 clearfix js-slider3"> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/25/212330583/manfaat-teknologi-digital-crm-untuk-bisnis-simak-pengalaman-seed-paper"> <img src="https://asset.kompas.com/crops/Y2Ta4N0-C6749XqDBjwB-NHujPg=/0x57:2000x1391/360x250/data/photo/2024/07/18/66987d50a2237.jpg" alt="Manfaat Teknologi Digital CRM untuk Bisnis, Simak Pengalaman Seed Paper Indonesia"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/25/212330583/manfaat-teknologi-digital-crm-untuk-bisnis-simak-pengalaman-seed-paper">Manfaat Teknologi Digital CRM untuk Bisnis, Simak Pengalaman Seed Paper Indonesia</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 25/11/2024, 21:23 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/25/190000183/seed-paper-indonesia-jaga-lingkungan-dan-berdayakan-masyarakat"> <img src="https://asset.kompas.com/crops/enAjXFyeHBRfCLzQRWxSCgwfA70=/0x0:1280x853/360x250/data/photo/2024/11/25/674400246ad1b.jpeg" alt="Seed Paper Indonesia, Jaga Lingkungan dan Berdayakan Masyarakat"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/25/190000183/seed-paper-indonesia-jaga-lingkungan-dan-berdayakan-masyarakat">Seed Paper Indonesia, Jaga Lingkungan dan Berdayakan Masyarakat</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 25/11/2024, 19:00 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/212205683/6-ide-bisnis-mudah-bermodal-uang-pesangon-untuk-karyawan-yang-terkena-phk"> <img src="https://asset.kompas.com/crops/28Dnh2LU7soCiqiAl9E51kWLTj0=/24x0:775x501/360x250/data/photo/2023/07/31/64c7801bc0672.png" alt="6 Ide Bisnis Mudah Bermodal Uang Pesangon untuk Karyawan yang Terkena PHK"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/212205683/6-ide-bisnis-mudah-bermodal-uang-pesangon-untuk-karyawan-yang-terkena-phk">6 Ide Bisnis Mudah Bermodal Uang Pesangon untuk Karyawan yang Terkena PHK</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 24/11/2024, 21:22 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/190000783/wamenkop--koperasi-jadi-solusi-pengentasan-kemiskinan-dan-jeratan-rentenir"> <img src="https://asset.kompas.com/crops/Fdta2KaWKOhOVDv53yzIhk5dyD0=/1x0:1600x1066/360x250/data/photo/2024/11/23/67415e1808b31.jpeg" alt="WamenKop: Koperasi Jadi Solusi Pengentasan Kemiskinan dan Jeratan Rentenir"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/190000783/wamenkop--koperasi-jadi-solusi-pengentasan-kemiskinan-dan-jeratan-rentenir">WamenKop: Koperasi Jadi Solusi Pengentasan Kemiskinan dan Jeratan Rentenir</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 24/11/2024, 19:00 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi"> <img src="https://asset.kompas.com/crops/xKnz-rMI9NJChD1e_9lpUKlWVf8=/0x0:1000x667/360x250/data/photo/2021/09/24/614dd8f2e0c5a.jpg" alt="5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi">5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 24/11/2024, 17:49 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/22/180000183/tantangan-dan-strategi-tarunira-mendorong-digitalisasi-petani-lontar"> <img src="https://asset.kompas.com/crops/aarNCrPSqaqd3_J7qtSrX_B_lyI=/0x0:1290x860/360x250/data/photo/2024/11/22/6740309c1dc9b.jpeg" alt="Tantangan dan Strategi Tarunira Mendorong Digitalisasi Petani Lontar"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/22/180000183/tantangan-dan-strategi-tarunira-mendorong-digitalisasi-petani-lontar">Tantangan dan Strategi Tarunira Mendorong Digitalisasi Petani Lontar</a> </h3> <div class="food__date"> <div class="food__subtitle">Training</div> 22/11/2024, 18:00 WIB </div> </div> </div> </div> </div> <div class="wUmkm-kanal"> <div class="title clearfix"> <div class="title__content">program Terbaru</div> <a class="button button--default button--title pull-right" href="https://umkm.kompas.com/program">Lihat Semua</a> </div> <div class="foodLatest foodLatest--backdrop cols col3 clearfix js-slider3"> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/22/200000983/olah-limbah-jadi-mainan-anjing-warga-purworejo-sukses-ekspor-produk-ke-belgia"> <img src="https://asset.kompas.com/crops/ySD0gnAHNcJ1ROkdsDw3rtisBcU=/117x0:1468x901/360x250/data/photo/2024/11/22/674064b8966ed.jpeg" alt="Olah Limbah Jadi Mainan Anjing, Warga Purworejo Sukses Ekspor Produk Ke Belgia"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/22/200000983/olah-limbah-jadi-mainan-anjing-warga-purworejo-sukses-ekspor-produk-ke-belgia">Olah Limbah Jadi Mainan Anjing, Warga Purworejo Sukses Ekspor Produk Ke Belgia</a> </h3> <div class="food__date"> <div class="food__subtitle">Program</div> 22/11/2024, 20:00 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/21/214818183/ifortepreneur-2024-dorong-transformasi-digital-ukm-indonesia"> <img src="https://asset.kompas.com/crops/5v-fZ7QhWqNJkmThh6Tw9x4fGTs=/0x107:1280x960/360x250/data/photo/2024/11/21/673f3458b99f1.jpeg" alt="iFortepreneur 2024 Dorong Transformasi Digital UKM Indonesia"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/21/214818183/ifortepreneur-2024-dorong-transformasi-digital-ukm-indonesia">iFortepreneur 2024 Dorong Transformasi Digital UKM Indonesia</a> </h3> <div class="food__date"> <div class="food__subtitle">Program</div> 21/11/2024, 21:48 WIB </div> </div> </div> <div class="foodLatest__item clearfix"> <div class="foodLatest__img"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/20/170000983/seminar-laundry-innovation-summit-2024-akan-digelar-pada-9-10-desember"> <img src="https://asset.kompas.com/crops/YHqXSabGMOokAikF7snFywsy6hk=/196x127:1724x1146/360x250/data/photo/2024/08/31/66d316e73d69e.jpg" alt="Seminar Laundry Innovation Summit 2024 Akan Digelar pada 9-10 Desember"> </a> </div> <div class="foodLatest__box"> <h3 class="food__title"> <a class="food__link" href="https://umkm.kompas.com/read/2024/11/20/170000983/seminar-laundry-innovation-summit-2024-akan-digelar-pada-9-10-desember">Seminar Laundry Innovation Summit 2024 Akan Digelar pada 9-10 Desember</a> </h3> <div class="food__date"> <div class="food__subtitle">Program</div> 20/11/2024, 17:00 WIB </div> </div> </div> </div> </div> <!-- komentar--> <link rel="stylesheet" href="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/css/style-comment-v2.min.css"> <script type="text/javascript"> function makeBold(text) { // Use a regular expression to find all occurrences of $//$ // and replace them with <b> and </b> tags var replacedText = text.replace(/\$\/\/\$(.*?)\$\/\/\$/g, ', membalas komentar <b>$1</b> : '); return replacedText; } function getCookieKcm(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function gen_widget_comment(komentar, totalComment, urlPage) { var container = document.getElementById('widget-comment-bottom'); if (container !== null) { if (totalComment > 0) { let commentText = makeBold(komentar[0].comment_text); let komentar_fullname = komentar[0].user_fullname.split(' '); let initial = komentar_fullname[0].charAt(0).toUpperCase(); if (komentar_fullname[1]) { initial += komentar_fullname[1].charAt(0).toUpperCase(); } var widget = `<div class="commentWrap --comment_v2 "> <div id="komentar" class="row comment --newcomment ga--comment clearfix"> <div class="commentHead"> <div class="commentHead-title"> Komentar </div> </div> <div id="for_comment_widget"> <div class="comment__list --first_comment"> <div class="commentItem"> <div class="commentAvatar" data-init="${initial}"> </div> <div class="commentRow clearfix"> <div class="commentContent"> <div class="commentContent-inner">${commentText}</div> </div> </div> </div> </div> </div> <div class="commentMore"> <a href="${urlPage}" class="commentMore-link">${totalComment} Komentar</a> </div> </div> </div>`; } else { var widget = `<div class="commentWrap --comment_v2 "> <div id="komentar" class="row comment --newcomment ga--comment clearfix"> <div class="commentHead"> <div class="commentHead-title"> Berikan Komentar </div> </div>`; var e = getCookieKcm('kmp_uid'); if (e == '') { widget += `<div data-komentar-url="${urlPage}" id="commentFormLogin" class="commentModal-overlay">`; } else { widget += `<div onclick="location.href = '${urlPage}';" class="commentModal-overlay">`; } widget += `<div class="commentForm-box"> <!-- form --> <div class="commentForm"> <form action="#"> <textarea class="commentTextarea txtstuff" name="comment" cols="30" rows="auto" placeholder="Tulis komentar"></textarea> <button type="button" class="comment__button send" onclick="commentSubmit(this, 'Berhasil berkomentar', 'reply', 'commentItem-');"> <span class="icon-send">Kirim</span> </button> </form> </div> <div class="commentDisclaimer">Isi komentar sepenuhnya adalah tanggung jawab pengguna dan diatur dalam UU ITE</div> </div> </div> </div> </div>`; } container.innerHTML = widget; } } var ajax_loader = "https://asset.kompas.com/data/2017/widget/comment/desktop/images/loading.gif"; //Load Comment $.get("https://apis.kompas.com/api/comment/v2/list?urlpage=https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi&json&limit=1", function(result) { // console.log(result.result); if (window.location.href.includes('#comment_widget')) { document.getElementById("comments").focus(); } gen_widget_comment(result.result.komentar, result.result.total, 'https://umkm.kompas.com/komentar/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi'); var url = 'https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi'; if (result.result.total > 0) { // Pin var pc = result.result.pinned_comments; if (pc.length === 0) { firstComment = result.result.komentar; } else { firstComment = pc; } var komentar_item = '<div class="comment__list">'; $.each(firstComment, function(index, value) { komentar_reply = value.comment_text.split('$//$'); komentar_fullname = value.user_fullname.split(' ') fullname = komentar_fullname[0].charAt(0).toUpperCase() if (komentar_fullname[1]) { fullname += komentar_fullname[1].charAt(0).toUpperCase() } komentar_item += '<div class="comment__item">'; komentar_item += '<div class="comment__avatar" data-init="' + fullname + '"></div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__user" id="uname_' + value.comment_id + '">' + value.user_fullname + '</div>' komentar_item += '<div class="comment__date" id="tgl_' + value.comment_id + '"> <span class="icon icon-clock"></span> ' + formatDateComment(new Date(1000 * value.comment_time), 'dddd, d MMM yyyy | HH:mm WIB') + ' </div>' komentar_item += '<div class="comment__report sticky">' komentar_item += '<button class="comment__button action" onclick="reportCommentForm(\'modals-report\',\'' + value.comment_id + '\')"><span class="icon icon-exclamation"></span> Laporkan</button>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' if (komentar_reply[1]) { komentar_fullname_reply = komentar_reply[1].split(' ') fullname_reply = komentar_fullname_reply[0].charAt(0).toUpperCase() if (komentar_fullname_reply[1]) { fullname_reply += komentar_fullname_reply[1].charAt(0).toUpperCase() } komentar_item += '<div class="comment__reply__list">' komentar_item += '<div class="comment__item">' komentar_item += '<div class="comment__avatar" data-init="' + fullname_reply + '"></div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__user">' + komentar_reply[1] + '</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__content">' komentar_item += komentar_reply[2] komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' } komentar_item += '<div class="comment__content" id="cont_' + value.comment_id + '"> <span>' + komentar_reply[0] + '</span> </div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix">' komentar_item += '<div class="comment__action">' komentar_item += '<div class="comment__subitem">' komentar_item += '<input type="hidden" id="like_' + value.comment_id + '" value="0">' komentar_item += '<button type="button" id="button_like_' + value.comment_id + '" class="comment__button action" onclick="likedislikeComment(\'' + value.comment_id + '\', \'like\')"><span class="icon icon-thumbs-up"></span> <span id="total_like_' + value.comment_id + '">' + value.num_like + '</span></button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<input type="hidden" id="dislike_' + value.comment_id + '" value="0">' komentar_item += '<button type="button" id="button_dislike_' + value.comment_id + '" class="comment__button action" onclick="likedislikeComment(\'' + value.comment_id + '\', \'dislike\')"><span class="icon icon-thumbs-down"></span> <span id="total_dislike_' + value.comment_id + '">' + value.num_dislike + '</span></button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<button onclick="replyComment(\'' + value.comment_id + '\')" class="comment__button action"><span class="icon icon-reply"></span> Balas</button>' komentar_item += '</div>' if (value.is_flagged == '1') { komentar_item += '<div class="comment__subitem comment__subitem--right">' komentar_item += '<button type="button" class="comment__button action comment__tooltips" data-tooltips="Komentar Terpilih Kompas.com"><span class="icon icon-flagged"></span></button>' komentar_item += '</div>' } komentar_item += '</div>' komentar_item += '</div>' komentar_item += '<div class="comment__row clearfix" id="reply_form_' + value.comment_id + '" style="display: none">' komentar_item += '<div class="comment__subitem" style="float: right;">' komentar_item += '<button class="comment__button action" style="color: #ff6b6b" onclick="closeForm(\'' + value.comment_id + '\')" id=><span class="icon icon-close"></span> Batal</button>' komentar_item += '</div>' komentar_item += '<div class="comment__content">' komentar_item += '<input type="hidden" id="uname-' + value.comment_id + '" value="">' komentar_item += '<input type="hidden" name="" id="tgl-' + value.comment_id + '" value="">' komentar_item += '<input type="hidden" id="content-' + value.comment_id + '">' komentar_item += '<textarea class="comment__textarea" name="comments" id="comments_reply_' + value.comment_id + '" cols="20" rows="3" placeholder="Tulis komentar anda..." onKeyDown="limitText(this,300);" onKeyUp="limitText(this,300);"></textarea>' komentar_item += '<div class="comment__row comment__form__footer clearfix">' komentar_item += '<div class="comment__subitem">' komentar_item += '<button type="button" class="comment__button send" onclick="insertComment(\'' + value.comment_id + '\')" id="btnkirim-' + value.comment_id + '">Kirim</button>' komentar_item += '</div>' komentar_item += '<div class="comment__subitem">' komentar_item += '<button href="javascript:void(0)" class="comment__button action" id="btnLoading-' + value.comment_id + '" style="display: none;">Mengirim...</button>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' komentar_item += '</div>' }); komentar_item += '</div>'; if (result.result.total > 1) { komentar_item += '<div class="comment__footer"><div id="image_loadmore"></div><a href="https://umkm.kompas.com/komentar/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" class="comment__other" target="_parent">Lihat Semua Komentar (' + result.result.total + ')</a></div>'; } } else { komentar_item = '<div class="comment__list"><div class="comment--empty text-center"><span class="comment__counter comment__counter--inline"></span>Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!</div></div> <div class="comment__list" style="display: none"></div>'; } // var comment_cookie = getCookieKcm('comment'); // document.getElementById("comments").value = comment_cookie; // document.getElementById("for_comment").innerHTML = komentar_item; var x = document.getElementsByClassName("total_comment"); if (result.result.total > 0) { if (typeof document.getElementsByClassName("total_comment_share")[0] !== 'undefined') { document.getElementsByClassName("total_comment_share")[0].innerHTML = result.result.total; } for (i = 0; i < x.length; i++) { x[i].innerHTML = result.result.total; } } var list = document.getElementsByClassName("comment__avatar"), w = document.documentElement.clientWidth; function stringToHslColor(t) { t = t.toUpperCase(); for (var o = 0, e = 0; e < t.length; e++) { var n = (o = t.charCodeAt(e)) - 64; if (e > 0) r = (r + ((o << 5) - o)) % 360, l += n * Math.floor(2.5), i -= n * Math.floor(30 / 26); else var r = Math.floor(360 / 26 * n), l = 30, i = 80 } return "hsl(" + r + "," + l + "%, " + i + "%)" } function applyHSLColor(t, o) { t.style.backgroundColor = stringToHslColor(o) } function scrollTo(t, o, e) { if (!(e <= 0)) { var n = (o - t.scrollTop) / e * 10; setTimeout(function() { t.scrollTop = t.scrollTop + n, t.scrollTop != o && scrollTo(t, o, e - 10) }, 10) } } function findPos(t) { var o = 0; if (t.offsetParent) { for (; o += t.offsetTop, t = t.offsetParent;); return [o] } } for (var i = 0; i < list.length; i++) { var t = list[i].getAttribute("data-init"); applyHSLColor(list[i], t) } var btntop = document.getElementById("comment-buble"); btntop && btntop.addEventListener("click", function(t) { t.preventDefault(); var o = findPos(document.getElementById(this.getAttribute("href").substring(1))); scrollTo(document.documentElement, o - 100, 200) }); }); function formatDateComment(date, format, utc) { var MMMM = ["\x00", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var MMM = ["\x01", "Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"]; var dddd = ["\x02", "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"]; var ddd = ["\x03", "Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"]; function ii(i, len) { var s = i + ""; len = len || 2; while (s.length < len) s = "0" + s; return s; } var y = utc ? date.getUTCFullYear() : date.getFullYear(); format = format.replace(/(^|[^\\])yyyy+/g, "$1" + y); format = format.replace(/(^|[^\\])yy/g, "$1" + y.toString().substr(2, 2)); format = format.replace(/(^|[^\\])y/g, "$1" + y); var M = (utc ? date.getUTCMonth() : date.getMonth()) + 1; format = format.replace(/(^|[^\\])MMMM+/g, "$1" + MMMM[0]); format = format.replace(/(^|[^\\])MMM/g, "$1" + MMM[0]); format = format.replace(/(^|[^\\])MM/g, "$1" + ii(M)); format = format.replace(/(^|[^\\])M/g, "$1" + M); var d = utc ? date.getUTCDate() : date.getDate(); format = format.replace(/(^|[^\\])dddd+/g, "$1" + dddd[0]); format = format.replace(/(^|[^\\])ddd/g, "$1" + ddd[0]); format = format.replace(/(^|[^\\])dd/g, "$1" + ii(d)); format = format.replace(/(^|[^\\])d/g, "$1" + d); var H = utc ? date.getUTCHours() : date.getHours(); format = format.replace(/(^|[^\\])HH+/g, "$1" + ii(H)); format = format.replace(/(^|[^\\])H/g, "$1" + H); var h = H > 12 ? H - 12 : H == 0 ? 12 : H; format = format.replace(/(^|[^\\])hh+/g, "$1" + ii(h)); format = format.replace(/(^|[^\\])h/g, "$1" + h); var m = utc ? date.getUTCMinutes() : date.getMinutes(); format = format.replace(/(^|[^\\])mm+/g, "$1" + ii(m)); format = format.replace(/(^|[^\\])m/g, "$1" + m); var s = utc ? date.getUTCSeconds() : date.getSeconds(); format = format.replace(/(^|[^\\])ss+/g, "$1" + ii(s)); format = format.replace(/(^|[^\\])s/g, "$1" + s); var f = utc ? date.getUTCMilliseconds() : date.getMilliseconds(); format = format.replace(/(^|[^\\])fff+/g, "$1" + ii(f, 3)); f = Math.round(f / 10); format = format.replace(/(^|[^\\])ff/g, "$1" + ii(f)); f = Math.round(f / 10); format = format.replace(/(^|[^\\])f/g, "$1" + f); var T = H < 12 ? "AM" : "PM"; format = format.replace(/(^|[^\\])TT+/g, "$1" + T); format = format.replace(/(^|[^\\])T/g, "$1" + T.charAt(0)); var t = T.toLowerCase(); format = format.replace(/(^|[^\\])tt+/g, "$1" + t); format = format.replace(/(^|[^\\])t/g, "$1" + t.charAt(0)); var tz = -date.getTimezoneOffset(); var K = utc || !tz ? "Z" : tz > 0 ? "+" : "-"; if (!utc) { tz = Math.abs(tz); var tzHrs = Math.floor(tz / 60); var tzMin = tz % 60; K += ii(tzHrs) + ":" + ii(tzMin); } format = format.replace(/(^|[^\\])K/g, "$1" + K); var day = (utc ? date.getUTCDay() : date.getDay()) + 1; format = format.replace(new RegExp(dddd[0], "g"), dddd[day]); format = format.replace(new RegExp(ddd[0], "g"), ddd[day]); format = format.replace(new RegExp(MMMM[0], "g"), MMMM[M]); format = format.replace(new RegExp(MMM[0], "g"), MMM[M]); format = format.replace(/\\(.)/g, "$1"); return format; }; //Cek if not login then redirect // $("#comments").on('click', function() { // var e = getCookieKcm('kmp_uid'); // if(e == ''){ // window.top.location.href = document.getElementById("login_url").value; // } // }); //Limit character to LimitNum=300 function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else { // document.getElementById("countdown").innerHTML = limitNum - limitField.value.length; } } //Insert comment function insertComment(commentId) { var e = getCookieKcm('kmp_uid'); if (e == '') { document.cookie = "comment=" + document.getElementById("comments").value; window.top.location.href = document.getElementById("login_url").value; } else { var xml_path = document.getElementById("urlpage").value; // var article_url = document.referrer; var article_url = document.getElementById("urlpage").value; var token = getCookieKcm('kmp_uid'); var type = getCookieKcm('kmp_lgn') == 'kompas' ? 'kid' : 'sc'; var loginwith = getCookieKcm('lgn_w'); var data = {}; data['xml_path'] = xml_path; data['article_url'] = article_url; data['token'] = token; data['acc_type'] = type; data['loginwith'] = getCookieKcm('lgn_w'); data['reply_comment_id'] = commentId; if (commentId != "") { var uname = document.getElementById("uname-" + commentId).value; var content = document.getElementById("content-" + commentId).value; var comments = document.getElementById("comments_reply_" + commentId).value; data['uname'] = uname; data['content'] = content; data['comments'] = comments; } else { var comments = document.getElementById("comments").value; data['comments'] = comments; } if (comments == "" || comments.trim().length == 0) { alert("Komentar tidak boleh kosong!"); } else { if (commentId != "") { $("#btnkirim-" + commentId).css("display", "none"); $("#btnLoading-" + commentId).css("display", "block"); } else { $("#btnkirim").css("display", "none"); $("#btnLoading").css("display", "block"); } $.post("https://apis.kompas.com/api/comment/insert/v2", data, function(result) { if (result.status == false) { if (result.message == "Silahkan Login dahulu untuk memberi komentar.") { window.top.location.href = result.loginUrl; } else { alert(result.message); } $("#btnkirim").css("display", "inline"); $("#btnLoading").css("display", "none"); } else { if ($("div").hasClass("comment__board")) { $(".comment__board").css("display", "none"); $(".comment__list").css("display", "block"); } $(".comment__list").prepend(result.view); if (commentId != "") { $("#btnkirim-" + commentId).css("display", "inline"); $("#btnLoading-" + commentId).css("display", "none"); closeForm(commentId); } else { $("#btnkirim").css("display", "inline"); $("#btnLoading").css("display", "none"); $("#comments").val(''); } document.cookie = "comment="; // showKgModalJernihKomentar(data); } }).fail(function(err) { $("#btnkirim").css("display", "inline"); $("#btnLoading").css("display", "none"); window.top.location.href = "https://account.kompas.com/login/a29tcGFz/aHR0cDovL3d3dy5rb21wYXMuY29t?source=kompas.com&medium=komentar"; }); } } } //Reply comment function replyComment(commentId) { // case 1 comment only let oneCom = document.getElementById('for_comment'); if (!!oneCom) { oneCom.style.height = 'auto' } var uname = document.getElementById("uname_" + commentId).innerText; var date = document.getElementById("tgl_" + commentId).innerText; var content = document.getElementById("cont_" + commentId).innerText; document.getElementById("reply_form_" + commentId).style.display = "block"; document.getElementById("comments_reply_" + commentId).focus(); document.getElementById("uname-" + commentId).value = uname; document.getElementById("tgl-" + commentId).value = date; document.getElementById("content-" + commentId).value = content; } //Close reply comment function closeForm(commentId) { $("#reply_form_" + commentId).css("display", "none"); $("#uname-" + commentId).val(""); $("#tgl-" + commentId).val(""); $("#content-" + commentId).val(""); } //Like dislike comment function likedislikeComment(commentId, type) { var data = {}; data['xml_path'] = document.getElementById("urlpage").value; data['comment_id'] = commentId; data['type'] = type; data['total_like'] = document.getElementById("like_" + commentId).value; data['total_dislike'] = document.getElementById("dislike_" + commentId).value; data['token'] = getCookieKcm('kmp_uid'); data['acc_type'] = getCookieKcm('kmp_lgn') == 'kompas' ? 'kid' : 'sc'; data['loginwith'] = getCookieKcm('lgn_w'); $.post("https://apis.kompas.com/api/comment/likedislike/v2", data, function(result) { if (result.status == true) { $("#like_" + commentId).val(result.total_like); $("#dislike_" + commentId).val(result.total_dislike); $("#total_like_" + commentId).html(result.total_like); $("#total_dislike_" + commentId).html(result.total_dislike); if (type == 'like') { $('#button_like_' + commentId).attr('disabled', 'disabled'); $('#button_dislike_' + commentId).removeAttr('disabled', 'disabled'); } else { $('#button_like_' + commentId).removeAttr('disabled', 'disabled'); $('#button_dislike_' + commentId).attr('disabled', 'disabled'); } } else { $("#btnkirim").css("display", "inline"); $("#btnLoading").css("display", "none"); window.top.location.href = document.getElementById("login_url").value; } }); } </script> <script> var mall = document.querySelector('.modals__content'); var comment_id = 0; var comment_text = ''; var alasan_id = 0; var alasan_text = ''; function laporkanComment(modalsId) { var e = getCookieKcm('kmp_uid'); if (e == '') { window.top.location.href = document.getElementById("login_url").value; } var data = {}; comment_text = document.getElementById("cont_" + comment_id).innerText; data['comment_id'] = comment_id; data['comment_text'] = comment_text; data['alasan_id'] = alasan_id; data['alasan_text'] = alasan_text; data['token'] = getCookieKcm('kmp_uid'); data['acc_type'] = getCookieKcm('kmp_lgn') == 'kompas' ? 'kid' : 'sc'; data['loginwith'] = getCookieKcm('lgn_w'); $.post("https://apis.kompas.com/api/comment/laporkan/v2", data, function(result) { showModals(modalsId); }); } function reportCommentForm(modalsId, id) { var e = getCookieKcm('kmp_uid'); if (e == '') { window.top.location.href = document.getElementById("login_url").value; } else { comment_id = id; showModals(modalsId); } } function reportCommentSuccess(modalsId) { laporkanComment(modalsId); } function showModals(modalsId) { var md = document.getElementById('kcm-modals'); var cl = document.getElementById(modalsId); if (!!md) { if (!!cl) { // clear first var fc = md.firstElementChild; clearModalsContent(fc); // add body class and clone element document.body.classList.add('modals'); var ox = cl.cloneNode(true); fc.appendChild(ox); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // event handler for element inside modals must be here if (!!mall) { //console.log(mall); mall.addEventListener('click', function(e) { // dismiss modals if (e.target.matches('.cReport__button[data-type="dismiss"]')) { dismissModals(); } // dismiss modals if (e.target.matches('.cReport__button[data-type="dismiss-reload"]')) { dismissReloadModals(); } // remove disabled attribute if (e.target.matches('input[type="radio"]')) { remDisabledBtn('.cReport__button[disabled="disabled"]'); } }); } function dismissModals() { var md = document.getElementById('kcm-modals'); if (!!md) { document.body.classList.remove('modals'); var fc = md.firstElementChild; clearModalsContent(fc); } } function dismissReloadModals() { var md = document.getElementById('kcm-modals'); if (!!md) { document.body.classList.remove('modals'); var fc = md.firstElementChild; clearModalsContent(fc); window.location.reload(); } } function clearModalsContent(el) { while (el.firstChild) { el.removeChild(el.firstChild); } } function remDisabledBtn(el) { var ol = mall.querySelectorAll(el)[0]; if (!!ol) { //console.log(ol); ol.classList.remove('disabled'); ol.removeAttribute('disabled'); } } function showOthers(e) { alasan_id = e.control.defaultValue; alasan_text = e.innerText; var ls = e.nextElementSibling; var lq = document.querySelectorAll('.cReport__other'); lq.forEach(function(item) { item.classList.remove('show'); }); if (!!ls) { ls.classList.add('show'); ls.children[0].focus(); // console.log(ls.children[0].value); } } function valueOthers(e) { alasan_text = e.value; } </script> <!-- terkini--> <div class="row mt2 clearfix"> <div class="title clearfix"> <h2 class="title__content">Terkini Lainnya</h2> </div> <div class="latest ga--latest mt2 clearfix"> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/25/212330583/manfaat-teknologi-digital-crm-untuk-bisnis-simak-pengalaman-seed-paper" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/1LLiJkZiM3iZ4N8uT7VIN2Ttrag=/0x57:2000x1391/177x117/data/photo/2024/07/18/66987d50a2237.jpg" alt="Manfaat Teknologi Digital CRM untuk Bisnis, Simak Pengalaman Seed Paper Indonesia"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/25/212330583/manfaat-teknologi-digital-crm-untuk-bisnis-simak-pengalaman-seed-paper" target="_parent">Manfaat Teknologi Digital CRM untuk Bisnis, Simak Pengalaman Seed Paper Indonesia</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">25/11/2024, 21:23 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/25/190000183/seed-paper-indonesia-jaga-lingkungan-dan-berdayakan-masyarakat" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/GJSHKojTTlDV3hqfCl9Eps99lbQ=/0x0:1280x853/177x117/data/photo/2024/11/25/674400246ad1b.jpeg" alt="Seed Paper Indonesia, Jaga Lingkungan dan Berdayakan Masyarakat"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/25/190000183/seed-paper-indonesia-jaga-lingkungan-dan-berdayakan-masyarakat" target="_parent">Seed Paper Indonesia, Jaga Lingkungan dan Berdayakan Masyarakat</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">25/11/2024, 19:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/25/170826183/cerita-rizka-fadilla-buat-kertas-bibit-pohon-dari-limbah-kertas" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/mWm21EIt0TIKhzMUnnsDa-5aNC4=/0x75:1216x885/177x117/data/photo/2024/11/25/6743fff10b985.jpeg" alt="Cerita Rizka Fadilla, Buat Kertas Bibit Pohon dari Limbah Kertas"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/25/170826183/cerita-rizka-fadilla-buat-kertas-bibit-pohon-dari-limbah-kertas" target="_parent">Cerita Rizka Fadilla, Buat Kertas Bibit Pohon dari Limbah Kertas</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Jagoan Lokal</div> <div class="article__date">25/11/2024, 17:08 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/24/212205683/6-ide-bisnis-mudah-bermodal-uang-pesangon-untuk-karyawan-yang-terkena-phk" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/7-l6v3IrCQaQI7JMz3hGHDTXdrM=/24x0:775x501/177x117/data/photo/2023/07/31/64c7801bc0672.png" alt="6 Ide Bisnis Mudah Bermodal Uang Pesangon untuk Karyawan yang Terkena PHK"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/24/212205683/6-ide-bisnis-mudah-bermodal-uang-pesangon-untuk-karyawan-yang-terkena-phk" target="_parent">6 Ide Bisnis Mudah Bermodal Uang Pesangon untuk Karyawan yang Terkena PHK</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">24/11/2024, 21:22 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/24/190000783/wamenkop--koperasi-jadi-solusi-pengentasan-kemiskinan-dan-jeratan-rentenir" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/OEjVEzg991thlPROnaEZJS_xbu0=/1x0:1600x1066/177x117/data/photo/2024/11/23/67415e1808b31.jpeg" alt="WamenKop: Koperasi Jadi Solusi Pengentasan Kemiskinan dan Jeratan Rentenir"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/24/190000783/wamenkop--koperasi-jadi-solusi-pengentasan-kemiskinan-dan-jeratan-rentenir" target="_parent">WamenKop: Koperasi Jadi Solusi Pengentasan Kemiskinan dan Jeratan Rentenir</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">24/11/2024, 19:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/fxZpDDY-mklWz0gpVY4juR9VygI=/0x0:1000x667/177x117/data/photo/2021/09/24/614dd8f2e0c5a.jpg" alt="5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi" target="_parent">5 Ide dan Peluang Binsis Produk Skincare dari Susu Sapi</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">24/11/2024, 17:49 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/22/200000983/olah-limbah-jadi-mainan-anjing-warga-purworejo-sukses-ekspor-produk-ke-belgia" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/SEgkSsMRQcfog_VlUhdYHqB6XH8=/117x0:1468x901/177x117/data/photo/2024/11/22/674064b8966ed.jpeg" alt="Olah Limbah Jadi Mainan Anjing, Warga Purworejo Sukses Ekspor Produk Ke Belgia"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/22/200000983/olah-limbah-jadi-mainan-anjing-warga-purworejo-sukses-ekspor-produk-ke-belgia" target="_parent">Olah Limbah Jadi Mainan Anjing, Warga Purworejo Sukses Ekspor Produk Ke Belgia</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Program</div> <div class="article__date">22/11/2024, 20:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/22/180000183/tantangan-dan-strategi-tarunira-mendorong-digitalisasi-petani-lontar" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/f8PcKrn00zSFEhS7Ki24UBrAMvI=/0x0:1290x860/177x117/data/photo/2024/11/22/6740309c1dc9b.jpeg" alt="Tantangan dan Strategi Tarunira Mendorong Digitalisasi Petani Lontar"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/22/180000183/tantangan-dan-strategi-tarunira-mendorong-digitalisasi-petani-lontar" target="_parent">Tantangan dan Strategi Tarunira Mendorong Digitalisasi Petani Lontar</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">22/11/2024, 18:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/22/155706483/kisah-i-komang-sukarma-berdayakan-petani-lontar-di-karangasem-melalui-tarunira" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/MENeh6cGVMNnEsdG8LNqMxvIL1c=/64x43:1280x853/177x117/data/photo/2024/11/22/673fff1201cee.jpeg" alt="Kisah I Komang Sukarma, Berdayakan Petani Lontar di Karangasem Melalui Tarunira"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/22/155706483/kisah-i-komang-sukarma-berdayakan-petani-lontar-di-karangasem-melalui-tarunira" target="_parent">Kisah I Komang Sukarma, Berdayakan Petani Lontar di Karangasem Melalui Tarunira</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Jagoan Lokal</div> <div class="article__date">22/11/2024, 15:57 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/21/230000183/pemerintah-jadikan-ksukb-bank-nagari-sebagai-role-model-holdingisasi-koperasi" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/FGou5Ii4hUGK4pV4AJw9DNGgtow=/1x0:1600x1066/177x117/data/photo/2024/11/21/673f3d47585f1.jpeg" alt="Pemerintah Jadikan KSUKB Bank Nagari sebagai Role Model Holdingisasi Koperasi"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/21/230000183/pemerintah-jadikan-ksukb-bank-nagari-sebagai-role-model-holdingisasi-koperasi" target="_parent">Pemerintah Jadikan KSUKB Bank Nagari sebagai Role Model Holdingisasi Koperasi</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">21/11/2024, 23:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/21/214818183/ifortepreneur-2024-dorong-transformasi-digital-ukm-indonesia" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/BcR9p-Kglzb_4PXu19ksgjVx0gQ=/0x107:1280x960/177x117/data/photo/2024/11/21/673f3458b99f1.jpeg" alt="iFortepreneur 2024 Dorong Transformasi Digital UKM Indonesia"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/21/214818183/ifortepreneur-2024-dorong-transformasi-digital-ukm-indonesia" target="_parent">iFortepreneur 2024 Dorong Transformasi Digital UKM Indonesia</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Program</div> <div class="article__date">21/11/2024, 21:48 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/21/111053883/cerita-ryan-berbisnis-helm-anak-berawal-dari-rasa-peduli" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/nJN8wYEDSCuONJpW-dP24n6Qt5g=/250x0:1600x900/177x117/data/photo/2024/11/20/673d62e16df91.jpeg" alt="Cerita Ryan, Berbisnis Helm Anak Berawal dari Rasa Peduli"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/21/111053883/cerita-ryan-berbisnis-helm-anak-berawal-dari-rasa-peduli" target="_parent">Cerita Ryan, Berbisnis Helm Anak Berawal dari Rasa Peduli</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Jagoan Lokal</div> <div class="article__date">21/11/2024, 11:10 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/20/190000983/tren-bisnis-laundry-tahun-2025-seperti-apa-prediksinya-" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/jMAx-P9vJ48PfAB4QML-36J6i84=/0x0:780x520/177x117/data/photo/2024/09/06/66daa375489f9.jpg" alt="Tren Bisnis Laundry Tahun 2025, Seperti Apa Prediksinya?"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/20/190000983/tren-bisnis-laundry-tahun-2025-seperti-apa-prediksinya-" target="_parent">Tren Bisnis Laundry Tahun 2025, Seperti Apa Prediksinya?</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Training</div> <div class="article__date">20/11/2024, 19:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/20/170000983/seminar-laundry-innovation-summit-2024-akan-digelar-pada-9-10-desember" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/NDvoHOtLYMCn7n2MiFpiXvw3oW4=/196x127:1724x1146/177x117/data/photo/2024/08/31/66d316e73d69e.jpg" alt="Seminar Laundry Innovation Summit 2024 Akan Digelar pada 9-10 Desember"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/20/170000983/seminar-laundry-innovation-summit-2024-akan-digelar-pada-9-10-desember" target="_parent">Seminar Laundry Innovation Summit 2024 Akan Digelar pada 9-10 Desember</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Program</div> <div class="article__date">20/11/2024, 17:00 WIB</div> </div> <div class="clearfix"></div> </div> <div class="article__list clearfix"> <div class="article__list__asset clearfix"> <div class="article__asset"><a href="https://umkm.kompas.com/read/2024/11/20/150000483/langkah-budi-arie-setiadi-revitalisasi-koperasi-apa-saja-" target="_parent"><img class="lozad" data-src="https://asset.kompas.com/crops/fzXaM_lZoYxD62dqVV7IIDeWJeY=/0x0:0x0/177x117/data/photo/2024/11/08/672dc95c480bd.jpeg" alt="Langkah Budi Arie Setiadi Revitalisasi Koperasi, Apa Saja?"/></a></div> </div> <div class="article__list__title"> <h3 class="article__title article__title--medium"><a class="article__link" href="https://umkm.kompas.com/read/2024/11/20/150000483/langkah-budi-arie-setiadi-revitalisasi-koperasi-apa-saja-" target="_parent">Langkah Budi Arie Setiadi Revitalisasi Koperasi, Apa Saja?</a></div> </h3> <div class="article__list__info"> <div class="article__subtitle article__subtitle--inline ">Program</div> <div class="article__date">20/11/2024, 15:00 WIB</div> </div> <div class="clearfix"></div> </div> </div> <div class="text-center mt2 clearfix"><div class="paging__wrap clearfix"><div class="paging__item"><a class="paging__link paging__link--active" href="javascript:void(0)">1</a></div><div class="paging__item"><a class="paging__link" href="https://indeks.kompas.com?site=umkm&page=2">2</a></div><div class="paging__item"><a class="paging__link" href="https://indeks.kompas.com?site=umkm&page=3">3</a></div><div class="paging__item"><a class="paging__link paging__link--next" href="https://indeks.kompas.com?site=umkm&page=2" rel="next">Next</a></div></div></div> </div> </div> <div class="col-bs10-3"> <div class="kcm kcm__big clearfix js-giant-wp-top1"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <div id='div-gpt-ad-Giant' style="text-align: center;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Giant'); }); </script> </div> </div> </div></div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="row mt2 clearfix"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <!-- s: Rectangle Sticky --> <link rel="stylesheet" type="text/css" href="https://adsimg.kompas.com/html5/assets_ads/rectangle-sticky-read/css/sticky_style.css?v=1"> <div class="sticky__rectangle"> <div id='div-gpt-ad-Right_3'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_3'); }); </script> </div> </div> <script type="text/javascript" src="https://adsimg.kompas.com/html5/assets_ads/rectangle-sticky-read/js/jquery-scrolltofixed-min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(window).bind("load", function () { $('.sticky__rectangle').scrollToFixed({ marginTop: 46, limit: $('.sticky__rectangle').offset().top + 0, zIndex: 11, unfixed: function() { if ($('.sticky__rectangle').hasClass("scroll-to-fixed-fixed")) { $('.sticky__rectangle').css('left', ''); $('.sticky__rectangle').css('top', ''); } } }); }); }); </script> <!-- e: Rectangle Sticky --> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <!-- video pilihan sidebar --> <!-- kg media player --> <div class="video-box-wrap sidebar inline kgnowGate"> <div class="rVideo-player"> <button class="rVideo-button" type="button"><span>Hide</span></button> <iframe id="rVideo-embed-sidebar" width="100%" height="274" src="" title="" frameborder="0" scrolling="no" allow="encrypted-media" > </iframe> </div> <div class="rVideo-list rVideo-scroll rVideo-js"> </div> <div class="rVideo-other"><a target="_blank" href="https://www.kgnow.com?source=KOMPASCOM&position=detail_lihatsemua__thumbnail_1">Lihat semua <span class="icoArrow"></span></a></div> <script> var videoIds = []; var videoNext = []; var scrl = 0; var param_engine = '' function getVideo() { var rvJixie = new XMLHttpRequest(); rvJixie.onreadystatechange = function() { if (this.readyState == 4){ let statusapi = this.status; if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker){ tracker.send("event", "KG Player", "APIS Req", statusapi); console.log('track kgplayer', statusapi) } }) } } if (this.readyState == 4 && this.status == 200) { let response = JSON.parse(rvJixie.responseText); let status = response.status if (status) { let items = response.items var html_video_rec_thumb = ''; var rvList = ''; let videoItems = items.slice(0, 5) videoItems.forEach(function(item, index) { //populate our simple array videoIds.push(item.video_id); var cls = '' var title_url = item.title; var url_video = 'https://www.kgnow.com/watch/'+item.video_id+'/'+urlTitle(item.title)+'?source=KOMPASCOM&position=detail_sidebar__thumbnail_1'; if(index != 0){ rvList += `<div id="rVideo-item-${item.video_id}" class="rVideo-item ${cls}" data-video-index="${index}"> <a target="_blank" href="${url_video}" class="rVideo-link"> <div class="rVideo-thumb"> <span class="rVideo-length">${timeFormatJixie(item.length)}</span> <img src="${item.thumbnail}" alt="${item.title}"> </div> <div class="rVideo-box"> <h4 class="rVideo-title">${item.title}</h4> <div class="rVideo-player-info"> <span class="rVideo-subtitle">KGNow!</span> <span class="rVideo-date">${timeSince(item.date_publish)}</span> </div> </div> </a> </div>` } if(index==2){ html_video_rec_thumb += ` <h4 class="rVideo-title">${item.title}</h4> <span class="rVideo-date">${timeSince(item.date_publish)}</span> ` } if(index==1){ html_video_carousel = ` <a target="_blank" href="${'https://www.kgnow.com/watch/'+item.video_id+'/'+urlTitle(item.title)}?source=KOMPASCOM&position=detail_photo__thumbnail_1" tabindex="0"> <div class="photoCarousel-img"> <img src="${item.thumbnail}" alt="${item.title}"> </div> <div class="photoCarousel-duration"> ${timeFormatJixie(items[1].length)} </div> </a> ` } }) document.querySelector('.rVideo-list').innerHTML = rvList; // video thumbnail document.getElementById('rVideo-embed-thumb').src = 'https://www.kgnow.com/embed/'+videoIds[2]+'?thumbnail=on&accountid=9262bf2590d558736cac4fff7978fcb1&customid=DETAIL_INLINE_PLAYER_0&source=KOMPASCOM&position=detail_inline__player_0&thumbnail=on&domain_referral=kompascom'; document.querySelector('.video-box-thumb .rVideo-box').innerHTML = html_video_rec_thumb; // video sidebar document.getElementById('rVideo-embed-sidebar').src = 'https://www.kgnow.com/embed/'+videoIds[0]+'?autoplay=wifi&detail=on&accountid=9262bf2590d558736cac4fff7978fcb1&customid=DETAIL_SIDEBAR_PLAYER_1&source=KOMPASCOM&position=detail_sidebar__player_1&thumbnail=off&domain_referral=kompascom&site=UMKM§ion=TRAINING'+param_engine if(document.querySelector('.photoCarousel-item.video')){ document.querySelector('.photoCarousel-item.video').innerHTML = html_video_carousel; } for (let index = 0; index < items.length; index++) { if(index > 0 && items[index].embed_url && document.getElementById('youtube_embed_1')){ document.getElementById('youtube_embed_1').src = items[index].embed_url.replace('https://www.youtube.com/embed/','https://video.kompas.com/video/ima/'); break; } } } } } let description = document.querySelector('meta[name="description"]').content let keywords = document.querySelector('meta[name="content_tags"]').content param_engine = '&engine=J' let data = { "description": description, "keywords": keywords, "page_id": "2024/11/24/174922483", "source" : "Bearer d0e98884322b2eb5d6beacc1648f5dc7" } rvJixie.open("POST", "https://apis.kompas.com/api/widget/video", true); rvJixie.send(JSON.stringify(data)); } getVideo(); // sticky function function setInline(kgpl){ let qa = isVisible(kgpl); if(qa) { kgpl.classList.remove('hide'); kgpl.classList.add('inline'); scrl = 1 } else { if(scrl==1) { kgpl.classList.remove('inline'); } } } function setSticky2() { let kgpl = document.getElementsByClassName('video-box-wrap')[0]; if(!!kgpl) { // close kgplayer let kgbtn = kgpl.getElementsByClassName('rVideo-button')[0]; if(!!kgbtn) { kgbtn.addEventListener('click', function(e){ kgpl.classList.toggle('hide'); }); } window.addEventListener('scroll', function(){ setInline(kgpl) }); } } function isVisible(el) { let rto = 9 / 16 * 300; let kgtop = rto + 325 + 60 + 90 + 55; let kgbottom = 55 + rto; let rect = el.getBoundingClientRect(); return ( rect.top >= 0 - kgbottom && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) + kgtop && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } setSticky2(); function dateFormatJixie(value) { const monthText = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; if (value) { const dateJixie = new Date(value); return dateJixie.getDate() + ' ' + monthText[dateJixie.getMonth()] + ' ' + dateJixie.getFullYear(); } else { return ""; } } function timeFormatJixie(value) { if (value) { const timeJixie = value.split(':'); if (timeJixie[0] == '00') { return timeJixie[1] + ':' + timeJixie[2]; } else { return value; } } else { return ""; } } function timeSince(value) { if (typeof value !== 'object') { date = new Date(value); } var seconds = Math.floor((new Date() - date) / 1000); var intervalType; var interval = Math.floor(seconds / 31536000); if (interval >= 1) { intervalType = 'tahun yang lalu'; } else { interval = Math.floor(seconds / 2592000); if (interval >= 1) { intervalType = 'bulan yang lalu'; } else { interval = Math.floor(seconds / 86400); if (interval >= 1) { intervalType = 'hari yang lalu'; } else { interval = Math.floor(seconds / 3600); if (interval >= 1) { intervalType = "jam yang lalu"; } else { interval = Math.floor(seconds / 60); if (interval >= 1) { intervalType = "menit yang lalu"; } else { interval = seconds; intervalType = "detik yang lalu"; } } } } } return interval + ' ' + intervalType; } function urlTitle(value){ return value.toLowerCase().replaceAll(' ','-').replace(/[^a-zA-Z0-9\-]/g, ''); } </script> </div> <!-- terpopuler--> <!-- terpopuler--> <div class="most ga--most mt1 clearfix"> <div class="title title--center clearfix"> <h2 class="title__content">Terpopuler</h2> </div> <div class="most__wrap clearfix"> <div class="most__list clearfix"> <div class="most__count">1</div> <a class="most__link" href="https://umkm.kompas.com/read/2024/11/24/212205683/6-ide-bisnis-mudah-bermodal-uang-pesangon-untuk-karyawan-yang-terkena-phk"> <h4 class="most__title">6 Ide Bisnis Mudah Bermodal Uang Pesangon untuk Karyawan yang Terkena PHK</h4> </a> </div> <div class="most__list clearfix"> <div class="most__count">2</div> <a class="most__link" href="https://umkm.kompas.com/read/2024/11/20/190000983/tren-bisnis-laundry-tahun-2025-seperti-apa-prediksinya-"> <h4 class="most__title">Tren Bisnis Laundry Tahun 2025, Seperti Apa Prediksinya?</h4> </a> </div> <div class="most__list clearfix"> <div class="most__count">3</div> <a class="most__link" href="https://umkm.kompas.com/read/2024/11/19/160000183/7-ide-bisnis-produk-makanan-dan-minuman-olahan-dari-susu-sapi"> <h4 class="most__title">7 Ide Bisnis Produk Makanan dan Minuman Olahan dari Susu Sapi</h4> </a> </div> <div class="most__list clearfix"> <div class="most__count">4</div> <a class="most__link" href="https://umkm.kompas.com/read/2024/11/20/150000483/langkah-budi-arie-setiadi-revitalisasi-koperasi-apa-saja-"> <h4 class="most__title">Langkah Budi Arie Setiadi Revitalisasi Koperasi, Apa Saja?</h4> </a> </div> <div class="most__list clearfix"> <div class="most__count">5</div> <a class="most__link" href="https://umkm.kompas.com/read/2024/11/20/170000983/seminar-laundry-innovation-summit-2024-akan-digelar-pada-9-10-desember"> <h4 class="most__title">Seminar Laundry Innovation Summit 2024 Akan Digelar pada 9-10 Desember</h4> </a> </div> </div> </div> <div class="row mt2 clearfix"> <div class="kcm kcm__track clearfix"> <div class="kcm kcm__sticky clearfix"> <div class="ads-right mt2" id='div-gpt-ad-Right_4'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Right_4'); }); </script> </div> </div> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <div class="mt2 clearfix"> <div class="kcm kcm__rectangle clearfix"> <span id="wrap_lazy_div-gpt-ad-Right_5" style="margin-top:-200px;position:absolute"></span> <div id='div-gpt-ad-Right_5'> </div> <script type="text/javascript"> var observer_ads_div_gpt_ad_Right_5 = new IntersectionObserver(function(entires){ entires.forEach(function(entry) { if(entry.intersectionRatio > 0){ show_ads_div_gpt_ad_Right_5(entry.target) } }); }, { threshold: 0 }); observer_ads_div_gpt_ad_Right_5.observe(document.getElementById('wrap_lazy_div-gpt-ad-Right_5')); function show_ads_div_gpt_ad_Right_5(element){ console.log('show_ads lazy'); observer_ads_div_gpt_ad_Right_5.unobserve(element); observer_ads_div_gpt_ad_Right_5.disconnect(); googletag.cmd.push(function() { var slot = googletag.defineSlot('/31800665/KOMPAS.COM/umkm', [[300,250]],'div-gpt-ad-Right_5').setTargeting('Pos',['Right_5']).setTargeting('kg_pos', ['right_5']).addService(googletag.pubads());googletag.display('div-gpt-ad-Right_5'); googletag.pubads().refresh([slot]);}); } </script> </div> </div> <div class="gate-kgplus"> <span>Baca berita tanpa iklan. <a href="https://traid.jixie.io/sync/ck?desturl=https%3A%2F%2Fplus.kompas.com%2F%3Fsource%3DKompas.com%26medium%3Dbelowads%26campaign%3DBacaBeritaTanpaIklan&cid=3085&cpid=804">Gabung Kompas.com+</a></span> </div> <!-- trending--> <!-- trending--> <div class="trending--sidebar ga--trending--sidebar mt3 clearfix"> <div class="title clearfix title--center"> <h2 class="title__content">Now Trending</h2> </div> <div class="trending__wrap mt2 clearfix"> <div class="article__grid"> <div class="article__asset"><a href="https://megapolitan.kompas.com/read/2024/11/25/21144531/maruarar-sirait-dilaporkan-ke-bawaslu-kasus-dugaan-pernyataan-sara"><img class="lozad" data-src="https://asset.kompas.com/crops/wwcsamb8sH6lWnNearBW6cG6hHQ=/0x0:0x0/300x200/data/photo/2024/11/25/67447f84c433b.jpg" alt="Maruarar Sirait Dilaporkan ke Bawaslu Kasus Dugaan Pernyataan SARA"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://megapolitan.kompas.com/read/2024/11/25/21144531/maruarar-sirait-dilaporkan-ke-bawaslu-kasus-dugaan-pernyataan-sara">Maruarar Sirait Dilaporkan ke Bawaslu Kasus Dugaan Pernyataan SARA</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://regional.kompas.com/read/2024/11/25/202653378/ajudan-selamatkan-kapolres-solok-selatan-saat-akp-dadang-tembaki-rumah"><img class="lozad" data-src="https://asset.kompas.com/crops/cXuf9uvSDOqUv-qy6dHMgWlG4nM=/140x18:612x333/300x200/data/photo/2024/11/23/674193f37ce39.jpg" alt="Ajudan Selamatkan Kapolres Solok Selatan Saat AKP Dadang Tembaki Rumah Dinas"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://regional.kompas.com/read/2024/11/25/202653378/ajudan-selamatkan-kapolres-solok-selatan-saat-akp-dadang-tembaki-rumah">Ajudan Selamatkan Kapolres Solok Selatan Saat AKP Dadang Tembaki Rumah Dinas</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://money.kompas.com/read/2024/11/25/210000026/bahlil-sebut-ri-mulai-ekspor-bahan-baku-baterai-mobil-listrik-ke-tesla-bulan"><img class="lozad" data-src="https://asset.kompas.com/crops/81fZQYs96qvQwsIKm_kC-Mxlibg=/0x0:0x0/300x200/data/photo/2024/11/25/67442f4f7d6bf.jpeg" alt="Bahlil Sebut RI Mulai Ekspor Bahan Baku Baterai Mobil Listrik ke Tesla Bulan Ini"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://money.kompas.com/read/2024/11/25/210000026/bahlil-sebut-ri-mulai-ekspor-bahan-baku-baterai-mobil-listrik-ke-tesla-bulan">Bahlil Sebut RI Mulai Ekspor Bahan Baku Baterai Mobil Listrik ke Tesla Bulan Ini</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://www.kompas.com/global/read/2024/11/25/193436470/pbb-per-10-menit-1-perempuan-dibunuh-oleh-pasangan-atau-keluarga-sendiri"><img class="lozad" data-src="https://asset.kompas.com/crops/wjZgoULI3uWdZM9YMM3xWOtDjyg=/0x0:738x492/300x200/data/photo/2024/08/16/66bef69e77c73.jpg" alt="PBB: Per 10 Menit, 1 Perempuan Dibunuh oleh Pasangan atau Keluarga Sendiri"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://www.kompas.com/global/read/2024/11/25/193436470/pbb-per-10-menit-1-perempuan-dibunuh-oleh-pasangan-atau-keluarga-sendiri">PBB: Per 10 Menit, 1 Perempuan Dibunuh oleh Pasangan atau Keluarga Sendiri</a></h4> </div> </div><!-- (ads.trending) --><div class="article__grid"> <div class="article__asset"><a href="https://bandung.kompas.com/read/2024/11/25/122219378/calon-wabup-ciamis-yana-d-putra-meninggal-dunia"><img class="lozad" data-src="https://asset.kompas.com/crops/ViQYLs0lOc2HwckI8ouWBySDL6I=/0x0:0x0/300x200/data/photo/2024/11/25/674406b8051b6.jpg" alt="Calon Wabup Ciamis Yana D Putra Meninggal Dunia"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://bandung.kompas.com/read/2024/11/25/122219378/calon-wabup-ciamis-yana-d-putra-meninggal-dunia">Calon Wabup Ciamis Yana D Putra Meninggal Dunia</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://nasional.kompas.com/read/2024/11/25/15140781/jika-hakim-tak-kabulkan-gugatan-praperadilan-kubu-tom-lembong-sebut-semua"><img class="lozad" data-src="https://asset.kompas.com/crops/Omthy1efYT0IeLRvNhmCCfTElow=/0x0:4991x3327/300x200/data/photo/2024/11/18/673a6afdc5b0c.jpg" alt="Jika Hakim Tak Kabulkan Gugatan Praperadilan, Kubu Tom Lembong Sebut Semua Menteri Bisa Dipidana"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://nasional.kompas.com/read/2024/11/25/15140781/jika-hakim-tak-kabulkan-gugatan-praperadilan-kubu-tom-lembong-sebut-semua">Jika Hakim Tak Kabulkan Gugatan Praperadilan, Kubu Tom Lembong Sebut Semua Menteri Bisa Dipidana</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://money.kompas.com/read/2024/11/25/110609026/ingat-pilkada-27-november-2024-ditetapkan-sebagai-hari-libur-nasional"><img class="lozad" data-src="https://asset.kompas.com/crops/jlpzpcocMXUNyU6RS6qGQf49mhQ=/0x0:750x500/300x200/data/photo/2024/10/22/671735629516e.jpg" alt="Ingat, Pilkada 27 November 2024 Ditetapkan sebagai Hari Libur Nasional"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://money.kompas.com/read/2024/11/25/110609026/ingat-pilkada-27-november-2024-ditetapkan-sebagai-hari-libur-nasional">Ingat, Pilkada 27 November 2024 Ditetapkan sebagai Hari Libur Nasional</a></h4> </div> </div><div class="article__grid"> <div class="article__asset"><a href="https://regional.kompas.com/read/2024/11/25/152020778/penampakan-tambang-ilegal-penyebab-polisi-tembak-polisi-di-solok-selatan"><img class="lozad" data-src="https://asset.kompas.com/crops/FJcVEH5qAO0gkVxKk3tGYv7y9lc=/62x8:725x450/300x200/data/photo/2024/11/25/6744327ca7032.jpeg" alt="Penampakan Tambang Ilegal Penyebab Polisi Tembak Polisi di Solok Selatan"/></a> </div> <div class="article__box article__box--medium"> <h4 class="article__title"><a class="article__link" href="https://regional.kompas.com/read/2024/11/25/152020778/penampakan-tambang-ilegal-penyebab-polisi-tembak-polisi-di-solok-selatan">Penampakan Tambang Ilegal Penyebab Polisi Tembak Polisi di Solok Selatan</a></h4> </div> </div> </div> </div><div class="comment__widget mt2 ga--comment-widget clearfix"> <div class="title clearfix title--center"> <div class="title__content">komentar di artikel lainnya</div> </div> <div class="cm__wBox" id="comment-widget"></div> </div> <script type="text/javascript"> var observer_komentar = new IntersectionObserver(function(entires) { entires.forEach(function(entry) { if (entry.intersectionRatio > 0) { show_widget_komentar(entry.target) } }); }, { threshold: 0 }); if (document.getElementById('comment-widget') !== null) { observer_komentar.observe(document.getElementById('comment-widget')); } function show_widget_komentar(element) { console.log('show_widget_komentar'); observer_komentar.unobserve(element); observer_komentar.disconnect(); Http = new XMLHttpRequest(); Http.open("GET", 'https://apis.kompas.com/api/comment/widget'); Http.send(); Http.onreadystatechange = (e) => { if (Http.readyState == 4 && Http.status == 200) { json = JSON.parse(Http.responseText); new_comment = ''; json.forEach(function(row, i) { if (i > 4) { return; } content = row.detail[0].komentar; if (content.length > 100) { content = content.substring(0, 100) + '... [...]' } url_page = row.url_page.replace('http://', 'https://'); new_comment += '<div class="cm__wItem">'; new_comment += '<a href="' + url_page + '" class="cm__wLink">'; new_comment += '<div class="cm__wNews">'; new_comment += '<div class="cm__wImg"><img src="' + row.photo + '"></div>'; new_comment += '<h4>' + row.title + '</h4>'; kanal = url_page.substring(8, url_page.indexOf('.')).toUpperCase(); if (kanal == 'WWW') { kanal = url_page.split('/')[3].toUpperCase(); } new_comment += '<span>' + kanal + ' - ' + row.tanggal_artikel + '</span>'; new_comment += '</div></a>'; new_comment += '<a href="' + url_page.replace('/read/', '/komentar/') + '?comment_id=' + row.detail[0].id_comment + '" class="cm__wLink">'; new_comment += '<div class="cm__wComment">'; new_comment += '<div class="cm__wUsername">' + row.detail[0].nama + '</div>'; new_comment += ' ' + row.detail[0].komentar.split('$//$')[0] + '</div>'; new_comment += '</a></div>'; }); document.getElementById('comment-widget').innerHTML = new_comment; } } } </script> </div> </div> <div class="kcm kcm__horizontal clearfix"> <a class="kcm__close js-kcm-horizontal" href="#">Close Ads <span class="kcm__close__icon"></span></a> <div id='div-gpt-ad-Horizontal_Ad'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-Horizontal_Ad'); }); </script> </div></div> </div> <!-- footer--> <!-- modals --> <div id="kcm-modals"> <div class="modals__content"></div> </div> <div id="sso_g_signin"> </div> <!-- footer --> <div class="footerMain clearfix"> <div class="container"> <div class="footerWrap"> <div class="footerCol-column"> <div class="footerLogo"> <a href="https://www.kompas.com"> <img class="lozad" data-src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="www.kompas.com" width="207" height="26"> </a> </div> <div class="footerSosmed"> <ul class="footerSosmed-wrap"> <li> <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook"> <div class="iconSos iconSos-facebook"></div> </a> </li> <li> <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X"> <div class="iconSos iconSos-x"></div> </a> </li> <li> <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram"> <div class="iconSos iconSos-telegram"></div> </a> </li> <li> <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram"> <div class="iconSos iconSos-instagram"></div> </a> </li> </ul> <ul class="footerSosmed-wrap"> <li> <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube"> <div class="iconSos iconSos-youtube"></div> </a> </li> <li> <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> <div class="iconSos iconSos-whatsapp"></div> </a> </li> <li> <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line"> <div class="iconSos iconSos-line"></div> </a> </li> <li> <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> <div class="iconSos iconSos-tiktok"></div> </a> </li> </ul> </div> <div class="footerDownload"> <ul class="footerDownload-wrap"> <li> <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> </div> </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store"> </div> </a> </li> </ul> </div> <div class="footerAchievement"> <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div> <div class="footerAchievement-wrap"> <div class="footerAchievement-item"> <a href="#" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019"> </div> </a> </div> <div class="footerAchievement-item"> <div class="footerAchievement-link"> <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019"> </div> </a> </div> </div> <div class="footerAchievement-item"> <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy"> </div> </a> </div> </div> </div> <div class="footerNewsletter"> <div class="footerNewsletter-title"> Dapatkan informasi dan insight pilihan redaksi Kompas.com </div> <div class="footerNewsletter-cta"> <a href="javascript:void(0)" onclick="nwsLetterSubmit()" class="footerNewsletter-link"> <i class="iconNewsletter"></i> Daftarkan Email </a> </div> </div> </div> <div class="footerCol-nav"> <div class="footerMenu-title">Kanal</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://news.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">News</a></li> <li><a href="https://nasional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Nasional</a></li> <li><a href="https://www.kompas.com/global?source=kompascom&medium=footer" class="footerMenu-link">Global</a></li> <li><a href="https://megapolitan.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Megapolitan</a></li> <li><a href="https://regional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Regional</a></li> <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li> <!-- <li><a href="https://www.kompas.com/ramadhan/?source=kompascom&medium=footer" class="footerMenu-link --linknew">Ramadhan</a></li> --> <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link --linknew">IKN</a></li> <li><a href="https://bola.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Bola</a></li> <li><a href="https://tekno.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Tekno</a></li> <li><a href="https://otomotif.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Otomotif</a></li> <li><a href="https://entertainment.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Entertainment</a></li> <li><a href="https://sains.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Sains</a></li> <li><a href="https://health.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Health</a></li> <li><a href="https://money.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Money</a></li> <li><a href="https://www.kompas.com/tren?source=kompascom&medium=footer" class="footerMenu-link">Tren</a></li> <li><a href="https://properti.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Properti</a></li> <li><a href="https://lifestyle.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lifestyle</a></li> <li><a href="https://www.kompas.com/hype?source=kompascom&medium=footer" class="footerMenu-link">Hype</a></li> <li><a href="https://travel.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Travel</a></li> <li><a href="https://www.kompas.com/homey?source=kompascom&medium=footer" class="footerMenu-link">Homey</a></li> <li><a href="https://www.kompas.com/food?source=kompascom&medium=footer" class="footerMenu-link">Food</a></li> <li><a href="https://umkm.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">UMKM</a></li> <li><a href="https://edukasi.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Edukasi</a></li> <li><a href="https://www.kompas.com/parapuan?source=kompascom&medium=footer" class="footerMenu-link">Parapuan</a></li> <li><a href="https://foto.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Foto</a></li> <li><a href="https://video.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Video</a></li> <li><a href="https://kolom.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Kolom</a></li> <li><a href="https://vik.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">VIK</a></li> <li><a href="https://jeo.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">JEO</a></li> <li><a href="https://lestari.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lestari</a></li> <li><a href="https://ohayojepang.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Ohayo Jepang</a></li> <li><a href="https://pesonaindonesia.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Pesona Indonesia</a></li> <li><a href="https://play.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Play</a></li> <li><a href="https://indeks.kompas.com/terpopuler?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terpopuler</a></li> <li><a href="https://indeks.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terkini</a></li> <li><a href="https://www.kompas.com/topik-pilihan?source=kompascom&medium=footer" class="footerMenu-link">Topik Pilihan</a></li> <li><a href="https://indeks.kompas.com/headline?source=kompascom&medium=footer" class="footerMenu-link">Artikel Headline</a></li> </ul> </div> </div> <div class="footerCol-nav --colNetwork"> <div class="footerMenu-title">Network</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://kompas.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompas.com</a></li> <li><a href="https://kompas.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Harian KOMPAS</a></li> <li><a href="https://www.kompas.tv?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KompasTV</a></li> <li><a href="https://www.kompasiana.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompasiana</a></li> <li><a href="https://www.kgmedia.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KG Media</a></li> <li><a href="https://www.kgnow.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KGNow!</a></li> <li><a href="https://pasangiklan.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li> <li><a href="https://www.kontan.co.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kontan</a></li> <li><a href="https://www.sonora.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Sonora</a></li> <li><a href="https://www.grid.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Grid.ID</a></li> <li><a href="https://www.gridoto.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">GridOto.com</a></li> <li><a href="https://www.bolasport.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">BolaSport.com</a></li> <li><a href="https://parapuan.co/?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Parapuan</a></li> <li><a href="https://www.tribunnews.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Tribunnews</a></li> <li><a href="https://www.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia.com</a></li> <li><a href="https://ebooks.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia Digital</a></li> </ul> </div> </div> </div> <div class="footerBottom"> <div class="footerBottom-wrap"> <ul class="footerBottom-menu"> <li> <a class="footerMenu-link" href="https://kabarpalmerah.kompas.com/">Kabar Palmerah</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a> </li> <li> <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/term-of-use">Ketentuan Penggunaan</a> </li> <li> <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a> </li> <li> <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a> </li> </ul> </div> <div class="footerCopyright"> <p>Copyright 2008 - 2024 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved.</p> </div> </div> </div> </div> </div> <script type="text/javascript"> function getCookieNwsLetter(name) { var re = new RegExp(name + "=([^;]+)"); var value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } function nwsLetterSubmit() { var token = getCookieNwsLetter("kmp_uid"); if (token !== null) { window.location.href = "https://www.kompas.com/newsletter/pendaftaran-berhasil"; } else { window.location.href = 'https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9uZXdzbGV0dGVyL3BlbmRhZnRhcmFuLWJlcmhhc2ls?source=kompas.com&medium=gatenewsletter'; } } </script> <script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2024/10/24/kompascom/js/sso_g_signin_fedcm.min.js"></script> <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> --> <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/22/kompascom/desktop/css/main.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v3.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script> <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script> <script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/31/kompascom/desktop/js/main-article.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script> <script src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/js/main-comment.min.js"></script> <!-- infografis zoom--> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> !(function () { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script> <script async src="https://asset.kompas.com/kgnotif/2024/11/06/kompascom.js"></script> <script> function setCookieUkid(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;"; } if(document.cookie.indexOf('ukid=') == -1){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var ukid_cookie = JSON.parse(xhttp.responseText); setCookieUkid('ukid', ukid_cookie.ukid, 365); } }; xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true); xhttp.send(); } </script><script> /*! lozad.js - v1.7.0 - 2018-11-08 * https://github.com/ApoorvSaxena/lozad.js * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}}; /** * Detect IE browser * @const {boolean} * @private */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}}); </script> <script type="text/javascript"> // Initialize library $(document).ready(function(){ lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() }); </script> <script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script> <script async> const handlePopup = { __kgmverify: ("; "+document.cookie).split("; __kgmverify=").pop().split(";").shift(), consentMode: localStorage.getItem("consentMode"), init: function() { let showKgmVerify = true; const listPopupElement = [ '#kgmModal-cookie', '.popup-kcmplus', 'body.-restricted' ]; for (let i = 0; i < listPopupElement.length; i++) { const popup = document.querySelector(`${listPopupElement[i]}`); if (listPopupElement[i] == '#kgmModal-cookie') { if (!!popup && this.consentMode == null) { showKgmVerify = false; break; } } else if (listPopupElement[i] == '.popup-kcmplus') { if (this.__kgmverify) { this.__kgmverify = JSON.parse(atob(this.__kgmverify)); let show = this.__kgmverify.show; let currentTime = new Date(); if (typeof show !== "undefined") { const showTime = new Date(show); if (showTime.getTime() > currentTime.getTime()) { this.popupKompasPlus(); showKgmVerify = false; break; } }else{ this.popupKompasPlus(); showKgmVerify = false; break; } } } else if (listPopupElement[i] == 'body.-restricted' && !!popup) { showKgmVerify = false; break; } } if (showKgmVerify) { KgmVerifyWidget({publisher: "kompascom"}); } }, popupKompasPlus: function() { const params = new URLSearchParams(window.location.search) // if (params.has('l') && params.get('l') == 'c' && getCookieKcmPlus('kcmplus_cookies') == 1) { // deleteCookieKcmPlus('kcmplus_cookies', '/', '.kompas.com'); // } if (getCookieKcmPlus('kmps_usrid') && getCookieKcmPlus('kcmplus_cookies') == '' && params.has('lgn_method') && params.get('lgn_method') != '') { // showPopupKcmPlus(); const icoClosePopup = document.querySelector('.icoClosePopup'); const kcmplusImg = document.querySelector('.popup-kcmplusImg'); icoClosePopup.addEventListener('click', function(event) { setCookieKcmPlus("kcmplus_cookies", 1, ""); }); kcmplusImg.addEventListener('click', function(event) { setCookieKcmPlus("kcmplus_cookies", 1, ""); }); } } } handlePopup.init() </script> <script async src="https://asset.kompas.com/data/2024/10/23/js/freepremium.js"></script> <script async src="https://asset.kompas.com/data/2024/10/23/js/kompasplus_reminder.js"></script> <div class="modalContent reactionModal" data-modal-target="reaction-share"> <div class="modalHeader"> <div class="modalTitle"></div> <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss"> <span class="icoBase icoDismiss"></span> </button> </div> <div class="modalBody socmedModal"> <div class="socmedTitle">Bagikan artikel ini melalui</div> <div class="socmedList"> <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook"> <span class="icoSocmed icoFacebook"></span> <span class="socmedTxt">Facebook</span> </a> <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter"> <span class="icoSocmed icoTwitter"></span> <span class="socmedTxt">X</span> </a> <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp"> <span class="icoSocmed icoWhatsapp"></span> <span class="socmedTxt">Whatsapp</span> </a> <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line"> <span class="icoSocmed icoLine"></span> <span class="socmedTxt">Line</span> </a> <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram"> <span class="icoSocmed icoTelegram"></span> <span class="socmedTxt">Telegram</span> </a> <a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin"> <span class="icoSocmed icoCopyLink"></span> <span class="socmedTxt">Copy Link</span> </a> </div> <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea> </div> </div> <script> (function() { $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) { if($(this).data("type")=='buku'){ let title = $(this).data("title"); let url = $(this).data("url").replace('http://', 'https://'); let copy_link = url; let modals = $('.reactionModal'); modals.find('.modalTitle').html(title); modals.find('#copyLinkUrl').html(copy_link); modals.find('.socmedTitle').html('Bagikan buku ini melalui'); modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`); modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`); modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`); modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`); modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`); }else{ let title = $(this).data("title"); let url = $(this).data("url").replace('http://', 'https://'); let campaign = $(this).data("campaign"); let modals = $('.reactionModal'); let tagline_wa = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3'; let tagline_tw = '\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2'; let type = $(this).data("type") ? $(this).data("type") : 'article'; let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video'; let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n'; let title_tele = '**'+title+'**'; let utm_campaign = custom_utm_campaign(); let copy_link = url+'?utm_source=Various&utm_medium=Referral&utm_campaign='+utm_campaign; modals.find('.modalTitle').html(title); modals.find('#copyLinkUrl').html(copy_link); modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`); if(title.length < 200){ modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}', '${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`); }else{ modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`); } modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`); modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A`+title_klik+`:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4`); modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5')`); } openModal('reaction-share'); }); })(); function custom_utm_campaign() { if (window.location.hostname.indexOf('activity') == 0) { if (window.location.pathname == '/saved') { return 'Saved_Desktop' } else if (window.location.pathname == '/like') { return 'Liked_Desktop' } } else { var el_socmedList = document.querySelector('.socmedList'); if (!!el_socmedList) { var data_area = el_socmedList.getAttribute('data-area'); if (data_area == 'top') { return 'Top_Desktop' } else if (data_area == 'bottom') { return 'Bottom_Desktop' } else { return 'AIML_Widget_Desktop' } } } return 'Sticky_Desktop' } </script><!-- reaction toast --> <div class="toast" data-toast="bottom"> <div class="toastContent"></div> <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a> </div> <script> var el_badge = document.querySelector('.sso__badge') var el_badge_menu = document.querySelector('.sso__badge__inline') function checkSession() { var badge_temp_session = getCookie("_badge_temp_session") var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click"); if (badge_temp_session == "" && badge_session == "") { setCookie("_badge_temp_session", 1) setCookie("badge_session", 1, 8760) // console.log("test badge temp 1") } else if (badge_temp_session == "" && badge_session == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 2, 8760) // console.log("test badge temp 2") } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 3, 8760) // console.log("test badge temp 3") } setCookie("_badge_temp_session", 1) } checkSession() function checkCookieBadgeNps() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var click_icon_badge = getCookie("click_icon_badge") var feedback_click = getCookie("feedback_click_badge") // show badge jika sesi berikutnya if (badge_session == 2) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 1") } // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login if (badge_session == 2 && badge_first_click == 1) { el_badge.style.display = "none" // console.log("test 2") // jika tidak cek, // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali // atau jika di sesi berikutnya dan cookie click icon badge expired // atau jika di sesi berikutnya dan cookie badge feedback success expired } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 3") } // hide jika ada cookie click icon badge masih aktif // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu. if (document.cookie.indexOf("click_icon_badge=") != -1) { el_badge.style.display = "none" // console.log("test 4") } // jika "Berikan masukkanmu" telah dikilk, maka hide // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show if (document.cookie.indexOf("feedback_click_badge=") != -1) { el_badge_menu.style.display = "none" // console.log("test 5") } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) { el_badge_menu.style.display = "block" // console.log("test 6") } // hide jika telah memberi penilaian if (document.cookie.indexOf("badge_feedback_success=") != -1) { el_badge.style.display = "none" el_badge_menu.style.display = "none" // console.log("test 7") } } checkCookieBadgeNps() var sso__icon__login_top = document.getElementById('sso__icon__login_top') sso__icon__login_top.addEventListener('click', function() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var feedback_success = getCookie("badge_feedback_success") var click_icon_badge = getCookie("click_icon_badge") var click_icon_counter_badge = getCookie("click_icon_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // click untuk pertama kali di sesi berikutnya if (badge_session == 2 && badge_first_click == "") { el_badge.style.display = "none" el_badge_menu.style.display = "block" setCookie("badge_first_click", 1, 8760) // console.log("click 1") // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali } else { // jika belum ada cookie click icon badge // dan ada di sesi berikutnya setelah click icon pertama kali // dan counter click icon kosong atau 0 if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { setCookie("click_icon_counter_badge", 1, 8760) setCookie("click_icon_badge", 1, 2) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 1") // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 2, 24) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 2") // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 3, 168) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 3") // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) { setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon setCookie("click_icon_badge", 4, 672) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 4") } // console.log("click 2") } // jika feedback click expired dan counter >= 0, maka show var feedback_click_counter = getCookie("feedback_click_counter_badge") if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) { el_badge_menu.style.display = 'block' } } }) var feedback__item = document.getElementById('feedback__item') feedback__item.addEventListener("click", function() { var feedback_click = getCookie("feedback_click_badge") var feedback_success = getCookie("badge_feedback_success") var feedback_click_counter = getCookie("feedback_click_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // jika belum ada cookie feedback click counter, maka set 2 jam if (feedback_click_counter == "" || feedback_click_counter == 0) { setCookie("feedback_click_counter_badge", 1, 8760) setCookie("feedback_click_badge", 1, 2) el_badge_menu.style.display = "none" // console.log("feedback clicked 1") // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 2, 24) el_badge_menu.style.display = "none" // console.log("feedback clicked 2") // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 3, 168) el_badge_menu.style.display = "none" // console.log("feedback clicked 3") // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) { setCookie("feedback_click_counter_badge", 0, 8760) setCookie("feedback_click_badge", 4, 672) el_badge_menu.style.display = "none" // console.log("feedback clicked 4") } else { // jika di sesi sebelumnya sudah diklik tapi belum isi feedback el_badge_menu.style.display = "none" // console.log("feedback clicked 5") } } }) function setCookie(name,value,hour) { var expires = ""; if (hour) { var date = new Date(); date.setTime(date.getTime() + (hour*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } // action create cookie badge_feedback_success expired 90 hari var onSubmitNps = document.getElementById("nps-submit") if (onSubmitNps !== null) { onSubmitNps.addEventListener("click", function(e) { // e.preventDefault() setCookie("badge_feedback_success", 1, 2160) }) } </script><script> const showAllBtnJs = document.querySelector('#show_all_news') if (!!showAllBtnJs) { showAllBtnJs.addEventListener('click', function() { const startPage = showAllBtnJs.dataset.startPage const url = new URL(window.location.href); window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; }) } </script> <section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account" data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close"> <div class="kgmModal-block"> <div class="kgmModal-header"> <div class="kgmModal-header-inner"> <div class="kgmModal-header-logo"> <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com"> </div> <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="Tags Button" data-event-track="click" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button> <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="See All Button" data-event-track="click" type="button" id="kgmModal-onetap-close-page" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button> <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button> </div> </div> <div class="kgmModal-body"> <div class="kgmModal-center"> <div class="kgmModal-title" id="kgmModal-title">Login untuk memaksimalkan pengalaman mengakses Kompas.com</div> </div> <div class="kgmModal-onetap"> <!-- google --> <div class="form-google"> <div id="kgOne1"> <div id="g_id_onload" data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-service="a29tcGFz" data-continue="aHR0cHM6Ly91bWttLmtvbXBhcy5jb20vcmVhZC8yMDI0LzExLzI0LzE3NDkyMjQ4My81LWlkZS1kYW4tcGVsdWFuZy1iaW5zaXMtcHJvZHVrLXNraW5jYXJlLWRhcmktc3VzdS1zYXBpP3V0bV9zb3VyY2U9bG9naW5fa2dvbmV0YXA=" data-login_uri="https://account.kompas.com/social/user" data-scope="public_profile,email,openid" data-provider="google" data-nonce="" data-auto_prompt="false"> </div> <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="filled_blue" data-theme="outline" data-text="continue_with" data-size="large" data-locale="id" data-logo_alignment="left"> </div> </div> <div id="kgOne2" style="display:none;"> <div id="googleLgnBtn"></div> </div> </div> <!-- screen 1 --> <!-- screen 2 --> <!-- screen 3 --> </div> <div class="kgmModal-divider -clean"><span>atau</span></div> <div class="kgmModal-method"> <a href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly91bWttLmtvbXBhcy5jb20vcmVhZC8yMDI0LzExLzI0LzE3NDkyMjQ4My81LWlkZS1kYW4tcGVsdWFuZy1iaW5zaXMtcHJvZHVrLXNraW5jYXJlLWRhcmktc3VzdS1zYXBp">Gunakan metode lain</a> </div> </div> <div class="kgmModal-footer"> <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div> </div> </div> </section> <script src="https://accounts.google.com/gsi/client" async defer></script> <script> var url_continue = "https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi"; function oneTapShow(tipe='') { let otd = document.getElementById('kgmModal-onetap') if(!!otd) { let kgOne1 = document.getElementById('kgOne1'); let kgOne2 = document.getElementById('kgOne2'); kgOne1.style.display = 'none'; kgOne2.style.display = 'block'; otd.classList.remove('-hide'); document.body.classList.add('-locked'); } } function oneTapHide() { let otd = document.getElementById('kgmModal-onetap') if(!!otd) { otd.classList.add('-hide'); document.body.classList.remove('-locked'); } } function hideButtonClose(){ document.getElementById('kgmModal-onetap-close-tag').style.display = 'none'; document.getElementById('kgmModal-onetap-close-page').style.display = 'none'; document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none'; } // start all kanal tag rule document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => { event.preventDefault() hideButtonClose(); var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); kgmModalOneTapClose.style.display = "block"; kgmModalOneTapClose.dataset.url = element.getAttribute("href"); document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn') document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu'; var script = document.createElement("script"); (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button'; oneTapShow(); })); let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); if (!!kgmModalOneTapClose) { kgmModalOneTapClose.addEventListener('click', function (e) { var url_tag = kgmModalOneTapClose.dataset.url; window.location.href = url_tag; }); } // end all kanal tag rule // start food tag rule let pageShow = document.getElementById('show_all'); if (!!pageShow) { pageShow.addEventListener('click', function (e) { hideButtonClose(); var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); kgmModalOneTapPage.style.display = "block"; document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=seeall_btn'); document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap'; var script = document.createElement("script"); (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button'; oneTapShow(); }); } $(document).on("click", "#commentFormLogin", function() { var komentar_url = $(this).data('komentar-url'); hideButtonClose(); var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); kgmModalOneTapPage.style.display = "block"; document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article'); document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.'; var script = document.createElement("script"); (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article'; oneTapShow(); }); document.addEventListener('DOMContentLoaded', function() { const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]'); if (!!elementKgOneTapAction) { elementKgOneTapAction.forEach(function(el) { el.addEventListener('click', function() { const kgOneTapAction = el.getAttribute('data-kgonetap-action'); let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; let lgnTrigger = ''; let eventLabel = 'See All Button'; if (kgOneTapAction == 'COMMENT_POST') { kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; lgnTrigger = 'comment_post_btn'; eventLabel = 'Comment Post Button'; } else if (kgOneTapAction == 'COMMENT_LIKE') { kgOneTapTitle = 'Login untuk kasih jempol buat komentar ini.'; lgnTrigger = 'comment_like_btn'; eventLabel = 'Comment Like Button'; } else if (kgOneTapAction == 'COMMENT_DISLIKE') { kgOneTapTitle = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi'; lgnTrigger = 'comment_dislike_btn'; eventLabel = 'Comment Disike Button'; } else if (kgOneTapAction == 'COMMENT_REPLY') { kgOneTapTitle = 'Login untuk membalas komentar ini'; lgnTrigger = 'comment_reply_btn'; eventLabel = 'Comment Reply Button'; el.querySelector('.commentButton').textContent = 'Balas'; el.closest('.commentItem').querySelector('.reply_form').style.display = 'none'; } else if (kgOneTapAction == 'MYVALUE_CLAIM') { kgOneTapTitle = 'Login untuk mendapatkan voucher'; lgnTrigger = 'claim_voucher_button'; eventLabel = 'Claim Voucher Button'; } hideButtonClose(); var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); kgmModalOneTapPage.style.display = "block"; document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger); document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle; var script = document.createElement("script"); (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); const dataEventLabel = document.getElementById('kgmModal-onetap'); if (!!dataEventLabel) { dataEventLabel.dataset.eventLabel = eventLabel; const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]'); if (!!otherDataEventLabel) { otherDataEventLabel.forEach(function(label) { label.dataset.eventLabel = eventLabel }) } } oneTapShow(); }); }); } }) // start reaction rule document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => { hideButtonClose(); var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); kgmModalOneTapIteraction.style.display = "block"; var trigger_touch_point = 'click_like'; var label = 'Like'; var title = 'Suka konten ini? Login untuk menyimpan preferensimu'; if(element.dataset.ttp=='dislike'){ trigger_touch_point = 'click_dislike'; label = 'Dislike'; title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu'; }else if(element.dataset.ttp=='bookmark'){ trigger_touch_point = 'click_bookmark'; label = 'Bookmark'; title = 'Login untuk simpan dan baca nanti'; }else if(element.dataset.ttp=='like_comment'){ trigger_touch_point = 'click_like_comment'; label = 'Like Comment' title = 'Login untuk kasih jempol buat komentar ini.'; } else if(element.dataset.ttp=='dislike_comment'){ trigger_touch_point = 'click_dislike_comment'; label = 'Dislike Comment' title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi'; } // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) document.getElementById('kgmModal-title').innerHTML = title; // var script = document.createElement("script"); // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); // document.getElementById('kgmModal-onetap').dataset.eventLabel = label // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label oneTapShow('reaction'); })); // end reaction rule // start comment rule let CommentShow = document.getElementById('btnSendIteration'); if (!!CommentShow) { CommentShow.addEventListener('click', function (e) { hideButtonClose(); var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); kgmModalOneTapIteraction.style.display = "block"; var trigger_touch_point = 'click_post_comment'; var label = 'Post Comment' var title = 'Login untuk menyampaikan komentarmu.'; document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) document.getElementById('kgmModal-title').innerHTML = title; var script = document.createElement("script"); (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); document.getElementById('kgmModal-onetap').dataset.eventLabel = label document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label oneTapShow(); }); } // end comment rule function getMeta(metaName) { const metas = document.getElementsByTagName('meta'); for (let i = 0; i < metas.length; i++) { if (metas[i].getAttribute('name') === metaName) { return metas[i].getAttribute('content'); } } return ''; } const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction'); if (!!closeModalOneTap) { closeModalOneTap.addEventListener('click', function() { localStorage.removeItem('reaction_like_temp') localStorage.removeItem('reaction_dislike_temp') localStorage.removeItem('reaction_bookmark_temp') }) } </script> <script> var addebug = document.querySelectorAll('.cpRight'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { googletag.openConsole(); }); }; </script> <script> var inject_baca_juga = document.getElementsByClassName('inject-baca-juga'); if(inject_baca_juga.length > 0){ var xhr_auto_baca_juga = new XMLHttpRequest(); xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true); xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json"); xhr_auto_baca_juga.onreadystatechange = function () { if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) { var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText); for (var i = 0; i < inject_baca_juga.length; i++) { inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">'+json_baca_juga.items[i].title+'</a></strong></p>'; } } }; var data = JSON.stringify({ "pageurl" : "https://umkm.kompas.com/read/2024/11/24/174922483/5-ide-dan-peluang-binsis-produk-skincare-dari-susu-sapi", "pagetype" : "baca-juga" }); xhr_auto_baca_juga.send(data); } </script> <script src="https://asset.kompas.com/data/2017/wp/js/main-umkm.min.js?v=1"></script> <!-- (ads.pol) --> <!-- (ads.peelad) --> <!-- (ads.ambient) --> <!-- (ads.outbrain) --> </body> </html>