Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Panduan Setting Template Complify

Leave a Comment
Panduan Setting Template Complify
RISWAN.NET - Panduan Setting Template Complify, Halo sobat blogger kesempatan kali ini saya akan jelaskan cara setting template complify,

Panduan Setting Template Complify

Untuk setting template complify sebenarnya sangat mudah, di sini saya akan coba menjelaskan apa saja yang perlu diedit supaya maksimal.

1. Menambahkan Widget Recent Post

Pertama silahkan masuk Blogger >> Edit HTML kemudian tekan CTRL + F ketikkan Atk Tbr lalu enter, kemudian ubah url blog yang terletak di bawahnya dengan alamat url blog sobat. Seperti pada gambar di bawah ini.

Panduan Setting Template Complify

Selanjutnya masuk Menu Tata Letak, tambahkan Gadget lalu pilih HTML/Javascript tambahkan kode HTML berikut pada widget sidebar

<div id='recent-post'>
<ul id="mamah"></ul>
</div>

Terakhir simpan. Supaya widget artikel terbaru ini dapat tampil dengan normal, sobat harus memiliki minimal 10 postingan pada di blog.

2. Setting Widget Subscribe

Untuk setting widget subscribe sobat cukup rubah username feedburner dengan username feedburner milik sobat, caranya masuk Blogger >> Edit HTML kemudian tekan Ctrl + F untuk melakukan pencarian, tulis riswannet kemudian enter

Panduan Setting Template Complify

Ubah dengan username feedburner milik sobat, lalu simpan template.

3. Menghapus Iklan Adsense di Sidebar

Pertama masuk ke menu Tata Letak, kemudian klik edit pada gadget Sidebartop. Selanjutnya hapus kode yang saya tandai berikut. lalu simpan.


Apabila sobat ingin menghasup beserta slot iklan, silahkan hapus saja Gadget tersebut

4. Memasang Iklan di Dalam Artikel

Pada template complify terdapat tiga slot iklan di dalam artikel, yaitu sebelum, tengah dan sesudah artikel. Untuk cara meletakan iklannya terlebih dahulu silahkan sobat masuk ke menu Tema >> Edit HTML.

Contohnya untuk iklan sebelum artikel, Cari kata "iklan sebelum artikel", kemudian replace kode di dalamnya dengan kode iklan sobat, contohnya seperti pada gambar di bawah ini.

Panduan Setting Template Complify

Dan untuk mrubah kode iklan tengah dan bawah artikel sobat dapat mencarinya dengan kata kunci  "iklan sebelum tengah" dan  "iklan bawah artikel". Perlu diperhatikan untuk pemasnagan iklan Adsense, sobat tidak perlu menyertakan kode Js adsense, cuku kode inti iklannya saja, contohnya seperti berikut

<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6914519643332354"
data-ad-slot="9591819428"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Jadi kode Adsense tidak perlu diparse atau ditambahkan atribut async, hal ini lebih mempermudah dan berdampak bagus untuk kecepatan situs.

5. Replace Artikel Terkait dengan Iklan Matched Content

Silahkan masuk menu Tema >> Edit HTML kemudian tekan Ctrl + F lalu ketikkan Artikel Lainnya enter. Ubah kode yang saya tandai di bawah ini dengan kode iklan matched content sobat

Panduan Setting Template Complify

Terakhir simpan template, lihat perubahannya.

Mungkin untuk panduan setting template Complify saya cukupkan dulu sekian, apabila ada yang ingin sobat tanyakan lebih lanjut silahkan email atau whatsapp saya, semoga dapat membantu terima kasih banyak.
Read More

Cara Mengetahui Jumlah Postingan Blog Punya Orang Lain

Leave a Comment
Cara Mengetahui Jumlah Postingan Blog Orang Lain
RISWAN.NET - Cara Mengetahui Jumlah Postingan Blog Orang Lain, Halo sob blogger, jumlah postingan atau artikel pada sebuah blog menjadi tolak ukur seberapa bagus progress blog tersebut. Semakin banyak artikel yang dipublish maka semakin bagus kualitas blog tersebut.

Dengan megetahui jumlah postingan blog kompetitor juga dapat membantu kita untuk menganalisa dan untuk memotivasi supaya lebih rajin update artikel. Lalu bagaimana apabila kita ingin mengetahui jumlah postingan, Nah pada kesempatan kali ini saya akan berbagi bagaimana cara mengetahui jumlah postingan blog orang lain.

Mengetahui Jumlah Postingan Blog Orang Lain

Untuk mengetahui jumlah postingan blog lain sangatlah mudah, ada dua cara yaitu dengan cara manual dan menggunakan bantuan tool, di sini saya akan jelaskan bagaimana cara mengatahui julah artikel blog orang lain dengan menggunakan tool.

Langkah pertama silahkan sobat kunjungi https://www.riswan.net/p/post-counter.html, maka akan muncul laman seperti berikut ini.

Cara Mengetahui Jumlah Postingan Blog Orang Lain

Selanjutnya silahkan sobat rubah url https://riswan.net dengan url blog yang akan dihitung jumlah postingannya. Selain jumlah postingan dengan tool ini sobat juga dapat menghitung jumlah total  komentar, jadi ubah kedua url-nya.

Cara Mengetahui Jumlah Postingan Blog Orang Lain

Bila sudah berhasil merubah url situs, selanjutnya klik tombol count, maka secara otomatis hasilnya akan tampak pada kolom bagian bawah.

Cara Mengetahui Jumlah Postingan Blog Orang Lain

Sekarang sobat sudah bisa mengetauhi jumlah artikel atau jumlah postingan blog orang lain. Perlu diingat cara ini hanya berfungsi untuk blog dengan platform Blogspot, dan wajib mengaktifkan full RSS.

Demikianlah artikel mengenai Cara Mengetahui Jumlah Postingan Blog Orang Lain, semoga setelah membaca artikel ini sobat jadi tahu dan paham bagaimana Cara Mengetahui Jumlah Postingan Blog Orang Lain.
Read More

Cara Mudah Membuat Widget Recent Post Simpel di Blog

Leave a Comment
RISWAN.NET - Cara Mudah Membuat Widget Artikel Terbaru Simpel di Blog, Widget recent post atau biasa disebut Widget Artikel Terbaru adalah salah satu widget yang wajib dipasang pada sebuah blog, widget ini menampilkan artikel-artikel yang terakhir dipublikasikan.

Oleh karenanya dengan dipasangnya widget Recent Post dapat sekaligus mempromosikan artikel yang baru dipublikasikan, sehingga lebih cepat mendapatkan views.

Pada kesempatan kali ini saya akan berbagi cara membuat widget recent post simple dan keren, pada widget recent post ini hanya menampilkan judul artikel dan ditambah numbering yang terletak di sebelah kiri membuat widget recent post ini terlihat keren.

