Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts
Dua (2) Cara Dalam Membuat Dan Memasang Widget WhatsApp Diblog Paling Mudah & Keren

Dua (2) Cara Dalam Membuat Dan Memasang Widget WhatsApp Diblog Paling Mudah & Keren

syugulnajeh -  Hampir semua blog yang ada di internet mencantumkan kontak mereka yang dapat dihubungi, yang bertujuan untuk mempermudah para pengunjung supaya bisa berkomunikasi dengan Admin blog tersebut dengan cepat, efektif dan yang pasti tidak ribet. 

Salah satu cara supaya para pengunjung blog bisa berkomunikasi dengan Admin blog dengan mudah dan cepat adalah dengan memasangnya fitur live chat pada blog tersebut. Ada banyak sekali aplikasi atau fitur yang bisa kamu gunakan diblog kamu. Diantaranya Tawk To dan masih ada banyak lagi yang lainnya. 

Selain aplikasi diatas masih ada lagi aplikasi yang lebih simpel dan praktis untuk diterapkan diblog kamu. Contohnya seperti Whatsapp atau Disqus. Kedua fitur ini sangat relavan sekali untuk diterapkan diblog kamu. Karena disamping banyak sekali para penggunanya, kedua aplikasi ini juga memiliki segudang fitur-fitur canggih lainnya. 

Seiring berjalannya waktu, para programmer mereka mencoba membuat aplikasi tersebut supaya dalat digunakan diblog maupun website. Dan ternyata memang, kedua aplikasi ini kini sudah dapat kita gunakan untuk diterapkan diblog kita. 

Hal ini tentu akan sangat membantu sekali bagi para blogger yang konten blognya berisi jualan produk secara online. Terutama whastapp, yang hampir semua orang menggunakan aplikasi yang satu ini. Entah itu whatsapp resmi Play Store ataukah hasil modifikasi. 

Di artikel kali ini saya akan membagikan tips cara memasang fitur widget WhatsApp dengan gaya mengambang diblog. Widget ini pasti akan sangat membantu blog kamu untuk berjualan. Widget ini sangatlah mudab untuk diterapkan diblog kamu dan kamu akan menemukan berbagai keuntungan dalam memasang widget ini. 

Untuk bisa memasang widget whastapp ini ada dua cara yang berbeda. Tapi keduanya sama-sama menggunakan bantuan dari website lain. Kalau kamu seorang programmer yang sudah sangat ahli, mungkin artikel ini tidak akan membantu kamu. Tapi kalau kamu sama seperti saya yang statusnya masih belajar, mungkin ini bisa jauh membantu untuk mengembangkan bisnis kamu. 

Okeh, kita langsung saja ke tutorial cara memasang widget WhatsApp ini diblog kamu. Untuk cara yang pertama kita menggunakan fitur canggih dari website terkenal yaitu whasthelp.io. Di website ini kamu bisa memasang widget whastapp secara singkat. Tak perlu memakan waktu lama. Berikut adalah langkah-langkahnya.

0.1 ) Cara Memasang Widget WhatsApp Diblog Melalui Whasthelp.io


  1. Pertama-tama kamu masuk dulu ke situsnya.
  2. Kemudian pilih whastapp di choose messaging apps.
  3. Setelah itu, kamu isi saja nomor yang ingin kamu pakai pada kolom yang sudah disediakan. cara memasang widget whatsapp
  4. Pada add the code to your website, kamu masukan saja alamat email kamu. Klik get button code, maka akan muncul beberapa baris kode pada tema blog kamu. 
  5. Kemudian salin semua kodenya dan templekan di HTML blog kamu. 

Cara memasang widget whastapp di blog


  1. Kamu masuk ke Dashbord blogger kamu.
  2. Masuk ke menu Theme => Edit HTML.
  3. Kemudian cari kode dengan tag </body> dan taruh kode yang kamu salin tadi tepat diatas tag tersebut.  
  4. Jika sudah klik simpan dan lihat hasilnya. 

0.2 ) Cara Membuat Widget WhastApp Menggunakan Widgetwhats.com


  1. Buka situsnya terlebih dahulu di widgetwhats.com.
  2. Kalau kamu belum pernah daftar sebelumnya, silahkan daftar terlebih dahulu menggunakan email kamu. 
  3. Jika sudah daftar, kamu akan diarahkan ke halaman Dashbord situs tersebut. 
  4. Kemudian klik "Create Widget" dan buatlah widget sesuka hati kamu. 
  5. Jangan lupa isi nomor, nama, pesan pembuka dan jam kerja saat online. 
  6. Jika semuanya sudah kamu atur sesuka kamu, langsung saja di save widgetnya dan kamu akan diperlihatkan dengan code widgetnya. 
  7. Langsung saja salin dan taruh kode tersebut ke dalam laman HTML blog kamu. Caranya sama saja seperti langkah-langkah diatas tadi.!

Hasil untuk widget whatsapp melalui widgetwhats.com akan seperti gambar berikut ini. 


