Cara Mengatur Jumlah Tampilan Postingan Terbaru di Sidebar Blog

Cara Mengatur Jumlah Tampilan Postingan Terbaru di Sidebar Blog

BLOG-ADSENSE Tutorial

Juni 13, 2019

Download

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Sahabat blogger yang berbahagia, selamat berjumpa kembali di blog IndoINT.blogspot.com

Pada postingan kali ini saya akan memberikan tutorial mengenai bagaimana cara untuk mengatur suatu tampilan Recent Post ( postingan terbaru ) yang muncul atau terlihat di sidebar atau di bilah samping pada sebuah blog.

Menu Recent Post atau postingan terbaru sering kita jumpai pada blog yang menggunakan template viomaqz versi terbaru. Namun saat ini telah banyak pula blog yang tidak menggunakan templete viomaqz juga telah dapat menggunakan tampilan recent post atau postingan terbaru di sidebar blognya.

Sebenarnya untuk bisa menampilkan menu Recent Post pada sidebar sebuah blog itu sangat mudah yang terpenting anda dapat menempatkan beberpa kode script yang di perlukan dengan baik pada menu Tema (edit HTML) di dalam sebuah blog.

Apabila anda belum memiliki menu tampilan Recent post atau menu postingan terbaru pada sidebar blog anda maka anda dapat membuatnya sendiri dengan cara membaca artikel saya sebelumnya yang membahas mengenai cara mudah memasang Recent Post (postingan terbaru) pada sidebar blog baik blog yang telah menggunakan template viomaqz versi lama ataupun blog yang tidak menggunakan template viomaqz.

Pada postingan tersebut saya telah menjelaskan tentang bagaimana cara memasang menu tampilan Recent Post di sidebar blog dengan mudah. Tampilan recent post yang saya maksud tersebut dapat anda pasang untuk blog yang menggunakan template jenis apapun.

Sahabat blogger yang berbahagia seperti yang kita ketahui bahwa jenis tampilan postingan terbaru yang terlihat pada sidebar sebuah blog sangat memiliki peranan yang sangat penting dalam sebuah blog, yang mana tujuan utama dari pemasangan Recent Post atau postingan terbaru pada sidebar sebuah blog adalah agar pengunjung setia blog kita dapat mengetahui jenis artikel terbaru yang telah kita buat dan kita publish kedalam blog kita, sehingga mereka dapat dengan mudah melihat update-an artikel terbaru dari blog kita dan mereka dapat dengan mudah mengakses artikel terbaru yang telah kita buat tersebut.

Meskipun telah banyak sahabat blogger yang sudah menggunakan jenis tampilan Recent Post (postingan terbaru) pada sidebar blognya namun masih banyak juga yang belum memahami bahwa jumlah tampilan Recent Post (postingan terbaru) tersebut ternyata dapat di atur jumlah tampilannya baik menjadi banyak ataupun menjadi sedikit.

Pada umumnya jumlah artikel yang ditampilkan pada Recent post (postingan terbaru) kebanyakan berjumlah 8, mengapa demikian? Karena script yang di gunakan umumnya menggunakan jumlah tampilan yang berjumlah 8 artikel sehingga jumlah Recent post (postingan terbaru) yang ditampilkan berjumlah demikian.

Nah, bagaimana cara agar kita dapat mengatur jumlah dari tampilan Recent post (postingan terbaru) tersebut agar dapat terlihat lebih sedikit atau bahkan menjadi lebih banyak pada sidebar blog???

Untuk menjawab pertanyaan tersebut maka pada postingan kali ini saya akan memberikan tutorial cara untuk membatasi jumlah tampilan Recent post (postingan terbaru) pada sidebar sebuah blog

Berikut ini caranya.

1.   Pertama-tama silahkan anda login atau masuk ke dalam blog anda

2.   Kemudian pada dashboard blog pilih menu “Tata Letak”