Sobat dapat melihat demonya terelbih dahulu di bawah ini, atau juga lihat widget recent-post yang Riswan.net Gunakan di Sidebar.

See the Pen PxpwRE by Riswan Net (@deniriswana) on CodePen.

Bagi yang tertarik langsung saja ke tutorialnya, yuk simak Cara Mudah Membuat Widget Recent Post Simpel di Blog di bawah ini.

Membuat Widget Recent Post Simpel

Pertama silahkan Login ke Blogger sobat, kemudian pilih Menu Tata Letak, lalu tambahkan Gadget di bagian Sidebar.

Pilih HTML/Javascript, kemudian paste kode di bawah ini ke dalam widget
<style>
/* Artikel Terbaru by Riswan.net*/
#recent-post {background:#1565c0;border-radius:0px}
#recent-post h2,#recent-post h3{background:#ffce41!important;border-radius:0}
#recent-post a:link, #recent-post a:visited{font-weight:normal}
#recent-post ul{width:100%;padding:0 0 10px}
#recent-post ul li {margin:0 !important;padding:8px 8px 8px 42px !important;position:relative;counter-increment:num;border-bottom:1px dotted #31c067 !important}
#recent-post ul li a {font-weight:normal !important;color:#fff !important;letter-spacing:0.5px;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important;padding-right:8px !important}
#recent-post ul li a:hover {color:#ffce41 !important;}#recent-post ul li:before,#recent-post ul li .item-title a{font-weight:300;font-size:12px;color:inherit;text-decoration:none}
#recent-post ul li:before{content:counter(num);display:block;position:absolute;font-size:20px !important;top:9px;left:10px;font-weight:bold !important;font-style:italic;color:#ffce41 !important}
#recent-post{margin:0 auto}
#recent-post ul li:last-child{border-bottom:none !important}
</style>
<div id='recent-post'>
<ul id="riswannet"></ul>
</div>
<script>
//<![CDATA[
// Atk Tbr by Riswan.net
var homePage = "https://www.riswan.net/",
numPosts = 10;
function recentPosts(a){if(document.getElementById("riswannet")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("riswannet");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="riswannet"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Jangan lupa untuk merubah https://www.riswan.net dengan alamat situs sobat, sobat juga dapat merubah jumlah artikel yang tampil pada widget recent post ini dengan merubah value 10.

Apabila sudah selesai lansung Simpan, lalu silahkan cek hasilnya. Sampai sini sobat sudah berhasil memasang widget recent post simpel dan keren di blog, mudah bukan?

Baca Juga: Cara Membuat Slot Iklan Banner Keren di Blog

Demikianlah artikel mengenai Cara Mudah Membuat Widget Recent Post Simpel di Blog, semoga dengan tutorial blogging singkat ini semoga dapat membantu sobat dalam editing tampilan blog dan dapat meningkatkan peforma blog.
Read More

Cara Membuat Slot Iklan Banner Keren Ala Riswan.net

Leave a Comment
Cara Membuat Slot Iklan Banner Keren Ala Riswan.net
RISWAN.NET - Cara Membuat Slot Iklan Banner Keren Ala Riswan.net, Halo sobat Riswan, kali ini saya akan berbagi bagaimana cara membuat slot iklan banner keren seperti yang digunakan Riswan.net.

Terlihat keren karena dipadukan dengan animasi simpel yang dapat dilihat di background slot iklan. Membuat slot banner iklan ini cukup menggunakan CSS dan HTML, jadi cukup ringan untuk dimuat. Sebelum menuju triknya sobat bisa lihat terlebih dahulu demo tampilannya di bawah ini.

See the Pen Slot Iklan Keren Ala Riswan.net by Riswan Net (@deniriswana) on CodePen.

Bagaimana, tertarik untuk mencoba memasang slot iklan banner ala Riswan.net di blog sobat? Bila tertarik yuk simak tutorialnya di bawah ini.

Membuat Slot Iklan Banner Keren Dengan CSS

Pertama silahkan Login ke Blogger kalian, kemudian masuk ke menu Tata Letak, Selanjutnya klik Tambahkan Gadget.

Kemudian pilih HTML/Javascript, lalu tempelkan kode berikut ini di dalamnya
<style>
/* Iklan Sidebar by www.riswan.net*/
#iklan-sidebar {background:#6E7A86;height:250px;width:auto;max-width:100%;font-weight:700;overflow:hidden;position:relative;}
#iklan-sidebar .buttton{list-style: none;overflow:hidden;margin:0;position:absolute;left:50%;top:55%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
#iklan-sidebar .buttton a.download{list-style:none;display:inline-block;background:#fff;color#394B5C;font-size:14px;font-weight:400;padding:8px 18px;border-radius:3px;overflow:hidden;}
#iklan-sidebar .buttton a.download:hover{background:#f03c29;color:#fff;overflow:hidden;}
#iklan-sidebar .visible{margin:0;position:absolute;left:50%;margin-right;-px;top:30%;color:#fff;font-size:2rem;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
.circles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,0.07);animation:animate 45s linear infinite;bottom:-150px;z-index:0}
.circles li:nth-child(1){left:25%;width:40px;height:40px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:10px;height:10px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:10px;height:10px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:40px;height:40px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:10px;height:10px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:30px;height:30px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:20px;height:20px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:15px;height:15px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:5px;height:5px;animation-delas;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:30px;height:30px;animation-delay:0s;animation-duration:11s}
@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}
</style>
<div id='iklan-sidebar'>
<ul class='circles'><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>
<div class="buttton">
<li><a class="download" href="https://www.riswan.net/p/pasang-iklan.html" rel="nofollow noopener" target="_blank">Advertise Now</a></li>
</div>
<div class='visible'>
<p>
300 x 250
</p>
</div>
</div>

Silahkan rubah value yang saya tandai sesuai keinginan sobat

background:#6E7A86 : warna background
https://www.riswan.net/p/pasang-iklan.html : link tujuan

Terakhir Simpan Widget, selesai.

Bagaimana mudah bukan membuat slot iklan keren ala Riswan.net, sobat dapat mengubah ukuran dan warna background dari slot iklan tersebut, jangan lupa juga untuk merubah link tujuannya.

Baca Juga: Cara Agra Artikel Tidak Bisa Dicopy Paste Kecuali Bagian Tertentu

Demikianlah artikel mengenai Cara Membuat Slot Iklan Banner Keren Ala Riswan.net, semoga tutorial singkat ini dapat bermanfaat bagi kawan-kawan blogger semua.
Read More

Template Yang Digunakan Riswan.net