Itulah tutorial cara memasang widget whatsapp yang bisa saya berikan pada artikel ini. Mungkin artikel ini bisa bermanfaat buat kamu yang lagi cari tutorial ini. Kalau kamu masih bingung, atau mengalami masalah saat penerapan kodenya, kamu bisa tanyakan dikolom komentar.
Download Template Blogger Premium Mirip Domainesia Gratis

Download Template Blogger Premium Mirip Domainesia Gratis

syugulnajeh - Template baru sudah rilis lagi nih. Template blogger premium domainesia clone version. Template ini dibuat semirip mungkin dengan website-nya Domainesia. Hanya saja template ini digunakan khusus blog yang menggunakan platfrom blogger blogspot. 

Diartikel yang sebelumnya saya sudah pernah ngasih template blogger premium igniplex clone. Dan kali ini juga saya akan membagikan template blogger premium lainnya yang gak kalah keren, cantik, elegan dan SEO frienly. Template ini sebenarnya dibuat untuk kamu yang bingung ingin pakai template yang mana. 

Template ini cocok banget buat blog kamu yang membahas tutorial, berita, atau tips lainnya. Template ini juga memiliki banyak sekali fitur keren yang gak kalah SEO dari template premium lainnya. 

Template ini sangat bersahabat sekali dengan pengunjung yang menggunakan smartphone mereka. Atau biasa dibilang mobile friendly. Dan template ini juga memiliki kecepatan yang sangat cepat dibandingkan template premium lainnya. 

Template ini juga bisa mempermudah blog kamu supaya cepat diterima Adsense. Karena template ini memiliki desain yang cantik, elegan, rapih dan tidak ada widget yang mengganggu para pembaca. 

Template clone domainesia ini sudah diterbitkan oleh tomytech.eu.org diblognya sendiri. Dan kalau dilihat sih, memang template ini super keren dan memukai perhatian para pengunjung. 

Diblognya tomytech, dia membagikan template premium ini tidak gratis. Namun dibandrol dengan kisaran harga $7 atau sekitar Rp. 98.000.00 jika diuangkan dengan mata uang indonesia. 

Menurut saya dengan harga segitu termasuk murah. Karena template yang ditawarkannya sangatlah bagus dan keren. Jadi gak ada salahnya kalau kamu membeli template ini dengan seharga segitu. Berbeda dengan template premium lainnya yang lebih mahal dari template ini. Seperti template milik Mas Sugeng. 

Template ini sudah melakukan update supaya menyesuaikan dengan fitur Google saat ini. Mulai dari breadcrumb, widget dan yang lainnya. Diantara fitur-fitur yang dimiliki template premium ini adalah :

  1. Responsive
  2. Mobile Friendly
  3. Fast Loading
  4. Include Lazyload Image
  5. Search Box
  6. Navigation Menu Horizontal (Desktop View)
  7. Featured Post
  8. Popular Posts Widget
  9. Load More Infinite Content
  10. Back To Top Button
  11. Breadcrumbs
  12. Social Media Share Button
  13. Read Also / Baca Juga di dalam Artikel
  14. Profile Card Box under the Article
  15. Related Posts / Postingan Terkait With Thumbnail
  16. Open / Close Comment
  17. Footer Menu
  18. Error Page (404) Yang super keren
  19. SEO Friendly 
  20. Dan masih ada banyak lagi fitur lainnya...

Jadi gimana? Tertarik dengan template premium yang satu ini? Kamu bisa lihat demonya terlebih dahulu. Kalaj ternyata kamu menyukai templatenya dan ingin mulai menggunakan templatenya, kamu tinggal klik aja tombol demo atau download dibawah ini.

Kamu juga bisa lihat template-template blogger premium lainnya disini. 


Download Template Blogger Premium Igniplex Gratis

Download Template Blogger Premium Igniplex Gratis

syugulnajeh - Template igniplex merupakan template blogger premium yang dirancang oleh Mba Rain yang dipublikasikan melalui blognya igniel.com. Template ini adalah salah satu template blogger versi premium yang banyak blogger yang mengincarnya.
template premium Igniplex gratisan

Tak heran mereka membeli template ini dengan kisaran harga yang dibandrol oleh mba Rain ini. Karena walaupun seharga segitu, kamu gak akan merasa rugi dan nyesel. Karena template yang dijual memiliki banyak sekali fitur-fitur keren yang tidak akan kamu temui kecuali di template igniplex ini.

Template ini sangat direkomendasikan oleh Mba Rain sendiri dan begitu pula dengan saya. Karena template yang penuh responsive, fast loading, dan tata letak yang rapih dan cantik ini dapat membuat nyaman para pengunjung blog. Apalagi bahwa template ini sangat responsive dan cocok banget buat pasang iklan terlebih iklan Adsense. 

Kalau kamu mau menggunakan template ini tapi kurang biaya, bukan masalah besar. Disini dan pada artikel kali ini saya akan membagikan template igniplex versi clone atau template yang dibuat sangat mirip dengan igniplex secara gratis. 

Saya bagikan ini bukan karena ingin merugikan pembuat template aslinya. Namun, karena ada banyak blogger yang sangat ingin menggunakan template ini, sehingga saya bagikan template ini (versi clone) secara gratis. Versi clone ini mungkin akan ada seditkit perbedaan dari yang aslinya. 