3.   Setelah itu pada jenis widget html postingan terbaru yang telah anda buat silahkan anda klik edit dengan tujuan untuk mengedit jumlah tampilan Recent post (postingan terbaru) nantinya.

4.   Setelah itu pada script yang ada pada widget postingan terbaru tersebut silahkan anda ganti angka yang terdapat pada script yang terlihat pada gambar di bawah ini.

5.   Apabila anda ingin agar jumlah Recent post (postingan terbaru) yang di tampilkan hanya 5 artikel saja, maka silahkan anda ganti angka 8 tersebut menjadi angka 5, dan apabila anda ingin agar jumlah artikel Recent post (postingan terbaru) yang akan di tampilkan pada sidebar blog  berjumlah 10 maka silahkan anda ganti angka 8 tersebut dengan angka 10 dan begitu seterusnya sesuai dengan keinginan anda untuk menentukan berapa jumlah Recent post (postingan terbaru) yang ingin anda tampilkan pada sidebar blog anda.

<div class='artikel-terbaru'>

<script>

function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}

</script>

<script src="/feeds/posts/summary/?max-results=8&alt=json-in-script&callback=artikelterbaru"></script>

</div>

Bagaimana? Mudah bukan, nah itulah cara yang dapat saya bagikan kepada anda tentang cara membatasi jumlah tampilan Recent Post (postingan terbaru) di sidebar blog.

Semoga postingan ini dapat membantu anda sahabat blogger yang masih belum mengetahui cara membatasi dan mengatur jumlah tampilan Recent Post (postingan terbaru) di sidebar blog dan bagi anda yang juga masih ingin mengetahui postingan lainnya tentang blog dan adsense maka silahkan anda lihat pada blog IndoINT.blogspot.com

Sumber http://kherysuryawan.blogspot.com/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Artikel bisnis dan investasi

Published by : Serba gratis   

Cara Membuat/memasang Tampilan Recent Post (Postingan Terbaru) Di Blog

Cara Membuat/memasang Tampilan Recent Post (Postingan Terbaru) Di Blog

BLOG-ADSENSE Tutorial

Juni 09, 2019

Download

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Selamat bertemu kembali di blog IndoINT.blogspot.com

Berbicara atau membahas mengenai blog maka pastinya tidak akan lepas dengan urusan tentang template.
Template merupakan salah satu unsur terpenting dalam suatu blog, dengan memilih template yang baik maka akan menjadikan blog kita juga terlihat baik.

Blog sangat bermanfaat bagi kalangan penulis sebab dengan memiliki sebuah blog maka orang yang memiliki kreatifitas dalam menulis dapat mencurahkan pengalaman dan perasaannya ke dalam sebuah tulisan yang kemudian di publish ke dalam sebuah blog.

Selain dapat menjadi tempat untuk menuangkan isi pengalaman dan perasaan dalam bentuk tulisan saat ini blog juga dapat di jadikan sebagai ladang bisnis bagi mereka yang benar-benar menekuni bidang perbloggeran. Dengan melalui blog seseorang dapat melakukan sistem penjualan secara online selain itu melalui blog juga seseorang dapat mendapatkan penghasilan dengan cara bergabung dan bekerja sama dengan google adsense agar dapat menayangkan iklan dan bisa mendapatkan penghasilan dari jumlah klik iklan yang di dapatkan melalui blog tersebut.

Blog merupakan tempat yang paling baik saat ini untuk di jadikan sebagai tempat untuk melakukan bisnis secara online. Saat ini banyak orang yang telah berlomba-lomba untuk bisa membuat blog dengan tujuan untuk berbisnis dan dapat mendapatkan penghasilan dari blog tersebut.

Meskipun saat ini banyak orang yang dengan mudah dapat membuat sebuah blog namun belum tentu orang tersebut dapat mengetahui bagaimana cara untuk membuat sebuah blog yang dapat terlihat menarik dan dapat mengembangkan blog tersebut sehingga dapat sukses dalam berbisnis melalui blog.