Leave a Comment
Template Complify Yang Digunakan Riswan.net
RISWAN.NET - Template Yang Digunakan Riswan.net, Halo sobat Riswan.net, Pada kesempatan kali ini saya akan berbagi info mengenai template blogger yang digunakan oleh Riswan.net, simak selengkapnya di bawah ini.

Template Bogger Riswan.net

Banyak yang email atau whatsapp saya menanyakan template blogger yang saya gunakan. Sebenarnya template yang saya gunakan adalah template Simplify Premium versi pertama yang kemudian saya edit dan redesign sedemikian rupa.

Mungkin walaupun hasilnya tidak seberapa bagus dan kurang memuaskan tapi alhamdulillah saya cukup puas dengan template ini. Dan sebenarnya tidak ada yang spesial dengan template yang saya gunakan ini, hanya saja untuk menjawab pertanyaan yang masuk.

Saya sendiri memberikan nama template ini dengan nama Complify V.1.0. Oke, bagi yang penasaran dengan kelebihan serta fitur-fitur dari template yang saya gunakan mari cek di bawah ini.

Kelebihan Dari Template Complify

Walaupun terdapat banyak kekurangan yang dimiliki oleh template ini, tapi ada beberapa kelebihan yang akan sangat membantu, berikut ini beberapa kelebihan dari template Complify.

1. Tampilan Simpel dan Responsive

Tampilan dari template complify ini terbilang simpel, dengan menggunakan tampilan gaya lama. Dan juga responsive di semua ukuran layar perangkat.

2. Kecepatan Telah Dioptimasi

Dengan memakai template yang ringan, akan membuat pengalaman pengunjung yang baik. Karena kebanyakan pengunjung langsung meninggalkan situs yang lama dimuat.

Template complify ini sendiri sudah dioptimasikan kecepatan loadinya, sehingga tidak perlu khawair lagi situs sobat lama dimuat.

Hasilnya dapat dilihat dari skor Page speed template Complify yang diuji dengan GTmetrix, hasilnya rata-rata mencapai 99%. Dan apabila sobat menghapus widget Recent post yang terletak di sidebar maka saya pastikan nilai nya akan menjadi 100% - 100%.

Template Yang Digunakan Riswan.net

Semua gambar yang diupload otomatis akan dioptimasikan kecepatnnya, sobat dapat melihat hasilnya secara langsung di blog demo.

Fitur Pada Template Complify

Features Availability
Responsive True
Google Testing Tool Validator True
SEO Friendly True
Mobile Friendly True 
Dynamic Heading True
Adsense Support True
Valid Schema.org True
High CTR True
Personal Blog True
2 Column True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Footer Link True
Related Posts with Thumb True
Search Box True
Featured Image True
Back to Top Button True
Shortcodes True
Unlimited Page Numbered True
Recent Post with Thumbnail True
Saya menyedikan dua tampilan untuk template complify ini, keduanya memiliki tampilan dasar yang sama, hanya saja pada tampilan header yang berbeda. Yang penasaran berikut demonya.

Bagaimana Cara Mendapatkan Template Complify?

Sobat cukup membayar Rp 50.000 untuk mendapatkan template ini, dan dapat digunakan di banyak domain (tidak dibatasi), dengan membeli template complify ini sobat akan mendapatkan kedua versi di atas,

Bagi sobat yang tertarik dan berminat menggunakan template yang digunakan Riswan.net ini, sobat dapat langsung menghubungi kami melalui email csriswannet@gmail.com atau kontak whatsapp dengan klik nomor ini 081312251581.

Untuk setelan template dan widget bisa soabt lihat di postingan Riswan.net selanjutnya. Mungkin hanya itu dari saya untuk postingan kali ini, semoga dengan template ini bisa mendukung kegiatan blogging sobat semua. Terima kasih.
Read More

Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank

Leave a Comment
Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank
RISWAN.NET - Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank, Salah satu penyebab turunnya pagerank atau peringkat situs pada mesin pencari yaitu adanya broken link atau link mati pada situs kita, baik itu link internal maupun link eksternal, oleh karenanya kita harus mengetahui broken link pada blog kita.

Broken link baik itu link internal maupun link eksternal yang terdapat pada situs dapat kita perbaiki dengan merubahnya atau menghaus broken link tersebut, untuk mengurangi jumlah error link pada blog sehingga mempertahankan skor SEO blog sobat.

Solusi lainnya ketika link internal mati dan pengunjung diarahkan ke halaman 404 error page, masalah ini dapat sobat atasi dengan meredirect atau mengalihkan halaman 404 error page ke homepage atau halaman lainnya, supaya tidak berdampak buruk terhadap SEO blog. Untuk tutorial mengalihkan halaman 404 ke homepage baca di sini.

Tapi bila sobat ingin mengetahui broken link pada blog dan cara menghapus nya sobat bisa membaca tutorial di bawah ini, saya akan coba menjelaskan Bagaimana Cara Mengetahui dan Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank dan SEO blog, simak di bawah ini.

Cara Mengetahui Broken Link Pada Blog

Pertama saya akan menjelaskan dulu nabaimana cara mengetahui broken link pada blog, di sini kita akan menggunakan bantuan tools supaya mudah dan praktis, silahkan sobat kunjungi brokenlinkcheck.com

Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank

Selanjutnya masukkan alamat situs sobat pada kolom yang tersedia, kemudian klik Find Broken Link, lalu tahap berikutnya masukkan security code sesuai dengan gambar yang diberikan dan pilih opsi Report all occurrences lalu klik Find Broken Link Now!

Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank

Setelah itu maka secara otomatis sistem akan melakukan scanning terhadap situs sobat dan menemukan link mana saja yang rusak atau mati.

Setelah scanning broken link selesai, maka sobat akan mendapatkan daftar link yang mati, seperti pada gambar di bawah ini:

Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank

Cara Menghapus Broken Link Pada Blog

Setelah mengetahui Link mana saja yang mati atau broken link, tahap selanjutnya sobat bisa memperbaiki link tersebut atau menghapusnya. Lalu mana yang lebih baik? Memperbaiki Broken link atau menghapusnya? Apabila broken link dikarenakan kesalahan penulisan maka sobat cukup memperbaikinya saja dengan link yang benar.

Dan bila broken link merupakan link yang benar-benar error dan link tersebut memang tidak tersedia seperti eksternal link yang sudah mati, maka sobat dapat menghapus link tersebut.

Nah untuk cara mengetahui letak broken link tersebut pada blog sobat caranya cukup mudah, sobat tinggal klik url disebelah broken link. Lihat gambar di bawah ini

Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank

maka sobat akan di arahkan ke link artikel tersebut. Selanjutnya silahkan sobat cek langsung di Blogger untuk edit artikel tersebut dengan memperbaiki atau menghapus Link yang sudah mati tadi.

