SAKJANESIP Posts filed under JavaScript
Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan
Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan

Minggu, 11 Desember 2016

Cara Membuat Breaking News Ticker dengan Mudah di Blogger

2 Comments
Cara Membuat Breaking News Ticker dengan Mudah di Blogger - Kejadian kemarin membuat warga sangat senang dan bahagia, dikarenakan tumbuhnya kampung blogger dan muda-mudi pecinta blogger. Hehe, ini mah text berita yiyiyi. Kini telah hadir di blogger juga fitur untuk menampilkan sebuah berita, bukan fitur sih tapi buatan sebut aja fitur.

Cara Membuat Breaking News Ticker dengan Mudah di Blogger

Widget ini bisa sobat tampilkan link, artikel news sobat dan berita dari blog lain, ya tinggal sobat ganti aja URL tujuan feed beritanya. Tentunya sobat gak usah khawatir untuk masalah load, soalnya ini ringan dan halus efeknya jadinya ya bagus banget, hehe.

Cara Membuat Breaking News Ticker dengan Mudah di Blogger


Langkah pertama, sobat masuk ke akun blogger, pilih template, Edit HTML, lanjut copas kode di bawah ini dan letakan tepat di atas </style>


Sesuaikan warna dan lainnya sesuai keinginan sobat.
Langkah kedua, salin kode di bawah ini dan taruh sebelum kode </body>



Terakhir tambahkan SC kode di bawah ini terserah sobat, dimana aja yang penting masih di kandungan Ibu, hehe. Di antara pembuka <body> dan penutup </body>


Ganti URL "https://sakjanesip.blogspot.com/" dengan URL blog sobat.

Simpan dan cek hasilnya.


Akhirnya selesai juga tutorial Cara Membuat Breaking News Ticker dengan Mudah di Blogger. Semoga bermanfaat ya sobat.

Sabtu, 10 Desember 2016

Cara Agar Semua Link Terbuka di New Tab

Comment
Cara Agar Semua Link Terbuka di New Tab - Sebuah blog pasti memiliki link baik itu in atau out, link yang terdapat di konten sangatlah penting. Karena disaat pembaca melihat sebuah link di halaman reverral dan ia menegekliknya maka akan terbuka di halaman itu juga. Tapi jika di tab baru akan bagus blognya, selain menguntungkan kita juga membuat pembaca senang.


Di postingan ini terdapat 2 style jadi silahkan sobat mau gunakan yang mana, fungsinya sama hanya berbeda cara.

Cara Agar Semua Link Terbuka di New Tab


Cara I

Masuk ke akun blogger sobat, buat widget baru "Tata Letak" lalu copy kode di bawah ini dan simpan.


Ganti URL di atas "https://sakjanesip.blogspot.com/" dengan URL sobat.
Cara II 


Cara lama ini dengan menambahkan markup ke template langsung, copy kode di bawah lalu taruh tepat di atas </head>



Simpan editor lalu cek hasilnya.

Sekian tutorial Cara Agar Semua Link Terbuka di New Tab, Semoga Bermanfaat.

Cara Membuat Reading Time di Blog

Comment
Cara Membuat Reading Time di Blog - Hari ini mendung (saat mosting), enaknya baca artikel, iya kan? sobat. Hemm, pernah denger gak? di blog ada detail lama waktu atau perkiraan lama waktu untuk membaca artikel. Kalau belum tau kali ini SAKJANESIP akan membeberkan rahasianya, cara membuat reading time di blog.

Cara Membuat Reading Time di Blog

Widget ini di publikasi sekaligus pembuatnya oleh Michael Lynch, dari namanya saja sudah bukan orang ID ya, hehe. Tentunya widget spesial ini menggunakan Font Awesome ya, jadi kalo di blog sobat belum ada silahkan tambahkan kode di bawah sub heading ini.

Cara Membuat Reading Time di Blog





Langkah pertama, sobat masuk ke akun blog sobat → Masuk ke Editor Template → Lalu salin kode di bawah ini dan letakan tepat di atas </style>

Langkah kedua, sobat tambahkan kode di bawah ini tepat di atas </body>

Langkah ketiga, salin kode di bawah ini dan letakan di mana saja, freedom asal masih di dalam markup "body". Simpan template dan cek hasilnya.



Demikian Cara Membuat Reading Time di Blog, Jika menurut Anda ini bermanfaat silahkan share, terimakasih.

Cara Membuat Scroll Bar di Isi Post Blog