Yang perlu anda ketahui bahwa untuk dapat mengembangkan sebuah blog maka kita harus dapat memiliki kemampuan dalam menulis artikel yang bermanfaat dan dapat membuat sebuah blog yang dapat terlihat menarik di mata pengunjung blog sehingga dengan begitu maka secara otomatis blog yang kita miliki akan menjadi blog yang dapat bersaing dalam hal mendapatkan jumlah pengunjung sehingga akan sangat berpengaruh terhadap penghasilan yang akan kita dapatkan dari blog tersebut.

Pada postingan kali ini saya akan memberikan tutorial tentang bagaimana cara membuat blog dapat terlihat menarik seperti blog-blog ternama yang sudah memiliki banyak pengunjung dengan cara menampilkan Recents post atau artikel terbaru pada sidebar blog.

Pernahkah anda melihat sebuah blog yang pada bagian sidebar blog terlihat menu postingan terbaru atau sering di sebut dengan recent post seperti pada tampilan blog yang menggunakan template viomaqz terbaru, apabila anda pernah melihatnya maka jenis postingan terbaru yang menampilkan beberpa jumlah postingan yang baru di buat dan di publish tersebut merupakan salah satu yang dapat membuat blog terlihat menarik selain itu dengan memasang postingan terbaru pada sidebar blog maka akan sangat membantu para pengunjung setia blog dalam mendapatkan informasi terbaru yang dapat mereka akses secara mudah.

Recents post atau artikel terbaru yang dijadikan widget pada bagian sidebar blog dirasa sangat memberikan manfaat tersendiri bagi blog tersebut, karena dengan memasang Recents post atau artikel terbaru pada sebuah blog maka setiap pengunjung yang mengunjungi blog tersebut akan selalu melihat update-an terbaru dari blog tersebut dan apabila menarik maka akan menambah jumlah pengunjung baru untuk artikel terbaru yang di update tersebut.

Pada kesempatan kali ini saya akan memberikan tutorial tentang cara mudah dalam membuat postingan terbaru agar dapat muncul di blog yang tidak menggunakan template viomaqz atau bagi pengguna template viomaqz yang tidak dapat memasang jenis postingan terbaru inipun dapat melakukannya.

berikut ini cara mudah dalam membuat dan memasang tampilan postingan terbaru pada sidebar blog :

1.   Pertama silahkan anda buka akun blogger anda

2.   Pada menu dashboard blog pilih menu “Tema”

3.   Kemudian Pilih tulisan “edit HTML”

4.   Setelah itu silahkan anda copykan kode script di bawah ini tepat di atas kode </style> 

/* Artikel Terbaru */.artikel-terbaru ul li {border-bottom: 2px dotted #d0e0e3;padding-bottom: 8px;margin-bottom: 8px;font-weight: 500;}.list-label-widget-content ul li, .LinkList ul li, .PageList ul li {border-bottom: 2px dotted #d0e0e3;padding-bottom: 5px;}.artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before {content: "\f14b";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-right: 6px;}.artikel-terbaru ul li:before {content: "\f14b";}.list-label-widget-content ul li:before {content: "\f07b";}.LinkList ul li:before {content: "\f14c";}.PageList ul li:before {content: "\f249";}

5.   Setelah itu silahkan anda simpan tema tersebut.



6.   Langkah selanjutnya silahkan anda masuk pada menu "tata letak" dan pilih "Tambahkan gadget" seperti pada gambar di bawah ini

7.   Kemudian pilih "HTML/java sript" seperti pada gambar di bawah ini

8.   Kemudian masukkan atau pastekan kode script di bawah ini kedalam kotak widget HTML tersebut dan simpan. ( lihat gambar di bawah )

<div class='artikel-terbaru'><script>function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}</script><script src="/feeds/posts/summary/?max-results=8&alt=json-in-script&callback=artikelterbaru"></script></div>