Dengan menghilangkan broken link saya pastikan dapat meningkatkan kualitas blog di mesin pencari (robot crawler) dan memudahkan link mudah diindex oleh Google.

Baca Juga: Cara Submit URL di Webmaster Tool yang Baru

Demikian artikel mengenai Cara Menghapus Broken Link Pada Blog Untuk Meningkatkan Pagerank, semoga stelah membaca artikel ini sobat paham apa itu broken link pada blog dan cara memperbaikinya.
Read More

Jasa Content Placement Murah Berkualitas

Leave a Comment
Jasa Content Placement Murah Berkualitas
RISWAN.NET - Jasa Content Placement Murah Berkualitas - Memiliki blog dengan trafik yang tinggi bukan lah hal yang mudah didaptkan, sobat harus melakukan beberapa optimasi terhadap blog, seperti riset keyword, optimasi SEO, dan yang paling manjur adalah dengan tanam backlink pada situs lain.

Ya dengan menanam backlink di situs lain akan membuat peringkat blog terangkat serta artikel mudah tampil di halaman awal mesin pencari, sehingga dapat membuat trafik blog melonjat tinggi. Salah satu bentuk dari menanam backlink yaitu dengan Content Placement.

Apa Itu Content Placement?

Content Placement merupakan sebuah kerjasama antara dua pemilik website atau blog di mana blog yang menerima content placement akan mempublikasikan artikel yang relevan beserta menanam backlink pada artikel tersebut.

Jasa Content Placement Murah Berkualitas

Seperti yang telah saya jelaskan Content placement merupakan salah satu bentuk untuk mendapatkan backlink dalam bentuk artikel pada blog orang lain. Hal yang paling perlu diperhatikan ketika hendak memakai jasa content placement adalah kualitas dari blog tersebut. Paling utama yang dilihat adalah dari Alexa Rank dan DA dan PA.

Biasanya isi konten dari Cotent Placement sendiri adalah review dari produk konsumen atau artikel yang relevan dengan blog konsumen.

Apa Keuntungan dari Content Placement

Banyak keuntungan yang didapatkan dari kerjasama content placement, diantaranya yaitu dapat mempromosikan prosuk atau situs sobat, meningkatkan page rank serta alexa rank, meningkatkan kualitas SEO sehingga trafik blog meningkat, meningkatkan DA PA blog dan yang pasti mendapatkan backlink yang berkualitas.

Kenapa Kerja Sama Content Placement di Riswan.net?

Riswan.net merupakan blog dengan niche Teknologi dan blogger dengan umur blog sekitar dua tahun kurang dihitung sejak Januari 2017. Riswan.net memiliki Page view rata-rata 8000 - 10.000 per hari, walaupun masih terhitung sedikit, tapi sudah saya buktikan dengan menanam backlink beberapa situs saya dan sudah banyak perusahan-perusahan yang menanam backlink di Riswan.Net dan hasilnya lumayan memuaskan.

Selain itu Riswan.net memiliki Alexa Rank yang cukup ramping dan tidak terlalu buruk, yang artinya dapat membantu menaikan Alex Rank blog sobat, berikut ini Alexa Rank dari blog Riswan.net.

Jasa Content Placement Murah Berkualitas

Selain dari sisi page view dan Alexa Rank, yang perlu diperhatikan dari content placement yaitu nilai DA (Domain Authority) dan PA (Page Authority), berikut nilai DA PA dari blog Riswan.net:

Jasa Content Placement Murah Berkualitas

Dan saya pastikan page view, alexa rank serta DA PA di atas akan terus meningkat. Selain itu backlink yang sobat tanam di Riswan.net tidak akan memiliki masa kadaluarsa artinya akan terpasang selamanya dengan status dofollow.

Supaya hasil maksimal, sobat akan mendapatkan dua backlink, satu link akan mengarah ke homepage situs sobat, dan satu link akan mengarah ke artikel tertentu dari situs sobat.

Harga Content Placement di Riswan.net

Rata-rata perusahaan yang bekerja sama Content Placement dengan Riswan.net memberikan fee sebesar 250 ribu samapi dengan 300 ribu per artikel, dengan opsi artikel saya yang menyediakan. Tapi untuk sobat teman-teman blogger saya membrikan harga spesial untuk kerjasama content placement ini.
Masa Berlaku Harga Keterangan
Seumur Hidup Rp 70.000 Artikel dari Saya
Seumur Hidup Rp 50.000 Artikel dari Sobat
Cukup murah bukan? Dengan harga tersebut sobat akan mendapatkan dua backlink berkualitas dari Riswan.net dan berlaku untuk selamanya.
harga di atas khusus bagi blog peroranagn atau non komersial
Baca Juga: Jasa membuat Blog Untuk Adsense Murah

Tertarik dengan penawaran Content Placement di blog Riswan.net? Bagi sobat yang tertarik dapat langsung menghubungi admin ke email: csriswannet@gmail.com, atau dapat langsung chat melalui whatsapp di bawah ini

Read More

Menambahkan Style Button Pada Tulisan Tertentu di Blog

Leave a Comment
Menambahkan Style Button Pada Tulisan di Blog
RISWAN.NET - Menambahkan Style Button Pada Tulisan Tertentu di Blog, Halo sobat Riswan, dengan meguasai ilmu CSS dan HTML akan mempermudah kita dalam mengedit tampilan blog,

Pada postingan kali ini saya akan berbagi cara membuat tulisan dengan style button pada postingan di blog, memenuhi permintaan dari teman saya Kang Rezza.

Menambahkan Style Button Pada Tulisan Tertentu di Blog

Mungkin kalian baru dengar "Tulisan dengan Style Button", yup karena saya sendiri yang membuat istilah tersebut, entah apa nama yang cocok, tapi kelihatannya terlihat seperti button.

Untuk membuatnya sendiri cukup mudah, sobat cukup menerapkan kode css pada template sobat lalu memanggilnya dengan tag class css tersebut ketika hendak memakainya pada postingan.

Menambahkan Style Button Pada Tulisan di Blog

Pertama silahkan login di Blogger, lalu masuk ke Edit HTML, selanjutnya cari kode ]]></b:skin> lalu letakan css di bawah ini tepat sebelum kode ]]></b:skin>

.post qode{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:14px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700}

Sedangkan untuk pengguna cms Wordpress dapat meletakan kode css tersebut pada bagian custom code yang telah disediakan oleh theme atau melalui theme editor dan pilih file css lalu ganti .post sesuai element yang digunakan oleh theme contohnya .entry-content

.entry-content qode{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:14px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700}

Kemudian simpan template, selanjutnya untuk mengaplikasikan pada tulisan postingan sobat tinggal memangil css tadi dengan menambahkan kode pada tulisan tertentu. Pengaplikasiannya kurang lebih seperti berikut ini, pastikan sobat menulisnya pada mode HTML

