For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat widget koneksi internet pada template median UI 1.7

Hello sobat ICloudzer sekarang saatnya admin akan menjelaskan mengenai cara membuat widget koneksi internet pada template median UI 1.7 dengan mudah

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Koneksi internet

Koneksi internet merupakan fitur untuk menampilkan notifikasi popup yang muncul saat internet di nonaktifkan, nah fitur internet conection ini akan di gunakan pada template median UI versi 1.7 sesuai struktur kode bawaan template, dan source kode yang di gunakan sangat support mode layout alias akan muncul pada menu Layout apabila sudah di terapkan ke dalam template, silahkan Download Template median UI terbaru v1.7 yabg sudah di lengkapi dengan fitur no internet connection di dalam nya

Contoh tampilan

Jika kamu ingin mengetahui bagaimana kah caranya membuat notifikasi widget koneksi internet tersebut, kamu bisa melihat gambar di bawah ini

Contoh demo notifikasi komeksi internet Contoh demo notifikasi komeksi internet

Info: Notifikasi tersebut akan muncul secara otomatis saat kamu mematikan internet atau paket data kamu

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat widget koneksi internet pada template median UI 1.7, silahkan baca dan ikuti setiap arahan yang admin jabarkan di bawah ini

  1. Silahkan login ke blogger menggunakan akun google milikmu
  2. Kemudian silahkan pergi ke menu Theme atau Tema kemudian pilih menu Edit HTML
  3. Kemudian silahkan cari kode seperti di bawah ini
  4. <b:if cond='data:view.isLayoutMode or data:view.isError'>
        <b:tag class='errorP flex' name='section'>
          <b:section class='errorC' id='error-404' showaddelement='false'>
            <b:widget id='TextList404' locked='true' title='Take me back' type='TextList' version='2' visible='true'>
              <b:widget-settings>
                <b:widget-setting name='shownum'>3</b:widget-setting>
                <b:widget-setting name='sorting'>NONE</b:widget-setting>
                <b:widget-setting name='item-2'><![CDATA[We can't seem to find the page you are looking for, we'll fix that soon but for now you can return to the home page]]></b:widget-setting>
                <b:widget-setting name='item-1'><![CDATA[Something's wrong]]></b:widget-setting>
                <b:widget-setting name='item-0'>ERROR 404</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <b:include name='content'/>
              </b:includable>
              <b:includable id='content'>
                
                <b:loop index='error' values='data:items' var='item'>
                  <b:if cond='data:error &lt;= 2'>
                    <b:tag expr:name='data:error == 0 or data:error == 1 ? &quot;div&quot; : &quot;p&quot;'>
                      <b:attr expr:value='data:error == 0 and data:error != 2 ? &quot;e&quot; : &quot;t&quot;' name='class'/>
                      <b:attr cond='data:error == 2' name='class' value='opacity'/>
                      <data:item/>
                    </b:tag>
                  </b:if>
                </b:loop>
                
                <b:comment><!--[ Homepage button ]--></b:comment>
                <a class='button' expr:aria-label='data:title' expr:href='data:blog.homepageUrl.canonical'>
                  <b:comment><!--[ Remove tag bellow to change button style, or you can try to replace/add the attribute with name='round' ]--></b:comment>
                  <b:class name='ln'/>
                </a>
                
              </b:includable>
            </b:widget>
          </b:section>
        </b:tag>
        </b:if>

    Info: Atau kamu bisa menggunakan tombol menu Lompat ke widget TextList404 untuk menemukan kode tersebut

  5. Jika sudah ketemu silahkan tambahkan atau letakkan kode di bawah ini, tepat di atas nya
  6. <b:comment><!--[ Internet conections ]--></b:comment>
        <b:section class='noPrint' cond='!data:view.isError' id='internet-conection' max-widget='1' showaddelement='false'>
          <b:widget id='LinkList535' locked='true' title='Internet Conection' type='LinkList' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='text-1'>your_link</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='text-0'>Text</b:widget-setting>
              <b:widget-setting name='link-2'>custom_text</b:widget-setting>
              <b:widget-setting name='link-0'>It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.....</b:widget-setting>
              <b:widget-setting name='text-2'>Reload</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <b:include name='content'/>
            </b:includable>
            <b:includable id='content'>
              <div class='nJ cookie internet hidden'>
                <p>
                  <b:loop index='i' values='data:links' var='link'>
                    <b:if cond='data:i &lt;= 1'>
                      <b:if cond='data:link.name == &quot;Text&quot;'>
                        <span class='opacity'><data:link.target/></span>
                      </b:if>
                      <b:if cond='data:i == 1'>
                        <a class='extL opacity' expr:aria-label='data:link.name' expr:data-text='data:link.name' expr:href='data:link.target' rel='noreferrer' target='_blank'><data:link.name/></a>
                      </b:if>
                    </b:if>
                  </b:loop>
                </p>
                <div class='flex ft'>
                  <b:loop index='i' values='data:links' var='link'>
                    <b:if cond='data:link.name == &quot;Reload&quot;'>
                      <span class='acc rahReload' onclick='rahReload()'>
                        <b:if cond='data:link.target != &quot;#&quot; and data:link.target != &quot;custom_text&quot;'>
                          <data:link.target/>
                          <b:else/>
                          <data:link.name/>
                        </b:if>
                      </span>
                    </b:if>
                  </b:loop>
                </div>
              </div>          
              <script>
       /*<![CDATA[*/   
    /* Internet connection created by icloudice.com */
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('s a=["\\h\\b\\i\\d\\j\\e","\\i\\d\\m\\j\\f\\g\\d\\c","\\d\\o\\o\\i\\g\\c\\b","\\t\\g\\e\\e\\b\\c","\\h\\b\\u\\d\\p\\b","\\m\\i\\j\\k\\k\\q\\g\\k\\f","\\v\\g\\c\\f\\b\\h\\c\\b\\f","\\w\\x\\b\\h\\y\\z\\b\\i\\b\\m\\f\\d\\h","\\j\\e\\e\\A\\p\\b\\c\\f\\q\\g\\k\\f\\b\\c\\b\\h","\\d\\c\\i\\g\\c\\b","\\j\\e\\e"];l B(){C((l(){n[a[1]][a[0]]()}),D)}n[a[8]](a[2],(l(){r[a[7]](a[6])[a[5]][a[4]](a[3])})),n[a[8]](a[9],(l(){r[a[7]](a[6])[a[5]][a[E]](a[3])}))',41,41,'||||||||||_0x20ee|x65|x6E|x6F|x64|x74|x69|x72|x6C|x61|x73|function|x63|window|x66|x76|x4C|document|var|x68|x6D|x2E|x71|x75|x79|x53|x45|rahReload|setTimeout|1e3|10'.split('|'),0,{}))
    /*]]>*/
      </script>
            </b:includable>
          </b:widget>
        </b:section>

    Info: Kemudian simpan template dan lihat bagaimana hasilnya

  7. Jika bingung bagaimana cara meletakkan nya, silahkan lihat contoh kode di bawah ini
  8. <b:comment><!--[ Internet conections ]--></b:comment>
        <b:section class='noPrint' cond='!data:view.isError' id='internet-conection' max-widget='1' showaddelement='false'>
          <b:widget id='LinkList535' locked='true' title='Internet Conection' type='LinkList' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='text-1'>your_link</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='text-0'>Text</b:widget-setting>
              <b:widget-setting name='link-2'>custom_text</b:widget-setting>
              <b:widget-setting name='link-0'>It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.....</b:widget-setting>
              <b:widget-setting name='text-2'>Reload</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <b:include name='content'/>
            </b:includable>
            <b:includable id='content'>
              <div class='nJ cookie internet hidden'>
                <p>
                  <b:loop index='i' values='data:links' var='link'>
                    <b:if cond='data:i &lt;= 1'>
                      <b:if cond='data:link.name == &quot;Text&quot;'>
                        <span class='opacity'><data:link.target/></span>
                      </b:if>
                      <b:if cond='data:i == 1'>
                        <a class='extL opacity' expr:aria-label='data:link.name' expr:data-text='data:link.name' expr:href='data:link.target' rel='noreferrer' target='_blank'><data:link.name/></a>
                      </b:if>
                    </b:if>
                  </b:loop>
                </p>
                <div class='flex ft'>
                  <b:loop index='i' values='data:links' var='link'>
                    <b:if cond='data:link.name == &quot;Reload&quot;'>
                      <span class='acc rahReload' onclick='rahReload()'>
                        <b:if cond='data:link.target != &quot;#&quot; and data:link.target != &quot;custom_text&quot;'>
                          <data:link.target/>
                          <b:else/>
                          <data:link.name/>
                        </b:if>
                      </span>
                    </b:if>
                  </b:loop>
                </div>
              </div>          
              <script>
       /*<![CDATA[*/   
    /* Internet connection created by icloudice.com */
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('s a=["\\h\\b\\i\\d\\j\\e","\\i\\d\\m\\j\\f\\g\\d\\c","\\d\\o\\o\\i\\g\\c\\b","\\t\\g\\e\\e\\b\\c","\\h\\b\\u\\d\\p\\b","\\m\\i\\j\\k\\k\\q\\g\\k\\f","\\v\\g\\c\\f\\b\\h\\c\\b\\f","\\w\\x\\b\\h\\y\\z\\b\\i\\b\\m\\f\\d\\h","\\j\\e\\e\\A\\p\\b\\c\\f\\q\\g\\k\\f\\b\\c\\b\\h","\\d\\c\\i\\g\\c\\b","\\j\\e\\e"];l B(){C((l(){n[a[1]][a[0]]()}),D)}n[a[8]](a[2],(l(){r[a[7]](a[6])[a[5]][a[4]](a[3])})),n[a[8]](a[9],(l(){r[a[7]](a[6])[a[5]][a[E]](a[3])}))',41,41,'||||||||||_0x20ee|x65|x6E|x6F|x64|x74|x69|x72|x6C|x61|x73|function|x63|window|x66|x76|x4C|document|var|x68|x6D|x2E|x71|x75|x79|x53|x45|rahReload|setTimeout|1e3|10'.split('|'),0,{}))
    /*]]>*/
      </script>
            </b:includable>
          </b:widget>
        </b:section>
       
       <b:if cond='data:view.isLayoutMode or data:view.isError'>
        <b:tag class='errorP flex' name='section'>
          <b:section class='errorC' id='error-404' showaddelement='false'>
            <b:widget id='TextList404' locked='true' title='Take me back' type='TextList' version='2' visible='true'>
              <b:widget-settings>
                <b:widget-setting name='shownum'>3</b:widget-setting>
                <b:widget-setting name='sorting'>NONE</b:widget-setting>
                <b:widget-setting name='item-2'><![CDATA[We can't seem to find the page you are looking for, we'll fix that soon but for now you can return to the home page]]></b:widget-setting>
                <b:widget-setting name='item-1'><![CDATA[Something's wrong]]></b:widget-setting>
                <b:widget-setting name='item-0'>ERROR 404</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <b:include name='content'/>
              </b:includable>
              <b:includable id='content'>
                
                <b:loop index='error' values='data:items' var='item'>
                  <b:if cond='data:error &lt;= 2'>
                    <b:tag expr:name='data:error == 0 or data:error == 1 ? &quot;div&quot; : &quot;p&quot;'>
                      <b:attr expr:value='data:error == 0 and data:error != 2 ? &quot;e&quot; : &quot;t&quot;' name='class'/>
                      <b:attr cond='data:error == 2' name='class' value='opacity'/>
                      <data:item/>
                    </b:tag>
                  </b:if>
                </b:loop>
                
                <b:comment><!--[ Homepage button ]--></b:comment>
                <a class='button' expr:aria-label='data:title' expr:href='data:blog.homepageUrl.canonical'>
                  <b:comment><!--[ Remove tag bellow to change button style, or you can try to replace/add the attribute with name='round' ]--></b:comment>
                  <b:class name='ln'/>
                </a>
                
              </b:includable>
            </b:widget>
          </b:section>
        </b:tag>
        </b:if>

    Info: Begitulah sobat pembahasan kita kali ini mengenai cara membuat widget internet koneksi pada template median UI 1.7, semoga bermanfaat

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.