9.  Apabila anda menggunakan template viomaqz maka anda tidak perlu melakukan langkah yang ke 4 sampai langkah ke 7 sebab bagi pengguna template viomaqz versi lama kode script pada langkah ke 4 dan ke 7 sudah terpasang secara otomatis di dalam template viomaqz tersebut. Jadi anda culup melakukan langkah yang ke 8 saja.

Apabila anda telah melakukan seluruh cara yang telah saya jelaskan di atas maka dapat di pastikan kini pada sidebar blog anda telah terpasang tampilan Recent post atau postingan terbaru seperti contoh pada gambar di bawah ini

Demikianlah tutorial mengenai Cara Membuat Tampilan Postingan Terbaru Di Blog, semoga postingan ini dapat bermanfaat buat anda yang membutuhkannya.

Sumber http://kherysuryawan.blogspot.com/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Artikel bisnis dan investasi

Published by : Serba gratis   

Cara Merubah Ukuran Gambar/Logo Pada Header Blog Template Viomaqz

Cara Merubah Ukuran Gambar/Logo Pada Header Blog Template Viomaqz

BLOG-ADSENSE Tutorial

Juni 09, 2019

Download

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Selamat bertemu kembali di blog IndoINT.blogspot.com

Pada postingan kali ini saya akan memberikan tutorial mengenai cara dalam merubah ukuran tampilan logo atau gambar pada header blog khususnya blog yang menggunakan template viomaqz.

Bagi anda yang pernah mengalami susahnya dalam mengatur atau merubah ukuran suatu logo agar dapat telihat besar atau jelas pada tampilan header blog maka postingan ini akan memberikan jawaban sehingga logo pada tampilan header anda akan terlihat lebih baik dan jelas untuk di pandang.

Logo pada suatu blog sangat penting untuk di tampilkan sebab logo merupakan gambaran identitas suatu blog yang di buat dengan kreasi dan keinginan dari si pemilik blog sendiri. Selain itu logo atau gambar pada suatu blog akan memberikan nuansa yang menarik untuk pengunjung blog sehingga degan memasang logo atau gambar pada sebuah blog maka blog akan terlihat lebih menarik.

Apabila anda belum memiliki logo atau gambar yang akan di tampilkan pada blog anda maka saat ini ada suatu aplikasi online yang banyak menyediakan pembuatan logo untuk blog, baik yang bersifat gratis maupun ada juga yang menggunakan system pembayaran. Apabila anda memilih pembuatan logo untuk sebuah blog dengan cara membeli logo secara online maka pastinya hasil yang akan di peroleh akan jauh lebih baik di bandingkan dengan logo yang gratisan, namun bukan berarti logo yang gratis itu tidak baik sebab banyak juga pengguna blog yang menggunakan logo yang di buat secara gratis juga terlihat bagus.

Baiklah sahabat blogger sebelum saya memberikan tutorial mengenai cara untuk merubah tampilan gambar atau logo pada header blog maka saya ingin menceritakan sedikit tentang pengalaman saya mengenai masalah yang saya hadapi dalam pemasangan logo pada header blog.

Sebenarnya postingan ini saya buat dari sebuah pengalaman dimana ketika itu saya akan memasang sebuah logo pada header blog namun logo yang telah saya buat secara online tersebut terlihat sangat kecil bahkan sangat susah untuk di lihat dari depan laptop sehingga membuat saya berulang kali melakukan percobaan dengan cara mengganti logo yang pertama dengan logo yang lain, namun hal itu tidak membuahkan hasil sebab logo yang telah saya ganti tersebut juga memiliki tampilan yang sama yaitu terlihat masih kecil dan tidak jelas untuk di pandang.

Nah dari pengalaman yang saya alami tersebut maka saya berusaha ntuk mencari tahu mengapa hal itu bisa terjadi, Setelah saya mencari informasi mengenai hal tersebut dari beberapa sumbe,r akhirnya saya menemukan satu cara yang paling ampuh untuk mengatasi hal tersebut.