Dan pastinya lebih bagus dan cantik kalau kamu menggunakan template yang aslinya saja. Tapi kalau kamu mau coba-coba dulu sebelum membeli yang asli juga gak papa. Okeh, untuk fitur-fitur yang ada ditemplate ini kamu cari aja di Google. Karena yang saya tahu diantara fitur-fitur unggulannya adalah responsive, mobile friendly, fast loading, SEO dan masih banyak lagi fitur-fitur yang lainnya.

Untuk link download dan demo templatenya kamu bisa klik tombol dibawah ini. 


Demo
Download


File template igniplex diatas sudah terenkripsi, jadi kalau kamu mau membuka file tersebut harus memasukan password terlebih dahulu. Dan untuk passwordnya sudah saya sediakan dibawah sini. 
  
PASSWORD FILE RAR THIS TEMPLATE : DDR-BAD-IGN-VAF

Template igniplex diatas hanya bisa digunakan pada blog yang menggunakan platform Blogger/Blogspot. Dan tidak bisa digunakan untuk platform Wordpress atau yang lainnya!
Cara Mengetahui Semua Isi Struktur Kode HTML & CSS Blog Dengan Mudah

Cara Mengetahui Semua Isi Struktur Kode HTML & CSS Blog Dengan Mudah

syugulnajeh - Pernah gak sih kamu menjumpai sebuah website atau blog yang memiliki desain yang sangat sempurna, cantik, elegan dan rapih? Kalau kamu seorang blogger dan pernah menjumpai hal demikian, pasti kamu ingin tahu semua isi struktur kode HTML dan CSS yang digunakan website atau blog tersebut ya kan? 
cara mengetahui isi kode HTML & CSS blog

Pasalnya hal yang demikian sudah sangat lumrah dikalangan blogger. Namun mungkin saja ada diantara kamu yang baru menekuni dan belajar dunia blogging. Sehingga belum mengetahui hal tersebut. Untuk bisa mengetahui semua isi kode HTML blog orang lain itu bisa terbilang sangat mudah. 

Kalau kamu menggunkan PC atau laptop atau yang sejenisnya, kamu mungkin bisa dengan mudah melihat semua kode tersebut. Tapi bagaimana kalau ternyata kamu melakukan blogging hanya menggunakan mobile dan ingin mencoba hal yang demikian? Okeh, kamu tenang saja. Artikel ini sangat tepat buat kamu yang ingin belajar bagaimana mengetahui kode HTML blog orang lain hanya menggunakan Hp smartphone kamu. 

Sebelum kamu melakukan hal ini, sebenarnya apa sih tujuan kamu melakukan hal ini? Apakah kamu ingin menirukan desain blognya, atau malah ingin copy paste semua kodenya ke dalam blog kamu? Tapi gak papa lah, walaupun ingin meniru desainnya secara keseluruhan juga. Yang penting enjoy. 

Sebenarnya ada banyak cara untuk bisa mengetahui semua isi struktur kode yang digunakan oleh blog kita maupun orang lain. Diantaranya ialah dengan menggunakan fitur "Developers Tools" yang terdapat di Google Chrome masing-masing.

Atu cara lainnya yang serupa dan lebih simpel ialah dengan menggunakan tools "Structured Data Testing Tool" Tools ini merupakan alat yang sudah disediakan oleh pihak Google pada Google Developer. Atau lebih singkat dan cepatnya kamu bisa klik link ini untuk langsung mencobanya sendiri. 

Untuk cara penggunakan tool ini kamu hanya perlu memasukan link website atau blog (pada halaman utamanya) yang ingin kamu lihat isi kodenya. Tak hanya berguna untuk melihat struktur kode blog saja, namun tool ini juga dapat kamu manfaatkan sebagai alat pengecekan blog kamu. 

Dengan menggunakan tool ini kamu akan mengetahui apakah blog kamu dalam keadaan sehat ataukah ada hal eror. Dan tentunya alat ini akan sangat membantu merawat kualitas blog yang kamu kembangkan selama ini. Kamu bisa lihat contoh tamplian dari tool tersebut pada gambar berikut ini. 

Structured Data Testing Tool

Jika sudah memasukan link blog kamu, klik saja "jalankan pengujian" maka akan muncul dua kolom yang bergandengan. Kolom sebelah kiri akan menunjukan semua isi kode HTML yang digunakan oleh blog. Dan sebelah kanan adalah hasil dari pengujian kode blog kamu. Jika ada peringatan dan masalah, segera kamu perbaiki masalah tersebut agar blog tetap sehat. 

Biasanya alat ini digunakan untuk mengetahui informasi kode CSS yang digunakan oleh para pesaing dikalangan blogger. Mereka berlomba-lomba untuk menghias dan meningkatkan kualitas blog mereka supaya selalu ramai dengan pengunjung. 

Maka tak heran lagi kalau banyak blog yang desain dan gayanya slepet-slepet mirip dengan blog yang lain. Saya juga masih suka melihat dan memodifikasi blog saya dengan meniru beberapa CSS dari berbagai blog orang lain. 

