Skip to main content

Posts

Showing posts with the label JAVASCRIPT

Cara memasang Efek preloading di blog

Sobat sebelumnya saya sudah coba memposting bagaimana  Cara memasang Artikel Terkait di Dalam Postingan Blog , postingan saya selanjutnya akan sedikit memposting atau membagikan sedikit Cara memasang Efek preloading di blog nah untuk cara seperti ini juga mungkin sebagian sudah pada memngetahuinya. Tapi saya akan share kepada sobat yang belum tahu caranya. Untuk mempersingkat waktu kita langsung saja ke pokok pembahasan dalam postingan ini, agar sedikit mempersingkat waktu. Cara memasang Efek preloading di blog  Untuk sobat yang tertarik memasangnya silahkan bisa ikuti langkah-langkah dibawah ini. Pertama sobat pasang dulu code dibawah ini dan letakan sebelum </head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/> Langkah selanjutnya sobat silahkan letakan code dibawah ini tepat sebelum </body> <script type='text/javascript'> //<![CDATA[ // Preloader $(window).load(function(){$(".spinner").fadeOut(),$...

Cara memasang Artikel Terkait di Dalam Postingan Blog

Hallo sobat blogger jumpa kembali dengan saya, pada kesempatan sebelumnya saya sudah berbagi tentang Membuat Social icon Simple Keren dan untuk postingan saya selanjutnya akan membagikan kepada kalian  Cara memasang Artikel Terkait di Dalam Postingan Blog , mungkin cara seperti ini sudah tidak asing lagi buat sebagian pengguna blogger. tapi tidak ada salahnya juga saya post lagi untuk kalian yang belum tahu cara membuatnya. Cara memasang Artikel Terkait di Dalam Postingan Blog  Dan cara memasangnya kalian buka halaman blogger > TEMA > HTML > lalu letakan code dibawah ini tepat sebelum </head> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] =...

Cara membuat Sitemap Pada Halaman Statis Blog

Hi sobat jumpa lagi dengan saya, kali ini saya akan mencoba memberika tips Cara membuat Sitemap Pada Halaman Statis Blog mungkin cara ini sudah banyak yang memposting. Tapi tidak ada salahnya juga saya memposting ulang untuk teman-teman blogger setia pengunjung blog saya yang belum tahu cara membuatnya. Mungkin tampilan sitemap yang akan saya share kepada kalian tidak jauh berbeda dengan foto diatas. Jika berminat untuk menggunakannya kalian bisa langsung ambil codenya dibawah ini. <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="tabbed-toc" id="tabbed-toc"> </div> <script> var tabbedTOC={blogUrl:"https://agusgunawanoriginal.blogspot.com",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2...

Cara memasang GOOGLE TRANSLATE di blog

Sobat dikesempatan sebelumnya saya sudah membagikan tentang " Cara memasang Slide Demo Dan Download ," untuk postingan saya selanjutnya akan membagikan tips kepada kalian dan dimana cara yang akan saya share ini sudah banyak yang share, tapi saya akan share kepada sobat yang belum tahu cara membuatnya. Jika sobat yang ingin memiliki tampilan "Google Translate," secara berbeda dengan tampilan bawaannya mungkin widget dibawah ini bisa menjadi solusinya untuk sobat. Ok kita langsung saja kepokok pembahasannya. Jika tertarik menggunakannya bisa langsung comot codenya dibawah ini Cara memasang GOOGLE TRANSLATE di blog <style type="text/css"> #translator-wrapper {   display:block;   width:90%;   max-width:300px;    border:none;    background-color:#fff;   color:#444;   overflow:hidden;   position:relative;   height:40px;   line-height:40px;   border:1px solid #e0e0e0; } #translator-wrapper select {   border:none; ...

Cara membuat Simple Pre dengan Seleksi

Hi sobat jumpa lagi dengan saya, nah sobat kali ini saya akan membagikan kepada kalian semua yang belum bisa menerapkan Simple Pre Code Dengan Seleksi di Postingan Blog mungkin cara seperti ini sudah banyak yang membahasnya tapi tidak ada salahnya, juga saya share ulang untuk sobat yang belum tahu caranya. Jika kalian menggunakan, atau menerapkan "Simple Pre Code" seperti ini, akan memudahkan pengunjung yang akan mengcopy atau HTML, CSS, dan lain sebagainya yang kalian share di postingan. ok kita langsung saja ke pokok pembahasan dari posts ini. Jika kalian berminat menggunakannya, kalian silahkan copy terlebih dahulu code CSS dibawah ini. Terapkan codenya tepat sebelum </style> atau juga kalian bisa terapkan sebelum </b:skin> Cara membuat Simple Pre dengan Seleksi /* CSS Simple Pre Code */ pre {     background: #fff;     white-space: pre;     word-wrap: break-word;     overflow: auto; } pre.code {     margin: 20px 25px; ...