Pelajarsiana

Hallo sobat blogger, jumpa lagi dengan saya, sudah sekian lamanya saya jarang membuat postingan di blog ini. Nah sobat pada kesempatan kali ini saya menyempatkan diri membuat post lagi. dan saya akan sedikit berbagi kepada kalian  Memasang Tombol Download Box dengan Counter , dan untuk Cara Memasang Tombol Download Box dengan Counter kalian bisa mengikuti langkah-langkah dibawah ini. Dengan mudah, apa lagi bagi kalian yang mempunyai blog download cocok banget style ini kalian gunakan nantinya di postingan kalian, ok kita langsung saja ke pokok ini dari judul diatas. Memasang Tombol Download Box dengan Counter  Kalian bisa menggunakan code dibawah ini. <script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNo...

Hi sobat blogger jumpa kembali dengan saya. Sudah lama saya tidak membuat postingan di blog ini, karena lagi sibuk. Dan untuk kesempatan saya kali ini akan membagikan kepada kalian semua  CARA MEMBUAT HALAMAN STATIS MENJADI FULL PAGE , Untuk kalian semua yang masih awam belum bisa menerapkannya di blog berikut dibawah ini sudah saya siapkan cara menerapkannya. Ok kita langsung saja kepokok pembahasan postingan saya ini, seperti judul yang saya berikan diatas "CARA MEMBUAT HALAMAN STATIS MENJADI FULL PAGE" nah sobat dibawah ini code yang harus sobat terapkan di template blog sobat. Sobat silahkan copy code dibawah ini dan terapkan atau letakan codenya tepat sebelum </style> atau diatasnya. <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <style type='text/css'> #comments,#sidebar-wrapper {display:none;} #post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;} </style> </b:if> Jika sudah menerapkannya k...

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(),$...

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] =...

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...