Bagi anda yang telah menggunakan template viomaqz Seperti yang kita ketahui Bersama ,bahwa header pada template Viomagz ini biasanya menggunakan tulisan yang merupakan judul blog dari nama blog yang menggunakan template viomaqz ini. Namun perlu anda ketahui bahwa sebenarnya anda bisa merubahnya dengan Gambar atau Logo dari blog anda, hanya saja setelah memasangnya Gambar atau Logo blog akan terlihat kecil dan kurang jelas sehingga kita berpikir bahwa logo tersebut harus di ganti, Padahal sebenarnya logo tersebut bukanlah yang menjadi penyebabnya melainkan ada script pada template yang sedang anda gunakan tersebut yang perlu untuk di rubah,diganti,atau di tambahkan.

Sebenarnya untuk bisa menampilkan gambar logo agar terlihat jelas pada sebuah header blog maka yang di rubah bukanlah format gambarnya melainkan ada script yang perlu anda rubah pada template anda. Cara yang akan saya berikan berikut ini merupakan cara yang telah saya praktekkan pada blog yang menggunakan template viomaqs.

Bagi anda yang sudah tidak sabar untuk mengetahui cara merubah ukuran logo atau gambar pada header blog maka berikut ini penjelasannya.

- Langkah pertama Silahkan anda masuk ke akun blogger anda

- Kemudian Pada dashboard blog silahkan anda pilih menu "Tema"

- Lalu pilih tulisan "Edit HTML" yang berada pada bagian bawah Seperti pada gambar di bawah ini