Mungkin cukup sekian dulu kata-kata yang bisa saya tulis pada artikel kali ini. Semoga bisa sangat membantu dan bermanfaat buat kamu semua yang sedang membutuhkan ilmu ini. 

Kamu juga bisa lihat artikel-artikel dari syugulnajeh yang membahas tutorial blogging menarik dan unik lainnya. Ketuk saja menu navigasi pada blig ini dan klik menu tutorial blogging. Disitu ada banyak tutorial blogging yang sudah pernah saya tulis.  

Artikel ini merupakan update-an dari artikel sebelumnya yang membahas cara mengetahui semua isi struktur kode HTML yang digunakan oleh blog orang lain. 
Download Template Blogger Premium Super Keren Gilatemax

Download Template Blogger Premium Super Keren Gilatemax

syugulnajeh - Cari template blogger yang unik dan responsive? Kamu bisa coba template yang saya bagikan diartikel ini. Template ini bernama Gilatemax, template blogger yang sangat super keren, cepat, responsive, mobile friendly dan yang pasti SEO. 
Template Premium Gilatemax

Template ini didesain sedemikian rupa yang hampir mirip sekali dengan template milik igniel. Dengan gaya kotak-kotak pada artikel dihalaman berandanya. Dan menu navigasi yang sangat keren yang dibuat mirip seperti blog Hartomy. 

Template ini adalah template versi premium. Jadi kalau kamu mau menggunakan template ini pada blog kamu, ya otomatis kamu harus membeli terlebih dahulu template ini. Kamu tenang aja, kamu gak bakalan rugi kok beli template blogger yang satu ini. Saya aja pengen banget bisa beli template yang super kece ini. 

Harga untuk template ini sekitar $7 atau kalau dipindahkan ke rupiah mungkin sekitar 98.000 rebu doang. Tuh coba bayangin! Dengan harga segitu kamu udah bisa mendapatkan template blogger yang keren. Berbeda jauh dengan template premium lainnya yang lebih mahal dari itu. 

Di template ini sudah banyak terpasang fitur-fitur keren yang bisa meningkatkan visitor blog kamu. Jadi tunggu apalagi? Atau kalau kamu mau lihat penampakannya terlebih dahulu, kamu bisa klik tombol demo dibawah ini. 



Nah itulah wujud asli dari template gitatemax ini. Gimana menurut kamu? Keren dan elegan bukan? Kamu juga akan selalu mendapatkan update secara gratis apabila template tersebut ada versi terbarunya. Jadi sekali lagi saya tegaskan kamu gak bakal rugi beli template ini. 

Mungkin barangkali pada suatu saat saya membuat template seperti gilatemax itu dan hasilnya bagus dan layak digunakan, saya bakalan bagi-bagi templatenya secara cuma-cuma. 😘 

Jadi pantau aja blog syugulnajeh supaya kamu gak ketinggalan untuk mendapatkan template gilatemax ini secara gratis. 
4 Cara Direkomendasikan Untuk Menghapus Dan Memblokir Link Aktif Diblog Permanen

4 Cara Direkomendasikan Untuk Menghapus Dan Memblokir Link Aktif Diblog Permanen

syugulnajeh - Link aktif sering kali kita jumpai di dalam kotak komentar blog kita masing-masing. Tujuan mereka meninggalkan jejak berupa link dalam komentar blog mungkin karena berharap adanya orang lain dari pengunjung blog kamu mengklik link tersebut. 
Menghapus Link Aktif di Komentar Blog secara otomatis

Tentu saja link tersebut akan mengakibatkan hal buruk pada blog kamu. Terlebih lagi jika link yang ditaruh menuju kepada tempat atau situs yang isinya berupa negatif, pasti akan menjadi masalah besar bagi blog kamu. Maka dari itu cegahlah komentar-komentar tidak berguna (sampah, promosi pruduk dan lain sebagainya) seperti link tadi agar dihapus secara langsung. 

Supaya blog kamu tetap sehat dan aman, kamu bisa coba cara yang akan saya berikan pada artikel ini. Cara ini adalah cara untuk menghapus semua link aktif yang ada di komentar blog kamu. Ada empat cara agar link tersebut menjauh dari blog kamu. Ikuti langkah-langkah yang berikut ini. 

Empat {4} Cara Menghapus atau Menyembunyikan Link Aktif Di dalam Kolom Komentar


0.1 ) Menyembunyikan Link Aktif Menggunakan Bantuan CSS


Cara yang pertama dan utama tentu menggunakan bantuan CSS yang ditempelkan ke dalam laman blog kamu. Hal ini sangat unggul sekali dalam hal kecepatan. Karena sedikitnya kode CSS yang akan digunakan nantinya. 

Dengan menggunakannya CSS ini, maka link aktif dalam komentar tidak akan bisa diklik karena link tersebut tidak ditampilkan. Contohnya seperti gambar berikut ini :


Untuk cara pemasangnya adalah sebagai berikut ini. 

Masuk ke Dashbord blogger kamu. 
Masuk ke menu Theme => Edit HTML.
Tambahkan kode CSS dibawah ini tepat berada diatas ]]></b:skin>.

#comments p a{ display: none !important;}