<qode> Contoh Tulisan </qode>

Selesai, lalu pratinjau untuk melihat perubahan. Mudah bukan? Dengan menerapkan style css ini setidaknya dapat mempercantik tampilan tulisan dan dapat digunakan untuk menandai bagian tulisan yang sekiranya penting.

Baca Juga: Cara Modifikasi Style Heading H2 Pada postingan

Demikianlah artikel mengenai Menambahkan Style Button Pada Tulisan Tertentu di Blog, semoga tutorial blogger ini dapat bermanfaat bagi sobat blogger semua, terima kasih.
Read More

Cara Membuat Jump Link di Blog

Leave a Comment
Cara Membuat Jump Link di Blog
RISWAN.NET - Cara Membuat Jump Link di Blog, Halo sobat Riswan, dengan mengetahui banyak mengenai HTML, CSS, Javascript atau lainnya dapat membatu kita dalam mengembangkan blog kita, seperti memaksimalkan fungsi pada blog, tampilan dan fitur-fitur yang bermanfaat bagi pengunjung.

Salahsatu ilmu HTML yang sangat mudah dimengerti dan dapat diterapkan pada blog yaitu jump link, apa itu jump link? Apa fungsi jump link dan bagaimana cara membuat jump link di blog? Yuk simak selengkapnya di bawah ini:

Apa Itu Jump Link

Jump link merupakan lompatan yang mengarah kepada sebuah teks, elmen atau bisa gambar pada sebuah halaman HTML ketika melakukan klik pada sebuah link.

Fungsi Jump Link

Sebenarnya banyak fungsi dan kegunaan dari jump link apabila kita kreatif dan bisa melakukan improvisasi, tapi pada umumnya Jump link biasa digunakan untuk mempermudah pembaca untuk menuju suatu paragraf atau bagian artikel hanya dengan melakukan satu klik.

Apabila masih ambigu dengan penjelasan yang saya berikan, saya akan memberikan contoh penggunaan jump link pada artikel ini, silahkan sobat coba klik tombol di bawah ini:

Cara Membuat Jump Link di Blog

Untuk membuat jump link di blog terhitung sangat mudah dilakukan, di sini saya akan mencontohkan membuat jump link pada postingan blog.

Pertama silahkan sobat membuat link yang ketika diklik akan menuju tulisan lain, contohnya saya mebuat link "Demo Jump Link" yang ketika diklik akan menuju tulisan "Target", kemudian isikan alamat dengan pembungkus kata dari target, cotoh saya menggunakan #kliklink

<a href="#kliklink"> Demo Jump Link </a>

Setalah itu silahkan sobat bungkus tulisan yang dituju dengan html pembungkus tadi #kliklink

<div id="kliklink" > Target </div>

Selesai, simpan perubahan. Tidak hanya di postingan sobat juga dapat menggunakan cara ini pada hompage, halaman static, wordpress dan halaman dengan structur HTML lainnya.

Demikian artikel mengenai Cara Membuat Jump Link di Blog, semoga dapat dimengerti dan mudah untuk dipraktekan, apabila penjelasan yang saya berikan membuat sobat bingung mohon koreksi serta sarannya.
Read More

Cara Submit URL di Google Webmaster Yang Baru

Leave a Comment
Cara Submit URL di Google Webmaster Yang Baru
RISWAN.NET - Cara Submit URL di Google Webmaster Yang Baru, Submit URL artikel pada Google webmaster atau Google search console sangatlah penting, dengan submit URL artikel blog akan cepat terindex oleh mesin pencari Google, dan dapat ditemukan di pencarian Google.

Kebiasaan yang saya lakukan selama ini untuk submit URL artikel yaitu dengan mengunjungi halaman https://www.google.com/webmasters/tools/submit-url atau dengan mengetikan keyword 'Google Submit URL' pada pencarian Google. Tapi seperti yang telah kita ketahui cara tersebut sudah tidak dapat digunakan lagi, karena Google sudah menghapus fitur submit url tersebut.

Maka sebagai gantinya saya hanya melakukan submit sitemap dan melakukan fetch as Google pada Search console versi lawas, seperti pada gambar di bawah ini. Dan harus sobat ketahui sekarang sudah ada Google Search console versi terbaru, dan sobat harus mulai mencobanya dari sekarang.

Cara Submit URL di Google Webmaster Yang Baru

Kenapa Harus Submit URL di Google Webmaster Yang Baru

Webmaster tool atau Google Serach console telah melakukan perubahan, dari segi penampilan dan dari cara untuk melakukan submit URL blog. Oleh karenanya mulai dari sekarang sobat harus mengetahui bagaimana cara melakukan submit URL pada webmater/ Google search console yang baru, walaupun Google Search console versi lawas masih bisa diakses.

karena laut lambat Google pasti akan menutup webmaster tool versi lama dan menggantinya dengan yang baru, selain itu kenapa sobat harus mencoba Google Search Console yang baru? Alasannya karena pada Search console yang baru artikel dapat diindex dengan cepat, berbeda dengan Serach console yang lawas, sering mengalami error.

Jadi mulai dari sekarang sobat dapat mencoba Google webmaster tool atau Google earch console yang baru untuk submit URL artikel. Lalu bagaimana caranya? Yuk simak tutorial lengkap Cara Submit URL di Google Webmaster Yang Baru di bawah ini.

Cara Submit URL di Google Webmaster Yang Baru

Pertama silahkan sobat kunjungi Google Search Console https://search.google.com/search-console/about, lalu klik Mulai Sekarang.

Cara Submit URL di Google Webmaster Yang Baru

Tampilan muka dari Google Search Console yang baru seperti berikut, terlihat lebih modern dan simpel. Untuk melakukan submit URL homepage atau URL artikel silahkan sobat pilih menu Inspeksi URL.

Cara Submit URL di Google Webmaster Yang Baru

Kemudian masukan URL situs yang akan sobat minta untuk diindex, contoh URL homepage atau URL artikel, lalu tekan enter.

Cara Submit URL di Google Webmaster Yang Baru

Apabila url artikel yang sobat submit masih baru dan belum terindex oleh google maka tampilannya akan seperti berikut ini, untuk supaya artikel dapat diindex oleh google silahkan sobat klik Minta Pengindeksan.

Cara Submit URL di Google Webmaster Yang Baru

Kemudian tunggu beberapa saat sampai muncul notifikasi seperti berikut ini: itu artinya URL sudah diterima untuk diindex dan menunggu antrian pei=ngindexan dari mesin crawl.

Cara Submit URL di Google Webmaster Yang Baru

Tunggu beberapa saat, dan silahkan sobat cek kembali dengan memasukan URL artikel tadi pada kolom inspeksi URL untuk mengecek apakah URL telah diindex. Apabila URL berhasil diindex mesin crawl maka tampilannya akan seperti berikut.