- Setelah itu silahkan anda cari kode script di bawah ini

 .header img {

- Apabila anda sudah menemukannya, maka silahkan anda ganti

margin dan max-height nya dengan ukuran yang anda inginkan.

Untuk mengetahui apa itu margin dan apa pula itu max-height maka berikut ini penjelasannya:

Margin adalah jarak logo dari batas paling atas blog. 

Sehingga dapat di simpulkan bahwa semakin banyak angkanya, maka gambar atau logo header akan semakin kebawah.

Sedangkan Max-Height adalah besarnya Logo atau Gambar header yang akan dipakai/di gunakan.

Yang perlu anda ketahui sebelum anda mengganti angkanya maka menurut saya, silahkan anda review terlebih dahulu bagaimana hasilnya setelah anda mengganti angkanya. Jika sudah terlihat bagus, jelas dan pas untuk di pandang, barulah anda simpan perubahan yang telah anda anggap cocok.

- Apabila sudah selesai, jangan lupa untuk klik 'Simpan'

Apabila anda dapat melakukannya dengan benar maka percayalah bahwa tampilan logo atau gambar pada header anda kini akan terlihat lebih keren dari sebelumnya.

Cara di atas sangat mudah untuk dilakukan dan yang terpenting adalah biasakan untuk rajin membaca (berliterasi) sehingga anda tidak merasa kesulitan dalam memahami tutorial yang telah di berikan.

Sekedar untuk di ketahui, bahwa sebelumnya saya juga pernah memasang logo pada blog IndoINT.blogspot.com ini logonya seperti pada tampilan gambar paling atas, hanya saja saya merasa bahwa logo tersebut sangat mempengaruhi kecepatan loading blog ini, sehingga saya memutuskan untuk memberhentikan pemasangannya untuk sementara waktu dan mungkin di lain waktu saya akan memasangnya kembali di blog ini.

Demikianlah tutorial yang dapat saya jelaskan pada postingan kali ini, semoga apa yang telah saya berikan pada postingan ini dapat benar-benar bermanfaat buat anda yang membutuhkannya, dan apabila anda masih ingin melihat tutorial menarik lainnya mengenai dunia blog dan adsense serta hubungannya dengan template viomagz maka jangan sungkan untuk selalu mengunjungi blog IndoINT.blogspot.com sebab di dalam blog tersebut saya telah banyak membagikan tutorialnya.

Sumber http://kherysuryawan.blogspot.com/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Artikel bisnis dan investasi

Published by : Serba gratis   

√Cara Merubah Warna Menu Header Blog Template Viomaqz

√Cara Merubah Warna Menu Header Blog Template Viomaqz

BLOG-ADSENSE Tutorial

Juni 08, 2019

Download

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Template viomaqs merupakan salah satu template yang saat ini banyak di sukai oleh para pengguna blog di seluruh Indonesia tak terkecuali saya sendiri. Pada tampilan template viomaqz terlihat sangat menarik serta loadingnya pun cukup baik ketika akan di akses oleh pengunjung blog.

Bagi anda yang juga sedang menggunakan template viomaqz tahukah anda bahwa ternyata warna yang terlihat pada menu header dapat di rubah ?

Nah jika anda belum mengetahuinya, maka pada postingan kali ini saya akan memberikan tutorial mengenai cara merubah warna pada tampilan menu header di template viomaqz.

Sebenarnya apabila kita telah mengetahui cara untu merubah tampilan warna pada menu header blog yang menggunakan template viomaqz maka kita dapat dengan mudah untuk membuat tampilan blog kia agar semakin indah untuk di pandang, sebab jika blog terlihat indah dan menarik maka pengunjung akan merasa senang untuk mendatangi blog yang kita miliki.

Ada banyak jenis warna yang dapat kita gunakan dalam mengganti menu header template viomaqz, untuk jenis warna yang akan di gunakan maka kita dapat menentukannya dengan bebas sesuai dengan selera kita masing-masing.

Selain itu warna yang kita gunakan pada tampilan header blog template viomaqz dapat dalam bentuk 1 warna atau dapat pula lebih dari 1 warna atau sering di sebut dengan gradasi warna (kombinasi warna).

Baiklah bagi anda yang sudah tidak sabar lagi untuk mempraktekkan cara merubah atau mengganti warna tampilan pada menu header template viomaqz maka silahkan anda simak baik-baik langkah-langkahnya berikut ini :

1.   Langkah pertama silahkan anda buka akun blogger anda

2.   Pada menu dashboard blog pilih menu “Tema”

3.   Kemudian Pilih tulisan “edit HTML”

4.   Setelah itu silahkan anda cari kode script di bawah ini pada kotak script, untuk memudahkannya ketikkan CtrL + F pada keyboard kemudian ketikkan kodenya lalu tekan enter.

#header-container

5.   Perhatikan kode yang ada di bawah kode #header-container tersebut akan terlihat kode seperti di bawah ini :

background: #5b86e5; 

background: linear-gradient(to right, #5b86e5, #36d1dc);

6.   Untuk mengubah warna pada menu header maka silahkan anda ganti kode warna tersebut (#5b86e5, #36d1dc) dengan warna yang anda inginkan.

Untuk mengetahui kode warna yang anda sukai silahkan anda lihat di google color picker

7.   Jika anda hanya ingin menggunakan satu warna saja maka silahkan anda masukkan 1 kode warna saja pada script background saja dan hapus script yang bertuliskan background: linear-gradient(to right, #5b86e5, #36d1dc); , namun jika anda ingin memasukkan 2 warna atau lebih maka silahkan anda masukkan 2 kode warna atau lebih pada script background: linear-gradient dan hapus kode yang bertuliskan background: #5b86e5; Perlu diingat bahwa untuk setiap kode warna di batasi dengan tanda koma.

Sebagai contoh jika menggunakan 1 warna saja maka kode script yang akan di simpan adalah sebagai berikut :

Jika ingin menggunakan 2 kode warna maka kode script yang akan di tulis sebagai berikut :

Jika ingin menggunakan 3 kode warna maka kode script yang akan di tulis sebagai berikut :

8.   Jika sudah, jangan lupa untuk menyimpan tema tersebut agar hasil perubahan dapat terlihat.

Untuk mengetahui hasilnya maka silahkan anda cek blog anda kemudian perhatikan pada tampilan menu header blog anda yang mana kini tampilannya akan menghasilkan warna yang sesuai dengan warna yang anda inginkan.

Cukup mudah bukan ?

Nah, semoga postingan ini dapat bermanfaat bagi anda yang sedang mencari informasi mengenai cara merubah warna tampilan menu header blog yang menggunakan template viomaqz.

Jangan lupa untuk selalu mengunjungi blog IndoINT.blogspot.com karena masih banyak informasi lainnya seputar blog dan adsense yang telah saya bagikan pada blog tersebut dan jangan lupa untuk meninggalkan komentar apabila ada tanggapan yang perlu di sampaikan yang berhubungan dengan artikel ini.

Sumber http://kherysuryawan.blogspot.com/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Artikel bisnis dan investasi

Published by : Serba gratis   

√ Cara Mengganti Tampilan Komentar Blogger ke Versi Terbaru

√ Cara Mengganti Tampilan Komentar Blogger ke Versi Terbaru

BLOG-ADSENSE Tutorial

Juni 07, 2019

Download

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Blog merupakan tempat untuk menyalurkan hoby dan bakat dalam menulis dan berkarya. Blog menjadi tempat yang bukan hanya untuk sekedar berbagi informasi namun di tangan-tangan orang yang kreatif dalam berbisnis blog juga dapat menjadi ladang yang dapat memberikan penghasilan.

sebagai seorang publisher tentunya sangat menginginkan jika blog yang dimilikinya memiliki banyak penggemar atau pengunjung. apalagi bagi mereka yang telah bekerjasama dengan google adsense maka peluang untuk mendapatkan penghasilan dalam menayangkan iklan tentunya akan semakin besar jika tampilan halaman pada sebuah blog semakin banyak.

Visitor dalam hal ini pengguna internet akan senang jika mengunjungi sebuah blog yang isi artikelnya bermanfaat serta tampilan di dalam blognya juga menarik sebab ibarat tamann yang indah maka tentunya akan banyak pengunjung yang datang untuk melihatnya.

Seperti itulah kira-kira bayangan jika anda memiliki blog yang keren dan menarik serta bermanfaat maka dengan sendirinya blog yang anda miliki tersebut akan dapat memiliki pengunjung yang banyak meskipun tanpa ada promosikan maka secara otomatis pengunjung akan datang dengan sendirinya.

bagaimana cara agar blog terlihat indah dan menarik, nah disini saya akan menjelaskan salah satu cara yang dapat membuat blog anda terlihat menarik yaitu dengan cara mempercantik tampilan komentar blog anda yang tadinya masih jadul maka perlu di ganti menjadi lebih menarik.

Komentar blog sangat penting bagi pemilik blog sebab dengan melihat komentar-komentar dari pengnjung blog kita, maka kita dapat mengetahui bagaimana interaksi antara pengunjung blog kita dengan kita sendiri sebagai pemilik blog.
Pengunjung akan mencurahkan rasa yang di alaminya melalui kolom komentar yang di sediakan pada sebuah blog apakah perasaan itu diungkapkan dengan sebuah rasa senang dan bangga atau bisa juga dalam bentuk masukan, pertanyaan dan bahkan kritikan sehingga semuanya tergantung dari bagaimana pandangan pengunjung blog terhadap artikel yang sedang di bacanya.

postingan kali ini saya ingin membahas mengenai cara untuk mengganti tampilan komentar blog dari versi biasa menjadi versi terbaru. Jika pada versi lama komentar blog terlihat biasa maka pada komentar blog yang versi terbaru akan terlihat lebih menarik.

Jika anda menggunakan template viomaqz maka anda dapat menjadikan nama pada komentar blog anda menjadi lebih menarik yaitu dengan menambahkan label admin pada nama pemilik blog ketika pemilik blog akan mengomentari sebuah artikel.

Dengan adanya label admin pada nama pemilik blog maka tentunya akan memudahkan pembaca untuk mengetahui komentar yang di berikan oleh si pemilik blog, selain itu juga blog juga akan terlihat lebih jelas dan menarik sebab tampilan kolom komentar juga sangat mempengaruhi daya visitor dalam hal ini pengguna yang akan mengunjungi blog kita.

Berikut ini saya akan memberikan penjelasan mengenai langkah - langkah dalam mengganti tampilan komentar blog versi lama menjadi ke versi terbaru.
sebelum mengetahui lengkah-langkah pengerjaannya maka silahkan lihat perbedaan tampilannya pada gambar di bawah ini.

Berikut ini tampilan komentar pada blogger versi lama

Berikut ini tampilan komentar pada blog versi terbaru

Bagi anda yang membutuhkan langkah-langkah cara menampilkan model komentar blog seperti pada tampilan versi terbaru di atas, maka silahkan anda simak langkah-langkahnya di bawah ini :

1.   Cara bagi pengguna template biasa ( Default)

Berikut ini langkah-langkahnya :

- Silahkan anda masuk ke blogger anda

- Pada dashboard blog pilih menu "Tema"

- Kemudian pilih "Edit HTML" Seperti pada gambar di bawah ini

- Silahkan anda cari kode </style>  atau kode ]]></b:skin> di dalam script template anda

- Setelah itu silahkan anda tambahkan kode css di bawah ini di atas kode </style>  atau kode ]]></b:skin>