Namun menyembunyikan link tersebut menggunakan CSS masih memiliki kelemahan. Link tersebut tetap akan muncul atau nampak apabila dilihat di Page Source. Walaupun para pengunjung sedikit dari mereka yang menyadari akan hal link itu, taoi Google masih tetap bisa mendeteksi akan hal tersebut. 

0.2 ) Menghilangkan Link Aktif Dengan Bantuan Javascript & jQuery


Menghilangkan link aktif dalam komentar menggunakan Javascript dan jQuery sangat saya rekomendasikan. Karena dengan memasang kode tersebut, link komentar akan benar-benar menghilang tanpa bekas apapun.

Dan memang cara ini sudah banyak sekali digunakan oleh para blogger lainnya dengn tujuan agar blog mereka terjauhkan dari link aktif dan spam. Untuk cara pemasangannya pun sangat mudah, kamu hanya perlu memasukan javascript dibawah ini ke dalam tag </body> pada HTML blog. 

0.3 ) Berikut adalah cara memasang anti link menggunakan Javascript :

Masuk ke Dashbord blogger kamu. 
Masuk ke menu Theme => Edit HTML.
Kemudian taruh kode berikut ini telat berada diatas tag </body>.
Jika sudah silahkan simpan.

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for (var i = 0; i < content.length; i++) {
if (content[i].innerHTML.indexOf('</a>') !== -1) {
var salinan = content[i].innerHTML;
content[i].innerHTML = "<div>Maaf, link aktif tidak diperkenankan di sini. Salinan komentar Anda :</div><div><textarea>" + salinan + "</textarea> <div>Terima kasih atas pengertiannya</div>";
content[i].className = "spammers";
}
}
}
// Jalankan fungsi!
blockLinks('comments', 'p');
//]]> 
</script>

Kode tersebut berguna untuk memblokir semua link pada komentar blog kamu secara otomatis. Sehingga jika ada link, maka link tersebut tidak akan ditampilkan berupa link. Namun akan diperlihatkan seperti komentar pada awalnya. Contoh seperti ini :

Saya akan menuliskan link dikomentar blog yang sudah terpasang script diatas. Contoh dibawah ini adalah contoh untuk link yang belum terblokir oleh javascript dan jQuery tadi. 

Kunjungi blog saya disini

Dan jika link komentar tadi sudah diblokir maka hasilnya akan seperti dibawah ini. 

Kunjungi blog saya <a href="https://syugulnajeh.blogspot.com/" rel="nofollow">disini</a>

Untuk yang jQuery itu ada berbagai macam ragam fungsinya. Ada yang berfungsi menghilangkan link tersebut dan mengembalikannya seperti teks biasa dan ada juga yang lainnya. Dan untuk cara mengembalikan ke teks biasa caranya adalah sebagai berikut :

√ Download Template Rholex Premium Mirip Igniel Terbaru

√ Download Template Rholex Premium Mirip Igniel Terbaru

syugulnajeh - Template blog memang sangat penting untuk meningkatkan visitor blog. Tak jarang dari kalangan blogger kalau tiba-tiba trafik mereka menurun disebabkan karena template yang digunakan tidak responsive dan skor SEO yang minim. 
Template Rholex Premium mirip Igniel

Di artikel kali ini saya akan membagikan kembali template blogger yang super keren dan responsive. Template ini memiliki banyak sekali firur canggih dan keren. Template ini secara garis besar di desain mirip seperti blog igniel. 

Siapa sih yang gak kenal sama blog milik mba Rain ini. Blog yang sangat cantik, elegan, responsive dan SEO. Template kali ini bernama Rolex. Nama yang unik dan mudah untuk diingat. 

Template ini juga cocok banget buat kamu yang ingin mengisi blognya dengan konten tutorial, berita, atau teknologi lainnya. Dan terlebih lagi template ini sudah sangat support sekali untuk memasang iklan Adsense. Jadi kamu gak usah khawatir kalau iklan kamu berantakan saat menggunakan template ini. 

Template ini juga menggunakan gaya Grid Home seperti blog igniel. Gaya yang membuat para pengunjung merasa takjub dan nyaman dilihat. Karena semua posisinya yang tersusun dengan rapih dan elegan. 

Okeh, gak perlu lama-lama lagi kalian langsung saja download dan nikmati keseruan dan kepuasan ketika saat menggunakan template ini. Bagi kamu yang pengen tahu terlebih dahulu bagaimana penampakan dari template Rolex ini, bisa lihat demonya terlebih dahulu dengan menekan tombol dibawah ini. 


Nah, gimana? Kerenkan? Kalau tertarik langsung aja klik tombol download dibawah ini biar bisa langsung menikmati templatenya. 


Ouh iya, dikarenakan file tersebut terenkripsi, maka kamu harus memasukan passwor d terlebih dahulu untuk bisa membuka filenya. Untuk passwordnya lihat dibawah ini :

® PASSWORD FILE ZIP UNTUK TEMPLATE RHOLEX BY SYUGUL_NAJEH : • syugulnajeh
√ Membuat Multi Related Post Otomatis Diantara Paragraf Artikel

√ Membuat Multi Related Post Otomatis Diantara Paragraf Artikel