Cara Submit URL di Google Webmaster Yang Baru

Nah begitulah cara submit URL dan meminta pengindeksan pada Webmaster atau Google Search Console yang baru, cukup mudah bukan? Sekarang sobat dapat submit URL artikel lainnya yang belum diindex Google.

Dengan melakukan Submit artikel dan minta pengindeksan pada webmaster atau Google Search Console artikel akan mudah untuk diindex oleh Google dan berpeluang besar tampil di halaman utama Google.

Untuk cara submit Sitemap pada Google Search Console yang baru juga cukup mudah, tapi saya akan membuat tutorialnya di postingan selanjutnya, supaya artikel ini tidak terlalu panjang.

Baca Juga: Waktu Yang Tepat Untuk Menulis di Blog

Demikianlah artikel mengenai Cara Submit URL di Google Webmaster Yang Baru, Semoga dengan membaca artikel ini sobat mengetahui bagaimana cara submit url pada Google webmaster terbaru 2018, terima kasih.
Read More

Cara Memasang Script Terbaru Anti Inspect Element di Blog

Leave a Comment
Cara Memasang Script Anti Inspect Element di Blog
Cara Memasang Script Anti Inspect Element di Blog - Sesuai dengan namanya Inspect Elements berfungsi untuk memeriksa/menampilkan susunan element yang terkandung di dalam suatu halaman, seperti kode CSS, HTML dan Java Script. Hal tersebut dapat dilakukan melalui browser seperti Chorme atau Mozilla,  maka setiap orang dapat dengan mudah melihat framework situs kita.

Oleh karenanya sobat dapat melakukan pemblokiran terhadap aktivitas tersebut, salah satu caranya dengan menjalankan script anti inspect element, supaya situs kita dapat terlindungi dari pencurian informasi framework.

Cara kerja dari script Anti Inspect Elements yang akan saya bagikan cukup sederhana, yaitu memblokir akses ke bagian Element di browser dan akan akan membuat bagian Inspect Elements tidak dapat diakses seperti biasanya. Berikut ini contohnya:

Cara Memasang Script Terbaru Anti Inspect Element di Blog

Cara memasang Anti Inspect Elements di Blog

Untuk cara pemasangan script anti inspect element caranya sangat mudah, simak langkah-langkahnya di bawah ini:

Langkah Pertama
Masuk ke Blogger > Pilih menu Tema > Klik Tombol Edit HTML > Tambahkan kode di bawah ini tepat sebelum kode penutup body </body>

<script type='text/javascript'>
//<![CDATA[
// Anti Inspect Element
!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();
//]]>
</script>

Langkah Kedua
Terakhir, klik tombol Simpan/Save tema dan selesai.

Untuk mencoba apakah script di atas bekerja dengan benar, silakan sobat buka blog yang sudah dipasng script anti inspect element dan klik kanan kemudian klik Inspect atau dengan shortcut ctrl=shift=i. Hasilnya bagian Inspect Elements pada blog sobat tidak akan bekerja dengan normal, terlihat seperti diblokir oleh debug dan ini akan bermanfaat jika sobat tidak ingin orang lain tahu bagian-bagian dari framework tema yang blog sobat gunakan.

Demikian Tutorial Cara Memasang Script Anti Inspect Element di Blog yang dapat saya sampaikan. Dengan menggunakan cara ini semoga blog sobat akan lebih aman dari pencurian script atau framework olah orang lain. Semoga bermanfaat.
Read More

Cara Memasang Tampilan Komentar Blogger Terbaru

Leave a Comment
Cara Memasang Tampilan Komentar Blogger Terbaru
Cara Memasang Tampilan Komentar Blogger Terbaru - Malam sobat blogger, dengan memperbaharui tampilan situs blog membuat tampilan blog lebih menarik. Banyak juga blogger yang mengikuti trend blogger terkini seperti menggunakan warna gradasi dan lainnya.

Pada artikel kai ini saya akan berbagi bagaimana cara memasang tampilan komentar blogger terbaru, seperti tampilan komentar pada template blogger terbaru.

Memasang Komentar Blogger Terbaru

Langkah Pertama
Silahkan login di Blogger

Langkah Kedua
Masuk ke Tema >> Edit HTML

Langkah Ketiga
Lalu cari kode ini <b:skin>

Langkah Keempat
Letakan kode di bawah ini tepat di setelah kode <b:skin>
<Group description="New Comment Required - Dont edit">
<Variable name="body.background" description="Body Background" type="background" color="#000" default="#000 none repeat scroll top left" value="#000 none repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal normal 14px 'roboto', sans-serif" value="normal normal 14px &#39;roboto&#39;, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222" value="#222222"/>
<Variable name="body.text.font" description="2"
type="font"
default="$(body.font)" value="normal normal 14px &#39;roboto&#39;, sans-serif"/>
<Variable name="posts.background.color" description="6"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="7"
type="color"
default="#2196f3" value="#2196f3"/>
<Variable name="body.link.visited.color" description="8"
type="color"
default="$(body.link.color)" value="#2196f3"/>
<Variable name="body.link.hover.color" description="9"
type="color"
default="$(body.link.color)" value="#2196f3"/>
<Variable name="blog.title.font" description="10"
type="font"
default="$(robotoBold45)" value="$(robotoBold45)"/>
<Variable name="blog.title.color" description="11"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="header.icons.color"
description="12"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.font" description="13"
type="font"
family="$(body.font.family)"
size="$(body.font.size)"
default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/>
<Variable name="tabs.color" description="14"
type="color"
default="#ccc" value="#cccccc"/>
<Variable name="tabs.selected.color" description="15"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="16"
type="color"
default="$(posts.background.color)" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="17"
type="color"
default="$(posts.text.color)" value="#222222"/>
<Variable name="tabs.overflow.selected.color" description="18"
type="color"
default="$(posts.title.color)" value="#212121"/>
<Variable name="posts.title.color" description="19"
type="color"
default="#212121" value="#212121"/>
<Variable name="posts.title.font" description="20"
type="font"
default="$(robotoBold22)" value="$(robotoBold22)"/>
<Variable name="posts.text.font" description="21"
type="font"
default="$(body.text.font)" value="normal normal 14px &#39;roboto&#39;, sans-serif"/>
<Variable name="posts.text.color" description="22"
type="color"
default="$(body.text.color)" value="#222222"/>
<Variable name="posts.icons.color"
description="23"
type="color"
default="#707070" value="#707070"/>
<Variable name="labels.background.color"
description="24"
type="color"
default="$(sidebar.backgroundColorTopHD)" value="$(sidebar.backgroundColorTopHD)"/>
</Group>

