Selamat datang di wordpress tutorial indonesia. pada kesempatan kali ini kita akan belajar membuat sebuah text berjalan di website berbasis wordpress. Text berjalan ini nanti kita gunakan untuk memberikan sebuah pengumuman di halaman website kitas seperti contoh gambar di bawah ini.
Langkahnya adalah :
buka dashboard > klik plugin > add New
pada pencarian ketik > horizontall scroling
lalu pilih plugin horizontal scrolling announcement. klik install Now
Setelah itu klik activated.
Setelah itu akan muncul menu horizontal scroll di dashboard anda. Klik menu tersebut > lalu Add New
setelah itu akan muncul isian seperti gambar di bawah ini. Pada bagian announcement text isi dengan text yang ingin anda masukkan. pada bagian link boleh anda isi atau juga kosongkan (artinya jika di isi pengumuman nanti dapat menjadi sebuah link). untuk link targetnya bisa anda pilih pada nomor 3. dan group bisa anda buat atau pilih default. selalnjut klik save.
setelah di save maka teks yang telah kita masukkan tadi akan muncul disini.
selanjutnya jika kita ingin menampilkan di halaman web. (contoh kali ini saya akan masukkan di footer. maka pilih menu appearence > widget > klik dan drag horizontal scrolling announcement ke arah footer widget 1 misalnya.
Setelah itu klik widget yang kita masukan tadi dan masukkan pada bagian widget title judul yang kita inginkan. Speed bisa diatur sesuai keinginan kita. dan arahnya pada bagian direction. jika sudah klik save.
Hasilnya dapat terlihat seperti ini.
{"id":"1","instanceName":"Player 1","videos":[{"videoType":"youtube","title":"Percobaan","description":"Materi 1","info":"ini merupakan materi 1","thumbImg":"https:\/\/wordpress.1001tutorial.com\/wp-content\/uploads\/2020\/08\/cover-scrolling.jpg","youtubeID":"q5ltPJCqPkk","prerollAD":"no","prerollGotoLink":"prerollGotoLink","preroll_mp4":"preroll_mp4","prerollSkipTimer":"prerollSkipTimer","midrollAD":"no","midrollAD_displayTime":"midrollAD_displayTime","midrollGotoLink":"midrollGotoLink","midroll_mp4":"midroll_mp4","midrollSkipTimer":"midrollSkipTimer","postrollAD":"no","postrollGotoLink":"postrollGotoLink","postroll_mp4":"postroll_mp4","postrollSkipTimer":"postrollSkipTimer","popupAdShow":"no","popupImg":"popupImg","popupAdStartTime":"popupAdStartTime","popupAdEndTime":"popupAdEndTime","popupAdGoToLink":"popupAdGoToLink"}],"googleAnalyticsTrackingCode":"","instanceTheme":"dark","playerLayout":"fitToContainer","videoPlayerWidth":"1006","videoPlayerHeight":"420","videoRatio":"1.7777777777777777","videoRatioStretch":"false","iOSPlaysinline":"true","floatPlayerOutsideViewport":"false","videoPlayerShadow":"effect1","colorAccent":"#cc181e","posterImg":"","posterImgOnVideoFinish":"","allowSkipAd":"true","showAdvertiserName":"true","advertiserName":"visitAdvertiser.com","lightBox":"false","lightBoxAutoplay":"false","lightBoxThumbnail":"","lightBoxThumbnailWidth":"400","lightBoxThumbnailHeight":"220","lightBoxCloseOnOutsideClick":"true","onFinish":"Play next video","autoplay":"false","loadRandomVideoOnStart":"No","shuffle":"No","playlist":"Right playlist","playlistBehaviourOnPageload":"opened (default)","playlistScrollType":"light","ccShowOnHTML5Videos":"true","ccShowOnVideoLoad":"true","ccBtnOpenedTooltipTxt":"Hide captions","ccBtnClosedTooltipTxt":"Show captions","HTML5VideoQuality":"HD","preloadSelfHosted":"none","hideVideoSource":"false","rightClickMenu":"true","youtubeControls":"custom controls","youtubeSkin":"light","youtubeColor":"white","youtubeQuality":"default","youtubeShowRelatedVideos":"No","vimeoColor":"#00adef","showGlobalPrerollAds":"false","globalPrerollAds":"url1;url2;url3;url4;url5","globalPrerollAdsSkipTimer":"5","globalPrerollAdsGotoLink":"http:\/\/codecanyon.net\/","nowPlayingText":"Yes","rewindShow":"Yes","qualityShow":"Yes","infoShow":"Yes","shareShow":"Yes","facebookShow":"Yes","twitterShow":"Yes","facebookShareName":"Elite video player","facebookShareLink":"http:\/\/codecanyon.net\/item\/elite-video-player-wordpress-plugin\/10496434","facebookShareDescription":"Elite Video Player is stunning, modern, responsive, fully customisable high-end video player for WordPress that support advertising and the most popular video platforms like YouTube, Vimeo or self-hosting videos (mp4).","facebookSharePicture":"","twitterText":"Elite video player","twitterLink":"http:\/\/codecanyon.net\/item\/elite-video-player-wordpress-plugin\/10496434","twitterHashtags":"wordpressvideoplayer","twitterVia":"Creative media","embedShow":"Yes","embedCodeSrc":"http:\/\/yourwebsite.com\/embed\/index.html","embedCodeW":"746","embedCodeH":"420","embedShareLink":"http:\/\/codecanyon.net\/","showAllControls":"true","autohideControls":"2","hideControlsOnMouseOut":"No","logoShow":"Yes","logoPath":"","logoPosition":"bottom-right","logoClickable":"Yes","logoGoToLink":"http:\/\/codecanyon.net\/","advertisementTitle":"Advertisement","skipAdvertisementText":"Skip advertisement","skipAdText":"You can skip this ad in","playBtnTooltipTxt":"Play","pauseBtnTooltipTxt":"Pause","rewindBtnTooltipTxt":"Rewind","downloadVideoBtnTooltipTxt":"Download video","qualityBtnOpenedTooltipTxt":"Close settings","qualityBtnClosedTooltipTxt":"Settings","muteBtnTooltipTxt":"Mute","unmuteBtnTooltipTxt":"Unmute","mutedNotificationText":"Video has no sound","fullscreenBtnTooltipTxt":"Fullscreen","exitFullscreenBtnTooltipTxt":"Exit fullscreen","infoBtnTooltipTxt":"Show info","embedBtnTooltipTxt":"Embed","shareBtnTooltipTxt":"Share","volumeTooltipTxt":"Volume","playlistBtnClosedTooltipTxt":"Show playlist","playlistBtnOpenedTooltipTxt":"Hide playlist","facebookBtnTooltipTxt":"Share on Facebook","twitterBtnTooltipTxt":"Share on Twitter","lastBtnTooltipTxt":"Go to last video","firstBtnTooltipTxt":"Go to first video","nextBtnTooltipTxt":"Play next video","previousBtnTooltipTxt":"Play previous video","shuffleBtnOnTooltipTxt":"Shuffle on","shuffleBtnOffTooltipTxt":"Shuffle off","nowPlayingTooltipTxt":"NOW PLAYING","embedWindowTitle1":"SHARE THIS PLAYER:","embedWindowTitle2":"EMBED THIS VIDEO IN YOUR SITE:","embedWindowTitle3":"SHARE LINK TO THIS PLAYER:","videoType":"YouTube","action":"elite_save","security":"undefined","status":"published","rootFolder":"https:\/\/wordpress.1001tutorial.com\/wp-content\/plugins\/Elite-video-player\/"}
{"id":"2","instanceName":"Player 2","videos":[{"videoType":"HTML5","title":"test","description":"description","info":"info","thumbImg":"thumbImg","mp4HD":"https:\/\/www.googleapis.com\/drive\/v3\/files\/1doFurYU96ogVllub0WuCUF1-PHLy5Kkq?alt=media&key=AIzaSyCUsrHQ0wip4QMweMnmEDJ9yC7oeDJHhhc","mp4SD":"undefined","ccUrl":"ccUrl","enable_mp4_download":"no","prerollAD":"no","prerollGotoLink":"prerollGotoLink","preroll_mp4":"preroll_mp4","prerollSkipTimer":"prerollSkipTimer","midrollAD":"no","midrollAD_displayTime":"midrollAD_displayTime","midrollGotoLink":"midrollGotoLink","midroll_mp4":"midroll_mp4","midrollSkipTimer":"midrollSkipTimer","postrollAD":"no","postrollGotoLink":"postrollGotoLink","postroll_mp4":"postroll_mp4","postrollSkipTimer":"postrollSkipTimer","popupAdShow":"no","popupImg":"popupImg","popupAdStartTime":"popupAdStartTime","popupAdEndTime":"popupAdEndTime","popupAdGoToLink":"popupAdGoToLink"}],"googleAnalyticsTrackingCode":"","instanceTheme":"dark","playerLayout":"fitToContainer","videoPlayerWidth":"1006","videoPlayerHeight":"420","videoRatio":"1.7777777777777777","videoRatioStretch":"false","iOSPlaysinline":"true","floatPlayerOutsideViewport":"false","videoPlayerShadow":"effect1","colorAccent":"#cc181e","posterImg":"","posterImgOnVideoFinish":"","allowSkipAd":"true","showAdvertiserName":"true","advertiserName":"visitAdvertiser.com","lightBox":"false","lightBoxAutoplay":"false","lightBoxThumbnail":"","lightBoxThumbnailWidth":"400","lightBoxThumbnailHeight":"220","lightBoxCloseOnOutsideClick":"true","onFinish":"Play next video","autoplay":"false","loadRandomVideoOnStart":"No","shuffle":"No","playlist":"Off","playlistBehaviourOnPageload":"opened (default)","playlistScrollType":"light","ccShowOnHTML5Videos":"true","ccShowOnVideoLoad":"true","ccBtnOpenedTooltipTxt":"Hide captions","ccBtnClosedTooltipTxt":"Show captions","HTML5VideoQuality":"HD","preloadSelfHosted":"none","hideVideoSource":"true","rightClickMenu":"true","youtubeControls":"custom controls","youtubeSkin":"dark","youtubeColor":"red","youtubeQuality":"default","youtubeShowRelatedVideos":"Yes","vimeoColor":"#00adef","showGlobalPrerollAds":"false","globalPrerollAds":"url1;url2;url3;url4;url5","globalPrerollAdsSkipTimer":"5","globalPrerollAdsGotoLink":"http:\/\/codecanyon.net\/","nowPlayingText":"Yes","rewindShow":"Yes","qualityShow":"No","infoShow":"No","shareShow":"No","facebookShow":"No","twitterShow":"No","facebookShareName":"Elite video player","facebookShareLink":"http:\/\/codecanyon.net\/item\/elite-video-player-wordpress-plugin\/10496434","facebookShareDescription":"Elite Video Player is stunning, modern, responsive, fully customisable high-end video player for WordPress that support advertising and the most popular video platforms like YouTube, Vimeo or self-hosting videos (mp4).","facebookSharePicture":"","twitterText":"Elite video player","twitterLink":"http:\/\/codecanyon.net\/item\/elite-video-player-wordpress-plugin\/10496434","twitterHashtags":"wordpressvideoplayer","twitterVia":"Creative media","embedShow":"No","embedCodeSrc":"http:\/\/yourwebsite.com\/embed\/index.html","embedCodeW":"746","embedCodeH":"420","embedShareLink":"http:\/\/codecanyon.net\/","showAllControls":"true","autohideControls":"2","hideControlsOnMouseOut":"No","logoShow":"Yes","logoPath":"","logoPosition":"bottom-right","logoClickable":"Yes","logoGoToLink":"http:\/\/codecanyon.net\/","advertisementTitle":"Advertisement","skipAdvertisementText":"Skip advertisement","skipAdText":"You can skip this ad in","playBtnTooltipTxt":"Play","pauseBtnTooltipTxt":"Pause","rewindBtnTooltipTxt":"Rewind","downloadVideoBtnTooltipTxt":"Download video","qualityBtnOpenedTooltipTxt":"Close settings","qualityBtnClosedTooltipTxt":"Settings","muteBtnTooltipTxt":"Mute","unmuteBtnTooltipTxt":"Unmute","mutedNotificationText":"Video has no sound","fullscreenBtnTooltipTxt":"Fullscreen","exitFullscreenBtnTooltipTxt":"Exit fullscreen","infoBtnTooltipTxt":"Show info","embedBtnTooltipTxt":"Embed","shareBtnTooltipTxt":"Share","volumeTooltipTxt":"Volume","playlistBtnClosedTooltipTxt":"Show playlist","playlistBtnOpenedTooltipTxt":"Hide playlist","facebookBtnTooltipTxt":"Share on Facebook","twitterBtnTooltipTxt":"Share on Twitter","lastBtnTooltipTxt":"Go to last video","firstBtnTooltipTxt":"Go to first video","nextBtnTooltipTxt":"Play next video","previousBtnTooltipTxt":"Play previous video","shuffleBtnOnTooltipTxt":"Shuffle on","shuffleBtnOffTooltipTxt":"Shuffle off","nowPlayingTooltipTxt":"NOW PLAYING","embedWindowTitle1":"SHARE THIS PLAYER:","embedWindowTitle2":"EMBED THIS VIDEO IN YOUR SITE:","embedWindowTitle3":"SHARE LINK TO THIS PLAYER:","videoType":"HTML5 (self-hosted)","action":"elite_save","security":"undefined","status":"published","rootFolder":"https:\/\/wordpress.1001tutorial.com\/wp-content\/plugins\/Elite-video-player\/"}
Leave a Reply