syugulnajeh - Related post merupakan salah satu hal penting yang membuat para pembaca selalu berkunjung dari satu artikel ke artikel yang lainnya. Related post pun beragam macam jenis dan bentuknya. Ada yang otomatis di tengah, diawal, atau diakhir artikel. Tapi pada kali ini saya akan membahas hal yang berbeda. Yaitu multi related post diantara paragraf artikel. 
Memasang Multi Related Post Syugul Najeh

Multi related post ini akan muncul secara otomatis diantara paragraf artikel kamu. Related ini akan menyesuaikan jumlahnya tergantung dengan panjang dan pendeknya artikel yang kamu buat. Misalkan artikel kamu panjangnya 40 paragraf, maka si related post ini akan menyesuaikan letak dan jumlahnya. 

Kenapa harus memasang multi related post ini untuk blog? Dan apa keuntungannya?


Multi related post ini udah sangat jelas sangat berguna. Selain dari sisi meningkatkan trafik dan jumlah klik untuk setiap artikel, related ini juga mempengaruhi skor SEO pada blog kamu. Selain itu, related post ini juga akan memperbanyak  visitor blog karena banyaknya jumlah internal link tersebut. 

Okeh, itulah beberapa keuntungan dan kelebihan dalam memasang multi related post untuk blog. Kalau kamu tertarik untuk memasangnya kamu bisa ikuti saja langkah-langkah dibawah ini.

Cara Memasang Multi Related Post Diantara Paragraf Artikel Blog