Langkah Kelima
Kemudian cari kode commentFormIframeSrc, kemudian ganti semua kode tersebut dengan kode di bawah ini:
commentFormIframeSrc + "&skin=contempo" + data:variantParam

Langkah Keenam
Silahkan Simpan Template

Dengan memasang tampilan komentar blogger terbaru, situs blog sobat akan terlihat lebih rapi dan menarik. Juga cara ini bisa menjadi solusi bagi yang kehilangan notifikasi komentar blogger terbaru via email.

Semoga tutorial Cara Memasang Tampilan Komentar Blogger Terbaru di atas dapat bermanfaat bagi sobat semua, dan dapat mempercantik tampilan situs blog sobat.
Read More

Notifikasi Komentar Blogger Hilang

Leave a Comment
Notifikasi Komentar Blogger Hilang
Notifikasi Komentar Blogger Hilang - Halo sobat blogger, aktivitas blogging memang menjadi sebuah kesenangan tersendiri, apalagi bila tulisan atau karya kita dapat memberikan manfaat banyak bagi orang lain. Salahsatu ciri artikel bermanfaat atau disukai pengunjung yaitu ketika artikel kita dishare atau pengunjung berkomentar di situs.

Saya pribadi sangat senang apabila artikel ramai dengan komentar, notifikasi komentar blogger secara default akan dikirim ke email blog. Tapi akhir akhir ini ada kendala bisa dibilang bug, dimana blogger tidak lagi mengirimkan notifikasi melalui email ketika seseorang berkomentar di blog.

Tidak Lagi Mendapat Notifikasi Komentar Terbaru

Mungkin sobat juga mengalami hal yang serupa, beberapa akun blog saya tidak lagi mendapatka notifikasi komentar terbaru. Dan setelah saya googleing dan jalan-jalan di forum bantuan ternyata yang mengalami hal ini bukan saya juga, banyak teman-teman blogger luar yang mengalami hal serupa.

Ada yang beranggapan hal ini akibat dari Update Google mengenai GDPR Google, sehingga memungkinkan untuk persetujual ulang dari pemilik blog untuk mendapatkan notifikasi email. Karena apabila sobat membuat blog baru di Blogger, maka sobat akan mendapatkan email persetujuan untuk berlangganan notifikasi komentar pada blog tersebut, contohnya seperti gambar di bawah ini.

Tidak Mendapatkan Notifikasi Komentar Blogger Melalui Email

Gambar tadi menunjukan Google meminta persetujuan langganan untuk mendapat update notifikasi komentar dari blog, mungkin hal ini menjadi penyebab blog lama tidak lagi mendapat notifikasi email komentar.

Cara Mengatasi Notifikasi Komentar yang Hilang

Setelah beberapakali riset dan blogwalking mencari informasi tambahan, akhirnya saya menemukan solusi bagaimana supaya mendapatkan kembali notifikasi komentar terbaru melalui email. Sebenarnya ada tiga cara, dan ketiganya sudah diuji dan berhasil 100%.

1. Memperbaharui Tampilan Komentar

Cara yang pertama mengatasi notifikasi komentar yang hilang yaitu dengan memperbaharui tampilan komentar blogger, setelah saya coba perbaharui notifikasi komentar langsung berjalan seperti biasa, work 100%.

Saya sendiri lebih suka tampilan kolom komentar yang sekarang, karena terlihat lebih rapi dan modern dibanding tampilan sebelumnya, untuk demonya sobat bisa lihat kolom komentar pada situs saya. cara memasang tempilan komentar blogger terbaru sobat bisa baca di artikel Cara Memasang Tampilan Komentar Blogger Terbaru.

2. Mengaktifkan Moderasi Komentar

Cara yang kedua yaitu dengan mengaktifkan moderasi komentar pada blog, cara ini sudah terbukti berhasil 100%. Dengan mengaktifkan moderasi komentar komentar yang masuk akan menunggu persetujuan dari author untuk dipublish.

Adapun untuk cara mengaktifkannya sobat dapat perhatikan tutorial singkat di bawah ini. Pertama masuk Blogger >> Setelan >> Postingan, Komentar dan Berbagi, lalu pada Moderasi Komentar pilih Selalu, kemudian masukan email author, Simpan Setelan.

Tidak Mendapat Notifikasi Komentar Blogger Melalui Email

Kemudian silahkan cek email sobat yang tadi didaftarkan, akan ada email Comment Moderation, silahkan buka lalu klik Subscribe.

Tidak Mendapat Notifikasi Komentar Blogger Melalui Email

Setelah subscribe sobat bisa coba untuk berkomentar, dan hasilnya notifikasi komentar muncul kembali di email.

Tidak Mendapat Notifikasi Komentar Blogger Melalui Email

3. Menambahkan Email di Notifikasi Komentar

Yang terakhir yaitu menambahkan email di klom Notifikasi Komentar, silahkan sobat masuk Setelan >> Email >> Notifikasi Email Komentar. Kemudian ada kolom email notifikasi komentar masukan email sobat, lalu Simpan Setelan.

Notifikasi Komentar Blogger Hilang

Cek email sobat, lalu klik Subscribe

Nah dari ketiga cara di atas, cara mana yang lebih sobat pilih? Kalau saya lebih memilih nomor satu dan tiga. Tapi lebih bagus ketiganya diterapkan saja sob.

Demikian postingan mengenai Notifikasi Komentar Blogger Hilang dan cara mengatasinya, semoga coretan singkat ini dapat bermanfaat bagi kawan-kawan blogger semua dan menyelesaikan masalaha yang sobat alamai.
Read More

Cara Membuat Warna Gradasi pada Menu Navigasi Blogger

Leave a Comment
Cara Membuat Warna Gradasi pada Menu Navigasi Blogger
Cara Membuat Warna Gradasi pada Menu Navigasi Blogger - Akhir-akhir ini para blogger Indonesia diramaikan dengan pewarnaan gradasi pada pada Blog. Hal ini juga menjadi trend baru saat ini, tak sedikit juga blogger Indonesia mencoba serta mengaplikasikan pewarnaan gradasi pada situs mereka, bahkan Blogger terkenal seperti Adhi Suryadi (kompiajaib.com) dan Arlina Fitriyani (arlinadzgn.com) juga mengaplikasikan efek warna gradasi pada situs mereka.

Warna gradasi sendiri merupakan corak warna yang bisa dikembangkan/dipadukan dari dua atau lebih warna, sehingga membuat tingkatan warna tertentu dengan tidak merusak dan mengubah warna itu sendiri, dengan kata lain warna gradasi adalah perkembangan warna atau perubahan warna yang terjadi ketika dua warna atau lebih digabungkan.

