Posts

Cara mengeksekusi kode PHP di Text Widget tanpa menggunakan Plugin

Image
Terkadang kita perlu mengeksekusi skrip PHP di widget teks namun secara default WordPress tidak hadir dengan fitur ini karena masalah keamanan. Anda bisa menggunakan beberapa plugin seperti PHP Text Widget dan PHP Code widget tapi mengapa ada orang yang menggunakannya saat kita bisa melakukannya dalam sepersekian detik. Anda tahu apa, Butuh waktu jauh lebih sedikit daripada memasang plugin. Edit file functions.php dari tema Anda saat ini dan tambahkan kode berikut di bagian akhir file. //Run php on text widget function php_execute($html){ if(strpos($html,"<"."?php")!==false){ ob_start(); eval("?".">".$html); $html=ob_get_contents(); ob_end_clean(); } return $html; } add_filter('widget_text','php_execute',100); Sekarang hapus cache jika Anda menggunakan Plugin Cache seperti cache WPSuper Cache atau W3 Total. Untuk mengecek kerja, Tempel kode PHP berikut di widget teks <? Php echo 'Halo Dunia !!!' ?> S

Customize Blog Archive Widget With Scrollbar

Image
How Can You Style the Blog Archive Widget With Scrollbar The Blog Document gadget is one of Blogger's legitimate gadgets. The main issue with the default Blog File gadget is that it will take up an extensive space when you have many number of posts on your blog. Here comes the need of a scrollable Blog Chronicle gadget. Immaculate CSS is utilized to style this gadget. Here I have utilized the Level Rundown style. Step 1: Adding the Blog Archive Widget to Your Blog Go to your Blog's Dashboard --> Layout--> Add a Gadget and select Blog Archive from the list. Don't forget to select Flat List Style. Select the Date Format you prefer from the drop down list and save the Gadget. Step II: Replacing the Default CSS (  If you are using Simple or Travel Template, ignore Step II and go to Step III  ) From your Blog's Dashboard, explore to Layout. Tap on the Reinforcement/Reestablish catch on upper right and take a reinforcement of the layout. Presently click Alter HTM

How to Make Colored Recent Post Widget Blogger

Image
This widget supports responsive which will follow the screen size used. For live view of this widget can visit my friend pen below: How, interested to install it on the blog? For my friend who want to install it, I will give the tutorial below How to Make Recent Post Widget Color Go to Blogger > Themes > Click the Edit HTML button Include material icon before </head> like this: <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet' type='text/css'/> Then add the CSS code below before the code ]]> </b:skin> or </ style> .gravityfeatured{display:flex;margin:0 auto 20px auto;width:100%;overflow:hidden;max-width:970px} .gravfeatureditem{background:rgba(0,0,0,0.02);display:block;position:relative;float:left;overflow:hidden;height:220px;width:25%} .gravfeatureditem .gracontent{background:#3498db;display:block;position:absolute;z-index:6;bottom:0;left:0;right:0;transform:translate(0,0);op

Cara membuat link tertentu atau semua link menjadi adf.ly tanpa menggunakan full page script

Image
Kali ini saya akan share untuk publisher adf.ly. Cekidot tutorial nya: Taruh kode nya di sebelum </body> tag Untuk mengubah semua link menjadi adf.ly gunakan kode dibawah ini: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> var adfly_id = 9999; // change to your adf.ly id $(document).ready(function() {     $("a").each(function() {         $(this).attr("href", 'http://adf.ly/'+adfly_id+'/'+$(this).attr("href"));     });   }); </script> Maka semua link yang ada di website anda akan di ubah menjadi adf.ly Untuk menjadikan link tertentu ke adf.ly pakai kode dibawah ini: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> var adfly_id =

JQuery Tutorial Auto Hyperlinking Plaintext URL

Links are found in nearly all web pages. Links allow users to click their way from page to page. HTML Links - Hyperlinks HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand. Note:  A link does not have to be text. It can be an image or any other HTML element. HTML Links - Syntax In HTML, links are defined with the  <a>  tag: < a  href =" url " > link text < /a > Problem: How to Auto Convert Plaintext URL (http://example.net) to hyperlinked URL (<a href="http://example.net/">example.net</a>) Using jQuery/JavaScript ? Let's begun: now iam using this codes (jQuery): // Auto Hyperlinker $('#feed').ready(function(){ //parent container // Get each div $('.content').each(function(){ //contents container // Get the content var str = $(this).html(); // Set the regex string va

How to Sign Up and Install Histats Widget on Blogger

Image
have long wanted to make a post about getting visitor data and widgets from histats for Blog.But only now can terlakasana and I will discuss the article How to Sign Up and Install Histats Widget on Blog. Histats are well used to monitor visitors on your blog to help you know the progress on your blog, or to showcase the crowds of your blog visitors to the public, hehe. These histats will provide visitor Traffic data in detail including: the number of visitors who are online on your Blog, today's impressions, visitors today, total visits, total views, city / country visitors originated and others. How? Interested in getting data from Histats?Please register, get info and widgets. How to Register a Blog to Histats Go to the Histats page, and click register.

Kode Recommend Dan Comments Facebook Based JavaScript

Apakah fungsi plugin komentar Facebook untuk website ? Plugin Komentar Dengan plugin komentar, orang dapat mengomentari konten di situs web Anda menggunakan akun Facebook mereka. Orang-orang juga bisa memilih untuk berbagi aktivitas komentarnya dengan teman-teman (dan teman dari teman mereka) di Facebook. Plugin komentar juga termasuk alat moderasi bawaan dan peringkat relevansi sosial. Dan apakah fungsi tombol suka/recommend di Website ?. Tombol Suka untuk Web Satu klik pada tombol Suka akan 'menyukai' beberapa bagian konten di web dan membagikannya di Facebook. Anda juga dapat menampilkan tombol Bagikan di samping tombol Suka untuk memungkinkan orang menambahkan pesan pribadi dan menyesuaikan dengan siapa mereka akan membagikan. Nah berikut kode lengkap untuk website berbasis javascript: <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.