/* Admin Mark on Blogger Comments by igniel.com */

#comments .comments-content .icon.blog-author:after{

  content: 'Admin';

  background-color: #118ff9;

  color: #fff;

  font-size: 12px;

  display: inline-block;

  margin: 0px 7px;

  padding: 2px 5px;

  border-radius: 3px;

} 

-  Jika sudah maka silahkan simpan tema 



Lihatlah hasilnya, kini anda akan melihat label admin tertera pada nama komentar pemilik blog

2.   Cara bagi pengguna template viomaqz

- Silahkan anda masuk ke blogger anda

- Pada dashboard blog pilih menu "Tema"

- Kemudian pilih "Edit HTML" Seperti pada gambar di bawah ini

- Langkah ke empat silahkan cari kode script seperti di bawah ini:

.comments .comments-content .icon.blog-author:after {content:"\f058";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right:4px;color:#49ACE1;}

- Kemudian silahkan anda ganti kode tersebut dengan kode yang saya bagikan di bawah ini :

.comments .comments-content .icon.blog-author:after{  content: 'Admin';  background-color: #118ff9;  color: #fff;  font-size: 12px;  display: inline-block;  margin: 0px 7px;  padding: 2px 5px;  border-radius: 3px;}

- Apabila anda sudah mengganti kode script tersebut jangan lupa untuk melakukan simpan Tema, agar tema yang baru dapat di terapkan

Dengan melakukan seluruh langkah-langkah diatas maka anda dapat melihat hasilnya dimana kini tampilan pada kolom komentar di blog anda telah muncul nama label Admin.

Sangat mudah bukan ???
Apabila seluruh langkah-langkah di atas telah anda terapkan dengan benar maka anda akan melihat tampilan komentar versi terbaru di blog anda menjadi lebih menarik di bandingkan dengan tampilan yang sebelumnya.

Semoga postingan ini dapat bermanfaat buat anda khususnya bagi para blogger yang ingin membuat tampilan blognya menjadi lebih menarik dan apabila ada informasi yang ingin untuk di sampaikan baik berupa masukan ataupun pertanyan maka silahkan tinggalkan pada kolom komentar yang telah di sediakan.

Sumber http://kherysuryawan.blogspot.com/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Artikel bisnis dan investasi

Published by : Serba gratis