Memang tampilan warna gradasi lebih terlihat bagus dibanding warna HTML yang biasa digunakan oleh para blogger, apalagi bila sobat pandai memilih paduan warnanya, tidak hanya itu sobat dapat menambahkan animasi pada warna gradasi. Keumuman blogger mengaplikasikan warna gradasi pada navigasi atau header blog, seperti Arlina Design atau Kompi ajaib. Dan saya sendiri menggunakan gradasi warna pada blog ini, dengan tambahan animasi.

Oleh karenanya pada kesempatan ini saya akan memberikan tutorial singkat Cara membuat warna gradasi pada menu navigasi blogger, berbeda pada gradasi warna yang dipakai keumuman blogger, saya akan menambahkan animasi perpindahan warnanya, seperti yang digunakan oleh Arlina Design. Saya sendiri terispirasi dari Arlina Design(www.arlinadzgn.com) yang menggunakan Gradasi warna dengan animasi.

Cara Membuat Warna Gradasi pada Menu Navigasi Blogger

Langkah Pertama
Masuk ke Blogger, lalu pilih Tema >> Edit HTML

Langkah Kedua
Kemudian tambahkan style berikut pada class menubar atau header blog, contohnya class menubar yaitu #main-wrap
#mainwrap{width:1010pxmargin:0 auto;}
Setelah ditambahkan seperti berikut
#mainwrap{width:1010pxmargin:0 auto;background:#f24a4a;background:linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);background-size:320% 200%;animation:Gradient 15s ease infinit;display:block;}

Langkah Ketiga
Selanjutnya, menambahkan css animasi supaya animasi gradsi warna berjalan, silahkan letakan kode berikut sebelun ]]></b:skin>
/* Animation */
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

Langkah Keempat
Smpan Template, lihat hasilnya

Mudah bukan? Semoga tampilan blog sobat menjadi lebih menarik, selain itu dengan menggunakan warna gradasi pada blog, berarti sobat telah mengikuti trend blogger kekinian.

Baca Juga: Waktu yang Tepat Untuk Menulis di Blog

Nah demikian artikel mengenai tutorial Cara Membuat Warna Gradasi pada Menu Navigasi Blogger seperti pada blog Arlina Design, semoga dapat bermanfaat.

Read More

Waktu yang Tepat Untuk Menulis di Blog

Leave a Comment
Waktu yang Tepat Untuk Menulis di Blog - Riswan.net

Waktu yang Tepat Untuk Menulis di Blog - Berbicara mengenai Waktu yang Tepat Untuk Menulis di Blog, sobat harus tahu betul kapan waktu blog sobat ramai pengunjung. Kalau di dunia pertelevisian, ada yang disebut waktu prime time, di mana Prime time adalah waktu utama banyak orang yang melihat sebuah acara. Begitu juga dengan radio ada istilah drive time. Artinya sama dengan prime time pada televisi, waktu utama, paling banyak orang mendengarkan program acara siaran radio.

Waktu yang Tepat Untuk Menulis di Blog

Nah pada kali ini saya akan mencoba membahas waktu terbaik untuk menulis dilihat dari berbagai faktor yang berbeda.

1. Prime Time 

Berbeda dengan Prime Time yang dimiliki televisi, prime time pada blog ditentukan oleh niche blog sendiri, seperti blog yang membahas game, rata-rata situs ramai dikunjungi di waktu malam hari sampai dini hari atau ketika waktu libur, maka sobat bisa menulis di siang hari atau pagi harinya. Atau blog dengan niche masakan yang memiliki Prime Time pada pagi dan sore (Menurut riset).

Tapi menurut pengalaman menulis pada jam 21.00 - 22.00 sangant bagus untuk berbagai niche apapun, apalagi bila sobat menjadwalkan waktu tersebut untuk menulis artikel rutin.

2. Waktu Tepat Menulis Blog untuk Menjaga Kesehatan

Apabila dilihat dari segi kesehatan pastinya sobat jangan sampai bergadang larut malam untuk menulis konten di blog. Karena tentu hal tersebut kurang baik bagi kesehatan. Maksimal sampai jam sembilan malam, dan sisanya sobat bisa istirahat.

Untuk menggantinya sobat bisa mulai menulis artikel di pagi hari. Kenapa di pagi hari? Karena di pagi hari pikiran lebih fresh, sehingga banyak ide yang dapat dituangkan, contohnya sesudah bangun tidur, sekitar jam 03.00 - 04.00 subuh, sobat bisa melaksanakan shalat tahajjud terlebih dahulu kemudian baru menulis artikel, samppai menjelang subuh (Apabila muslim).

Baca Juga: Kelebihan dan Kekurangan Blog Gado-gado

Dipagi hari juga mood untuk menulis biasanya tinggi, karena pikiran dan badan masih fresh, jangan lupa untuk menyediakan secangkir air hanta atau kopi.

3. Menulis Artikel di Waktu yang Luang

Salahsatu modal untuk menulis pastinya waktu, tidak sedikit seorang blogger jarang update konten blognya karena alasan waktu yang padat karena kerja atau belajar. Apabila sobat dalam posisi ini sobat dapat menulis artikel di waktu yang luang, contohnya sepulang kerja atau sebelum tidur.

Tapi apabila sobat pintar mencari peluang, sobat bisa meluangkan waktu ditengah-tengah kesibukan apabila itu memungkinkan, ingat jadikanlah menulis itu sebagai hobi dan kesenangan, supaya sobat tetap relax ketika menulis.

4. Menulis di Blog Ketika Mendapat Ide

Yang selanjutnya adalah menulis konten pada blog ketika sobat mendapatkan sebuah ide, menulis di blog memang membutuhkan ide yang kreatif, ketika sobat mendapat ide tersebut jangan sampai sobat lupa, caranya sobat dapat langsung menuangkan ide tersebut pada blog sobat, kapanpun dan dimanapun apabila itu memungkinkan.

Dan menurut pengalaman saya sendiri lebih baik sobat tentukan jadwal tertentu untuk menulis artikel di blog, yang tentunya dapat sobat sesuaikan dengan kondisi dan keadaan sobat sendiri. Hal ini guna membentuk keperaturan posting, dan juga dapat meningkatkan kualitas SEO blog sobat.

Lalu waktu mana yang sesuai dengan kondisi sobat? Kalau saya sendiri lebih ke poin ke-tiga, Menulis artikel di waktu yang luang, karena banyak kegiatan saya diluar menulis blog. Yang terpenting adalah menjadikan blogging itu sebagai hobi dan kesenangan supaya tidak menjadi beban.

Demikian bahasan mengenai Waktu yang Tepat Untuk Menulis di Blog, semoga coretan sederhana ini dapat bermanfaat bagi sobat-sobat blogger, apabila ada tambahan atau kritik bisa kalian tulis di kolom komen.
Read More