1. Masuk ke Dashbord blogger masing-masing. 
2. Masuk ke menu Theme => Edit HTML.
3. Kemudian copy dan pastekan kode CSS dibawah ini tepat diatas tag  </head>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Multi Related Post */
.arldzgnMultiRelated{background-color:#2a2a2a;color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}
.arldzgnMultiRelated:hover{background-color:#222}
.arldzgnMultiRelated .content{padding:12px 15px}
.arldzgnMultiRelated .content .text{margin-right:5px}
.arldzgnMultiRelated .content a{color:#fff;text-decoration:none;line-height:1.5em}
.arldzgnMultiRelated .content a:hover{text-decoration:underline}
.arldzgnMultiRelated .icon{height:auto;min-width:55px;background:#f44336 url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s}
</style>
</b:if>

4. Lalu cari kode atau kode <data:post.body/> dan letakan diatas kode tersebut.

Untuk kode <data:post.body/> mungkin berbeda-beda, tergantung template yang digunakan.Ada yang berada di 3 tempat dan ada yang 2. Kamu coba saja satu pertasu hingga muncul multi related postnya.

 

<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() {var jumlah = 3;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:view.isPost'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </b:if>
    </b:loop>
  </b:if>
<script type='text/javascript'>
//<![CDATA[
(function arldzgnMultiRelated() {var text = 'Also read :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>

 
Kamu bisa ganti jumlah related post yang akan muncul diartikel kamu dengan mengganti teks yang ditandai garis dan tebal. (var jumlah='3')

5. Langkah terakhir simpan temanya dan lihat hasilnya. 

Itulah cara memasang multi related post yang bisa saya berikan. Kalau masih ada keluhan atau masalah saat memasang kodenya, kamu bisa tanyakan dikolom komentar. 

√ Cara Membuat Tombol Demo Dan Download Keren Gradian Ala Arlina

√ Cara Membuat Tombol Demo Dan Download Keren Gradian Ala Arlina

syugulnajeh - Kamu pasti tahukan blog terpopuler di indonesia milik mba arlina? Salah satu blog impian para blogger lainnya. Kenapa bisa menjadi impian para blogger? Ada beberapa alasan kenapa orang-orang mengininkan desain blog seperti mba arlina ini. Salah satunya desain blog yang terlihat cantik dan elegan. 
cara membuat tombol demo seperti arlina

Salah satu yang membuat tampilan blognya menjadi terlihat cantik adalah dengan adanya tombol demo dan download yang elegan. Kalau kamu pernah mengunjungi blognya, pasti kamu sudah tahu bagaimana bentuk dan desain tombol demo dan downloadnya. 

Tombol demo ini memiliki bentuk yang beragam namun identik dengan gradian. Ada tombol yang berbentuk bulat dan ada juga yang berbentuk kotak. 

Untuk bisa memasang tombol yang mirip seperti mba arlina ini cukup mudah kok. Kamu tidak perlu belajar program dulu untuk bisa memasang tombol ini. Hanya perlu mengikuti langkah-langkah didalam artikel ini, kamu sudah bisa memasang tombol demo yang cantik seperti arlinadzgn.com ini. 

Tanpa lama-lama kita langsung aja ke tutorial cara membuat tombol demo dan download ala arlina. Simak baik-baik!

Cara Membuat Dan Memasang Tombol Demo & Download Keren Seperti Arlina


1. Masuk ke Dashbord blogger kamu. 
2. Kemudian masuk ke menu Theme --> Edit HTML. 
3. Lalu masukan atau pastekan kode CSS dibawah ini tepat diatas </head>.

<style type="text/css">
/* buttom by paseo design */
body{
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 50vw;
  margin: 0 auto;
  min-height: 0vh;
}
.btn {
  flex: 1 1 auto;
  margin: 8px;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.15s;
  background-size: 400% auto;
  color: white;
 /* text-shadow: 0px 0px 0px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 3px;
  text-decoration: none;
 }
 
.btn:hover {
  background-position: right center; /* change the direction of the change here */
}

.gradien-paseo{
  background-image: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;} @-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

/* Magic End*/
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

4. Kemudian simpan temanya. Sampai disini kamu sudah berhasil memasukan kode demonya. Dan untuk pemasangan tombol demonya didalam postingan, masuk ke postingan kamu dan pastekan kode pemanggil ini kedalam mode HTML (bukan Compose). 

<div class="container">
  <a href="#" class="btn gradien-paseo">Demo</a>
</div>
<div class="container">
  <a href="#" class="btn gradien-paseo">Download</a>
</div>

Silahkan ganti pada elemen href dengan link tujuan. Dan kalau mau buat lebih dari dua tombol, tambahkan saja elemen tag <a href="......" hingga </a> kedalam tag </div>.

Jika semuanya sudah publikasikan postingannya dan lihat hasilnya. 
√Tips Supaya Blog Bisa Cepat Diterima Adsense Terbaru 2020

√Tips Supaya Blog Bisa Cepat Diterima Adsense Terbaru 2020

syugulnajeh - Semua orang yang memiliki blog atau website pasti menginginkan blognya bisa cepat diterima oleh Adsense dan bisa menjadi sumber penghasilkan tetap. Namun ada beberapa hal yang wajib kamu ketahui saat kamu akan mendaftarkan blog kamu ke Adsense. 
Trik jitu diterima adsense dengan cepat

Banyak dari kalangan blogger yang blog mereka sulit diterima dan tak kunjung berhasil walaupun sudah bertahun-tahun. Oleh karena itu, sebaiknya kamu pelajari terlebih dahulu apa saja syarat dan ketentuan yang harus dipenuhi oleh blog kamu. Dan apa saja yang menyebabkan blog kamu tidak diterima oleh Adsense. 

Berikut dibawah ini akan saya simpulkan beberapa penjelasan yang wajib diperhatikan oleh pemilik blog sebelum mendaftarkannya ke Google Adsense agar bisa cepat diterima. Simak dengan baik penjelasan yang berikut ini. 

Cara Agar Blog Bisa Cepat Diterima Oleh Adsense 


a. Tidak Ada Link Atau Halaman Eror Pada Blog

Hal pertama yang wajib diperhatikan adalah halaman atau link Eror pada blog. Kenapa demikian? Karena hal ini adalah syarat utama yang harus dipatuhi oleh blog kamu jika ingin mendaftarkan ke Adsense.

Google Adsense tidak akan menerima blog atau situs yang didalamnya terdapat sebuah halaman atau link yang eror ketika diklik oleh pengunjung. Hal ini agar sang pemilik iklan tidak. erasa dirugikan oleh pihak penayang iklan. Maka dari itu perhatikan dan ceklah kembali semua link yang ada diblog kamu,  apakah semuanya sudah benar dan tidak terjadi eror. 

Jika ada link atau halaman yang tidak valid, segera perbaiki atau hapus link tersebut dari blog kamu. Kamu juga bisa cek apakah ada link yang rusak diblog kamu melalui tautan berikut ini. 


b. Menu Navigasi Yang Tidak Membingungkan Para Pengunjung Blog

Menu navigasi sangatlah penting untuk blog. Dan ink salah satu cara supaya blog kamu bisa cepat diterima Adsense. Karena navigasi berguna untuk memudahkan pengunjung mengenai isi dan inti yang ada pada blog tersebut. 

Jangan sampai menu navigasi yang kamu pakai malah membingungkan para visitor. Sehingga mereka kabur dari blog kamu dan ini sering terjadi di berbagai blog. 

c. Buat Halaman Privacy, Disclaimer, Contact, About Dan Sitemap

Salah satu cara yang bisa mempercepat blog diterima Adsense adalah adanya halaman diatas. Halaman tersebut sangatlah penting bagi sebuah blog maupun website. Dengan adanya halaman tersebut Google bisa dengan mudah mengenali blog tersebut terutama untuk peta situs. 

Dan yang paling penting adalah peta situs atau sitemap. Buat terlebih dahulu sitemap untuk blog kamu. Jika sudah baru daftarkan ke Google Adsense. 

d. Daftarkan blog ke Webmaster Tools

Yang berikutnya adalah mendaftarkan blog ke Webmaster. Blog yang tidak didaftarkan di Webmaster, dia tidak akan muncul dimesin pencarian Google nantinya. Dan tentu saja hal ini akan mengakibatkan blog tidak diterima Adsense. 

Coba kamu bayangkan, sebuah blog yang memiliki ratusan artikel bahkan mencapai ribuan namun tidak ada satupun artikel tersebut yang muncul dipencarian Google? Tapi blog tersebut didaftarkan ke Adsense, apa yang terjadi? Tentu saja akan ditolak mentah-mentah oleh Google.

Karena pihak Google akan mendeteksi ulang blog ketika mendaftarkan ke Adsense. Apakah blog tersebut layak untuk mena angkan iklan ataukah sebaliknya. Dan Google pun berhak memilih blog dan website mana yang pantas untuk melakukan penayangan iklan. 

Oleh karena itu daftarkan terlebih dahulu blog kamu ke Google Webmaster. Untuk caranya kamu bisa cari sendiri di website lain. Karena saya sendiri belum pernah membahas tentang itu.🤣 Tapi untuk linknya sudah saya sediakan dibawah ini.

e. Artikel Yang Original Dan Bermutu

Hal penting berikutnya adalah penulisan artikel blog. Buatlah konten blog yang original dan berkualitas tinggi sebelum kamu mendaftarkan Blog kamu ke Adsense. Banyak dari kalangan blogger, yang dimana mereka mempubliskan artikel mereka hasil dari comotan website milik orang lain. Dan ini kesalahan yang sangat fatal! 

Blog yang memiliki konten tidak original saja akan sulit terindeks oleh mesin pencarian Google, apalagi mau didaftarkan ke Adsense. Ya pasti bakalan ditolak! Jangan pernah meremehkan hal yang satu ini. Karena cepat atau lambatnya blog diterima adalah tergantung isi artikel yang ada diblog kamu. Maka buatlah artikel yang berkualitas (SEO) dan original konten. 

f. Buat artikel yang terdiri dari 500 (atau lebih) Kata

Cara yang berikutnya supaya blog bisa celat diterima oleh Adsense adalah menulis artikel yang terdiri dari 500+ kata. Memang bukan termasuk syarat dan ketentuan yang wajib dipenuhi, namun hal ini berdasarkan dengan pengalaman para pemilik blog atau website yang sudah diterima.

Mereka berpendapat bahwa menulis artikel dengan adanya 500+ karakter kata, ini akan mempercepat diterimanya blog atau website oleh Google Adsense. Saya sih kurang tau, blog saya saja belum pernah didaftarkan ke Adsense. Tapi kamu bisa coba sendiri tips yang satu ini. Siapa tau jadi nyata! 

g. Tidak Ada Kesalahan Pada Cakupan Situs di Search Console

Yang berikut ini mungkin sering terjadi dikalangan pemula yang belum paham betul tentang Cakupan situs dan apa efek yang akan didapat jika situs memiliki masalah cakupan. 

Kalau kamu ngeblogging dari tahun 2018, mungkin kamu pernah mengalami adanya eror di search console yang kemudian menyebabkan kepada crawling indeksing. Yang masyhurnya adalah ketika adanya eror Breadcumb pada blog. Dan situs yang memiliki masalah tidak akan muncul dimesin pencarian Google. Sama halnya dengan penjelasan bagian a.

h. Gunakan Domain Custom TLD

Untuk masalah domain mungkin bukan menjadi patokannya. Karena banyak juga dari kalangan blogger yang sudah diterima Adsense dalam keadaan blognya masih menggunakan subdomain bawaan dari blogger (.blogspot.com).

Tapi seandainya kamu menggunakan domain custom, ini akan menjadi peluang besar bagi kamu untuk bisa cepat diterima Adsense. Dan Google akan lebih mengutamakan blog atau website yang sudah menggunakan domain custom TLD. Karena dengan menggunakan domain TLD, Google menilai bahwa blog tersebut terpecaya dan berkualitas. 

Kamu bisa membeli domain custom TLD seperti .com, .co.id, .info atau yang lainnya yang lebih bagus. Jangan lupa juga pakai hosting yang berkualitas tinggi. Agar Google lebih percaya dengan blog kamu. 

i. Artikel Blog Sudah Mencapai 50 Keatas

Diantara sebab cepatnya diterima oleh Google Adsense adalah jumlah artikel yang terindeks secara keseluruhan mencapai 50 atau lebih. Tapi ini bukan sebab yang pasti diterima ya. Karena ada juga beberapa blog yang diterima dalam keadaan artikel masih dibawah 50.

Tapi saran saya tetaplah semangat menuliskan artikel yang berguna dan original. Jangan bersedih hati kalau blog kamu tertolak dalam keadaan artikel sudah diatas 50 lebih. 

Nah, itulah beberapa tips yang bisa saya sampaikan mengenai cara cepat blog diterima oleh Google Adsense pada artikel kali ini. Sebenarnya masih ada beberapa lagi yang tidak saya tuliskan contohnya visitor blog. Banyak blogger yang mengatakan kalau ingin cepat diterima, visitor harus sudah numpuk walaupun artikel tidak banyak.

Tapi itupun bukan sebab yang pasti, ada juga kok blog baru yang sudah diterima oleh Adsense. Namun blog tersebut sudah siap pakai (yang artinya semua menu, halaman, Disclaimer dan lain-lain sudah terpasang dengan rapih dan elegan tanpa harus memiliki visitor yang banyak). 

Semoga tips diatas bisa bermanfaat buat kamu yang merasa pemula seperti saya ini. Jangan malas untuk menuliskan artikel-artikel yang berguna untuk orang lain.
Subscribe to: Comments (Atom)