Sobat meskipun cara seperti ini sudah banyak berkeliaran di mesin pencarian Google tapi tidak ada salahnya juga saya share ulang untuk kalian yang belum tahu cara menghilangkan nomor urut viomagz maka dari itu disini saya akan membagikan tips cara menghilangkannya. Sobat dibawah ini adalah cara menghilangkannya, langkah pertama kalian buka Blogger > Pilih Tema > Edit HTML > Lalu kalian cari code seperti dibawah ini lalu hapus cara menghilangkan nomor urut viomagz .PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before {  content: counter(num) !important;  font-size: 30px;  font-weight: 500;  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  background: linear-gradient($(link.color), #fff);  color: #fff !important;  width: 30px;  padding-top: 10px;  text-align: center; } .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet { ...

Ok sobat next posts saya kali ini akan membagikan  Cara Menghapus Label Di atas Postingan Homepage Template VioMagz , kenapa saya membagikan cara seperti ini? karena masih banyak juga yang belum tahu cara menghapusnya atau menghilangkannya meskipun cara seperti ini sudah di posting oleh pembuatnya. Tapi masih ada juga yang belum tahu terutama blogger pemula. Seperti contoh gambar diatas yang saya sudah tandai itu yang akan kita bahas di poatingan saya kali ini. Mari kita langsung saja ke TKP agar tidak banyak bicara lagi. Cara Menghapus Label Di atas Postingan Homepage Template VioMagz  Silahkan kalian buka Blogger > pilih tema > edit html > setelah itu kalian cari code HTML seperti dibawah ini <b:if cond='data:post.labels'>    <div class='label-line'>    <span class='label-info-th'>    <b:loop values='data:post.labels' var='label'>   <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot...

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; ...

Hi sobat blogger jumpa kembali bersama saya, disini saya akan mencoba membagikan kepada sobat setia pengunjung blog saya. pada kesempatan kali ini saya akan memberika  Cara memasang Slide Demo Dan Download , Mungkin cara seperti ini sudah tidak asing lagi untuk sebagian pengguna blogspot. Tapi tidak ada salahnya saya share lagi untuk sobat yang belum tahu cara membuatnya. Nah agar tidak memakan banyak waktu lagi kita langsung saja kecara membuatnya dibawah ini. Langsung saja jika berminat atau menggunakannya. kalian pasang terlebih dahulu code "Font Awesome" dibawah ini. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/> Cara memasang code diatas bagaimana dan cara meletakannya dimana? Letakan codenya tepat sebelum </head> . Setelah code diatas terpasang kita langsung saja ke bagian CSS, kalian bisa gunakan CSS dibawah ini. #wrap {     margin: 20px auto;     text-align: center; } #wrap br {    ...

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; ...

Sobat blogger setelah sebelumnya saya sudah membagikan tips  Cara agar blog menjadi Fast Loading , Di postingan saya kali ini akan sedikit berbagi Memasang Formulir Kontak Pada Halaman Statis kenapa saya membagikan tentang ini? karena kontak formulis seperti ini mempunyai peranan penting juga dalam suatu blog. Lantas bagaimana cara membuatnya? dibawah ini saya sudah siapkan tips  Memasang Formulir Kontak Pada Halaman Statis , ok sob kita langsung saja ya. Cara memasang widget ini di halaman statis kalian cukup pasang terlebih dahulu Font Awesome 4.0.3  dibawah ini, dan letakan saja tepat sebelum </head> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/> Jika sudah kalian pasang juga css dibawah ini, dan bisa kalian letakan code cssnya tepat sebelum </style> #ContactForm1 {     display: none; } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email {     width: 300px;   ...

Sobat mempunyai blog dengan fast loading sangat di idam-idamkan banyak orang (blogger). Karena punya blog yang fast loading menjadi kebanggaan tersendiri buat yang punya blog maupun pengunjung blog itu sendiri. Cara Agar Blog Fast Loading  Mungkin cara yang akan saya bagikan ini sudah banyak yang share sudah lama, tapi untuk blogger pemula yang belum tahu caranya bisa ikuti cara simple dari saya dibawah ini. Cara agar blog menjadi Fast Loading Untuk kalian yang ingin memperbaiki kecepatan blognya bisa menggunakan cara dibawah ini, dan silahkan simak baik-baik. Langkah - langkah yang kalian harus lakukan adalah buka blogger > Pilih Tema > Edit HTML lalu kalian cari code </head> jika sudah ketemu silahkan kalian ganti code penutupnya dengan code dibawah ini &lt;!--</head>--&gt;&lt;/head&gt; Jika sudah menggantinya selanjutnya kalian cari code ini </body> kalian ganti penutup body dengan code dibawah ini &lt;!--</body>--&gt;&lt...

Hi sob pastinya kalian akan merasa kesal, jika artikel yang kita share atau publikasikan di blog ada yang copy paste. Nah apa yang kalian rasakan udah cape-cape mikir dan nulis, eh pas di publikasikan malah ada yang copy tanpa meminta izin dulu. kalau copy menyertai link sumbernya sih tidak masih mending, tapi jika tidak parah banget ya sob. Agus Gunawan Original Untuk menghindari itu semua saya akan membagikan Cara Agar Postingan Di blog tidak Bisa di copy paste untuk para blogger yang sudah lama berkecimpung pastinya sudah tidak asing lagikan dengan cara seperti ini. Tapi masih banyak juga yang belum mengetahui caranya. Cara Agar Postingan Tidak Bisa Di Copy Paste Untuk itu yang masih belum tahu caranya bisa ikuti langkah-langkah dibawah ini dengan mudah dan praktis. Cara Agar Postingan Tidak Bisa Di Copy Paste Silahkan kalian ambil codenya dibawah ini. .post-body ::selection {background:#eafdb7;color:#000;} body{display:block; -khtml-user-select:none; -webkit-user-select:none; -moz-...

Next postingan saya kali ini akan membagikan tips Cara menerapkan Widget Efek Rating Di Popular Posts Blogger bagi sebagian blogger tentunya sudah tidak asing lagi dengan widget seperti ini, karena sudah banyak yang membagikannya di luaran sana. Tapi disini saya akan mencoba membagikannya lagi kepada sobat yang belum tahu cara menerapkannya di blog. Cara menerapkan Widget Efek Rating Di Popular Posts Blogger Apa sih manfaat dari menerapkan widget ini? Selain mempercantik tampilan blog (Popular Posts) agar blog terlihat lebih cantik😇 . Ok kita langsung saja sob ke pokok dari pembahasan di postingan saya. Untuk bisa memberikan atau menampilkannya kalian silahkan ambil code dibawah ini terlebih dahulu <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/> Cara meletakan code diatas sobat bisa buka blogger > Pilih Tema > Edit Html > Selanjutnya letakan codenya tepat sebelum </head> Jika sudah selanjutnya k...

Setelah sebelumnya saya sudah membagikan tips  Cara membuat Menu Multi Dropdown Di blog , dan untuk postingan saya kali ini akan menshare tentang Cara membuat widget jadwal rilis anime di blogger untuk kawan blogger yang sudah lama pastinya sudah tidak asing lagi mengenai widget seperti ini. Tapi untuk sebagian kawan blogger khususnya pemula seperti saya ini masih terbilang awam ya hehe.  Ok sobat kita kepokok judul dari postingan diatas, disini saya akan membagikan tips Cara membuat widget jadwal rilis anime di blogger untuk kalian yang baru saja membuat blog tentang anime mungkin widget seperti ini bisa kalian terapkan atau pasang di blognya. Jika berminat untuk menggunakannya bisa langsung di praktekan di blog dengan cara berikut ini: Silahkan kalian buka Blogger > PILIH TEMA > EDIT HTML > Letakan codenya tepat sebelum </style> /* Jadwal Rilis Anime */ .gunawan-fix{width:25%;float:left} .gunawan-wrap{padding:10px 4px 10px} .gunawan-title{color:#fff;font-famil...

Next postingan saya kali ini akan sesidikit berbagi kepada kalian sobat blogger,  Cara membuat Menu Multi Dropdown Blog mungkin bagi sebagian pengguna blogger sudah tidak asing lagi dengan cara seperti ini, tapi tidak ada salahnya juga jika saya share kembali kepada kalian yang belum tahu cara membuatnya. Ok sobat jika tertarik untuk menggunakannya, bisa mengikuti langkah atau cara mudah membuatnya dibawah ini, dan bagi yang sudah tahu cara membuatnya bisa menyimak saja ya. Cara membuat Menu Multi Dropdown Pertama silahkan kalian buka blogger > Pilih Tema > Edit Html > lalu kalian letakan code css dibawah ini tepat sebelum </style> atau juga bisa sebelum </b:skin> /* Menu Multi Dropdown AG */ ul#mainmenu{margin:0 auto;list-style:none;padding:0;background-color:#000;width:100%} ul#mainmenu ul {margin:0 auto;list-style:none;padding:0;background-color:#000} ul#mainmenu ul {visibility:hidden; position:absolute; left:0; top:100%; opacity:0; -moz-transition:all 0.5s...

Hi sobat blogger apa kabarnya di hari ini? mudah-mudahan pada sehat ya. Di kesempatan kali ini saya akan membagikan sebuah widget blogger yang dimana widget seperti ini wajib ada di sebuah blog. Dan mungkin juga sebagian blogger sudah paham tentang kegunaan dari widget ini, dan untuk kalian yang belum tahu apa kegunaan dari widget ini bisa menyimaknya dibawah ini. Cara membuat Subscribe Box Keren Di Blogger   Buat kalian sobat blogger yang belum memasang widget seperti ini, saya sarankan agar bisa memasangnya di blog. Karena sangat penting sekali widget subscribe berlangganan via email selain itu juga pengunjung tidak akan ketinggalan update dari blog kalian yang di share apa lagi, update postingan kalian berkualitas dan banyak penggemarnya. Lantas bagaimana cara membuat widget seperti ini? Nah untuk kalian yang ingin membuatnya gampang kok kalian bisa ikuti langkah-langkah dibawah ini. Jika kalian tertarik silahkan kalian pasang terlebih dahulu code dibawah ini. dan letakan codeny...