Comment
SAKJANESIP - Jumpa lagi nih gengs! Sehat wal afiat kan? Alhamdulillah. Hemm, tau gak sih? saat kita browsing cari-cari SC (Script) pas nemu di salah satu blog/web seseorang senang kan, ya? tapi pas lihat SC itu panjang jadi males. Sampek-sampek jari nye-croll aja kebawah, hhh.
Cara Membuat Scroll Bar di Isi Post Blog
Ilutrasi | SAKJANESIP
Tenang! Karena kali ini saya akan membuka rahasia cara membuat scroll bar di isi postingan blog. Gampang banget kok, sobat. SC nya juga sedikit tinggal nambahin aja di atas konten kita. Yakin deh, gak bakalan nyesel atau garing, hihi. Yuk dah simak kebawah.

Cara Membuat Scroll Bar di Isi Post Blog


 Langkah pertama, saat sobat mau membuat postingan salin dulu kode di bawah ini dan taruh pada tab html, lalu isi kontennya.


<div style="padding:2.5em;overflow:auto;width:auto;height:300px;border:1px solid green" >

Isi Konten kamu sobat!

</div>

Contohnya bisa di lihat di bawah ini sobat.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.


Demikian saja ya, Cara Membuat Scroll Bar di Isi Post Blog, Semoga bermanfaat.

Kamis, 08 Desember 2016

Tambahkan Jam Digital di Blog Lebih Keren

Comment
SAKJANESIP - Enaknya ngapain ya? Uang nipis, eh malah curhat, hehe. Whatsapp gengs !  Tutorial kali ini saya akan bahasa bagaimana sih menaruh Jam di Blog? Cukup mudah kok sobat kalian tinggal nambahin Kode aja copy paste beres dah, hehe.
Tambahkan Jam Digital di Blog Lebih Keren
Ilustrasi | SAKJANESIP

Cara Menambahkan Jam Digital Di Blog


1. Silahkan sobat visit ke DigitalClock
Tambahkan Jam Digital di Blog Lebih Keren
2. Perhatikan menu di sidebar kiri list no. 4 ya, Benar! Klik "Gallery" pilih salah satu, contoh di sini saya memilih "Ad Free"
Tambahkan Jam Digital di Blog Lebih Keren


 3. Lanjut ya, klik "View HTML tag" Tunggu hingga muncul persetujuan pilih "Accept"
Tambahkan Jam Digital di Blog Lebih Keren

 4. Atur Warna, Lokasi, dan Ukuran Jam sesuai keinginan sobat, jika sudah salin kode yang ada di bawah nya.
Tambahkan Jam Digital di Blog Lebih Keren

 5. Masuk ke blog sobat, pilih menu Tata Letak,  Tambah kan Widget, Pilih HTML dan masukan kode tadi di kolom bagian bawah, atas isi nama Widget. Simpan dan Reload Blog, Cek hasilnya.
Tambahkan Jam Digital di Blog Lebih Keren

Tambahkan Jam Digital di Blog Lebih Keren


Saran saya buat sobat jangan terlalu banyak memasang widget di blog karena kenapa? Blog yang kebanyakan widget "flash" load nya akan semakin berat dan otomatis lama, sangat tidak bagus untuk kedepan nya, jadinya pasang senemisnya aja ya.

Rabu, 07 Desember 2016

Memasang Link Sumber Blog Otomatis Ketika Artikel di Copy Orang

Comment
SAKJANESIP -  Ketika memposting sesuatu dan tiba - tiba di kemudian hari ada artikel yang sama seperti punya sobat, apa yang akan sobat lakukan ? Ya benar. Memberi link sumber blog otomatis agar seseorang yang copy paste artikel risih dengan link sumber blog.

Memasang Link Sumber Blog Otomatis Ketika Artikel di Copy Orang
Ilustrasi | SAKJANESIP


Memasang Link Sumber Blog Otomatis Ketika Artikel di Copy Orang


Langkah pertama sobat masuk ke blog pilih template lalu Edit HTML silahkan salin kode di bawah ini taruh tepat di atas </body>


<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber Dari:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='https://cdn.rawgit.com/ILHAMRPL/zhuberzhu/master/zhuberzhu1.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

Jika sudah simpan dan cek hasilnya, cukup mudah kan sobat.
Mungkin cukup tutorial cara Memasang Link Sumber Blog Otomatis Ketika Artikel di Copy Orang, Jika ini bermanfaat silahkan untuk share terimakasih.
Langganan: Postingan (Atom)