Showing posts with label Tips Blogging. Show all posts
Showing posts with label Tips Blogging. Show all posts

Tuesday, August 20, 2019

- 8/20/2019

Cara Tambah Widget Komentar Terbaru Pada Sidebar

Widget Komentar Terbaru Sidebar

Para pemilik blog pasti sudah tidak asing lagi dengan widget yang satu ini. Seperti apakah widget yang di maksud? yaitu widget recent comments (widget komentar terbaru), fungsi dari widget ini adalah menampilkan aktivitas komentar terbaru dari pengunjung yang mengomentari postingan artikel pada situs blog dan bisa di tampilkan pada widget sidebar.

Walaupun demikian, masih banyak yang belum tahu bagaimana caranya agar bisa menampilkanya ke sidebar blognya, bagi yang belum tau cara pasang nya maka dalam artikel ini saya akan membagikan beberapa langkah dan cara agar blog anda mempunyai widget recent comments, Caranya mudah hanya menambahkan kode HTML Java script pada template blog.

Berikut adalah Cara Memasang Kode Widget Komentar Terbaru:
1. Masuk ke akun Blogger
2. Pilih menu Tema
3. Lalu Klik Edit HTML
4. Cari kode </head> untuk memudahkan nya tekan CTRL F Bersamaan
5. Lalu salin dan tempelkan kode HTML Java script dibawah tepat diatas kode </head>

<script type='text/javascript'> //<![CDATA[ function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}} //]]> </script>

6. Lalu simpan Tema dan agar bisa tampil widget komentar terbaru ke sidebar blog blogger Anda, langkah selanjutnya adalah pergi ke "Tata Letak " halaman blog Anda lalu "tambahkan gadget " pada bagian sidebar atau yang lain di mana Anda ingin munculkan widget komentar terbaru.

7. Pilih "HTML/JavaScript " pada widget
8. Dan salin kode di bawah ini ke dalam "HTML/JavaScript " widgetnya.

<script>var a_rc = 5; var m_rc = false; var n_rc = true; var o_rc = 100;</script> <script src="https://www.iyaseo.id/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Catatan:
Ganti url blog yang diberi tanda warna merah dengan url blog milik anda dan anda juga dapat mengubah angka 5 berapa banyak komentar yang harus tampilkan dalam widget komentar terbaru atau sesuaikan setelannya sesuai yang anda inginkan.

9. Langkah terakhir simpan dan muat ulang situsblog Anda. dan lihat apakah widget Komentar terbaru ini bisa berfungsi pada situsblog anda.




Demikian sudah Cara Tambah Widget Komentar Terbaru Pada Sidebar. Jika tidak berhasil silahkan sampaikan di kolom komentar di bawah, ya. Nanti bisa di bantu sampai bisa.
- 8/20/2019

Cara Hapus Auto Read More Blog Blogger

Auto Read More Blog Blogger

Pada beberapa template blog standar maupun buatan seorang desain template blog lainya sering kita jumpai ada tulisan read more yang terdapat di sejumlah bagian deskripsi halaman postingan artikel pada sebuah blog, mungkin juga sebagian tidak dilengkapi dengan fitur read more. Padahal dengan adanya fitur tersebut cukup menunjang page view pada situs blog. Artinya bagian daripada langkah SEO.

Secara spesifik read more adalah fitur yang jika kita ingin membaca lebih lengkap tentang lanjutan isi sebuah artikel postingan pada situs blog atau bahasa kerenya yakni (baca selengkapnya), dan mengarahkan kursor lalu diklik ke fitur tersebut maka akan di alihkan kehalaman postingan yang selengkapnya.

Namun yang saya ingin share ke sahabat blogger semua disini adalah tentang cara bagaima menghapus fitur read more pada template situs blog, jikalau anda berniat ingin menghapus fitur yang yang sudah saya jelaskan di awal postingan atau yang saya maksud diatas, maka anda bisa langsung mengikuti langkah-langkah berikut;


Langkah-Langkah Menghapus Auto Read More Blog:

1. Masuk ke akun Blogger

2. Pilih menu Tema

3. Lalu Klik Edit HTML

4. Cari kode berikut :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>

5. Jika sudah anda menemukan kode nya hapus dan ganti dengan kode berikut di bawah ini;

<data:post.body/>

6. Selanjutnya langkah terakhir anda harus menghapus tulisan read more dan cari kode seperti dibawah atau yang lebih mirip dengan kode berikut ini;

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding-right:10px;margin-top:10px;'>
<a class='morer' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
Hapus lalu simpan tema selesai dan lihat hasilnya.


Demikian sudah Cara Hapus Auto Read More Blog Blogger. Jika tidak berhasil silahkan sampaikan di kolom komentar di bawah, ya. Nanti bisa di bantu sampai bisa. Cara ini sudah dicoba dan sukses seperti yang saya terapkan pula di blog ini.

Monday, August 19, 2019

- 8/19/2019

Manfaat Menggunakan Internet dan Google

Google search

Dengan Menggunakan Mesin Penelusuran Google anda akan mendapat sesuatu hal yang baru dengan informasi yang di dapatkan pada hasil penelusuran, kita bisa mengembangkan informasi dari data sumber tersebut dengan kemampuan pemikiran dan juga pemahaman yang ada dalam diri kita.

Di dalam mengembangkan data-data dari sumber informasi yang di dapat dari hasil search browser tentunya digunakan dengan bijak dan juga berfaedah bagi semua orang. Maka dari itu internet dan Google Penelusuran itu sangatlah bermanfaat dan gunakanlah sebaik-baik nya dari sumber data itu.

Apakah Anda sudah tau tentang internet dan google penelusuran? jika belum maka baca artikel postingan situsblog ini sampai selesai atau berikan perhatian untuk berkomentar di kolom komentar yang sudah di sediakan dibawah akhir postingan artikel ini  ok...


  • Internet


Internet


"Menurut sumber yang admin baca di halaman pencarian google. Internet merupakan sebuah alat canggih dengan menggunakan jaringan komputer yang satu dengan yang lain saling terhubung untuk keperluan komunikasi dan informasi. Sebuah komputer dalam satu jaringan internet dapat berada di mana saja".

"Dan juga Internet diartikan sebagai jaringan komputer di seluruh dunia yang berisikan informasi dan sebagai sarana komunikasi data yang berupa suara, gambar, video dan juga teks. Informasi ini dibuat oleh penyelenggara atau pemilik jaringan komputer atau dibuat pemilik informasi yang menitipkan informasinya kepada penyedia layanan internet".


  • Google Penelusuran


Google Penelusuran

Google Penelusaran adalah fitur canggih terpopuler dan merupakan mesin penelusur yang ada di internet dan digunakan sejak lama dan sangat mudah untuk mengakses informasi apapun yang ada di internet dari berbagai sumber artikel yang di muat atau di publisasikan pada sebuah situsblog maupun situsweb dan merupakan layanan tercepat dari alat telusur yang di milik oleh Google LLC.

Ketika kita menggunakan atau mengakses internet melalui mesin telusur Google banyak sekali manfaat yang dapat kita peroleh dari pencarian seperti gambar(foto) berita video produk dan lain-lain sebagainya, maka dari itu jadikanlah Google sebagai mesin telusur (default) yang ada dalam aplikasi browser pada perangkat seluler maupun laptop atau komputer yang anda miliki.

Wednesday, August 07, 2019

- 8/07/2019

Cara Pasang Iklan Google Adsense Di Blog Blogger

Cara Pasang Iklan Google Adsense

Dengan adanya Teknologi yang semakin canggih Seperti Sekarang ini mendapatkan informasi dan segala sesuatu menjadi sangatlah mudah seperti halnya mencari produk atau jasa dan informasi dari berbagai sumber lain nya dengan menggunakan platform Google, dalam hal demikian internet itu sangatlah penting khususnya Google yang mempunyai produk dengan tekhnologi serba canggih.

Seperti fitur dari produk milik Google yang sudah dikenal oleh seluruh dunia yaitu Google Search (Search Engine) cukup hanya dengan memasukkan kata kunci atau keywoard pada kolom browser pencarian lalu di klik atau enter dan otomatis menemukan konten-konten yang dipublisasikan oleh situsblog maupun situsweb, dengan mudah diakses dan mendapatkan informasi hanya dalam waktu singkat dengan adanya jaringan Internet.

Produk dari google Selain dari Google Search, itu lumayan banyak diantaranya, Google Chrome, Google Bookmark, Google AdWords, Google Apps, Google Bisnisku, Google Adsense, Google Books, Google Berita, Google Maps, Google Earth, Google Scholar, Google Trends, Gmail(Email Google), Google Drive, Google Dokumen, Google Spreadsheet, Google Slide, Google Formulir, Google Drawing, Google Sites, Google Kalender, Google Terjemahan, Google Cloud Print, Google Keep, Blogger(blogspot.com), Google Groups, Hangouts, Google Code, dan masih banyak lagi produk yang lainnya.

Masing-masing produk google ini mempunyai fungsi dan kegunaanya juga manfaat bagi penggunanya dari salah satu diantara semua produk google yang dipaparkan diatas, Google sangatlah baik mengapa demikian? karena menurut saya Google telah menyediakan layanan terbaik dan bermanfaat bagi semua pengguna yang menggunakan produk-produk nya, seperti produk miliknya yang sudah tidak asing lagi bagi para publisher yakni Blogger(blogspot.com) yang sudah memberikan kesempatan untuk berkarya dengan imaginasi tersendiri dari penulis atau pemilik blog yang membuat konten artikel blognya dan dipublisasikan lewat halaman entri blog dengan layanan Blogger.

Selain membuat konten pengelola situsblog Blogger tidak lah lengkap jika situsblognya hanya diisi dengan artikel saja, agar sebuah situsblog bisa berguna dan bermanfaat bagi diri sipengelola situsblog maka dengan adanya program iklan yang dimiliki Google yaitu produk Google AdSensenya yang menyediakan program iklan AdSense.

Bagi pemilik situsblog atau situsweb untuk mendapatkan uang dari konten situsblognya dengan bergabung program dari Google AdSense dimana sipengelola situsblog yang memasang iklan dan menempelkan kode iklan di situsblognya akan mendapatkan penghasilan dari penayangan iklan tersebut.

Apakah anda sudah bergabung dengan google adsense? jika belum baca di artikel ini cara cepat di terima Google AdSense

Blogger merupakan Salah satu produk Google yang mempunyai manfaat yang cukup besar bagi seorang penulis(publisher) pada saat ini adalah dengan adanya produk layanan iklan Google AdSense selain bisa menghasilkan dan berbagi pengetahuan untuk orang lain Blogger juga bisa membantu seorang pembisnis dalam mempromosikan situsblog atau suatu produk dan barang jualan lewat program iklan AdWords agar banyak dikenal orang.

Diantara banyaknya situs yang menyediakan jasa iklan yang sudah ada saat ini, Blogger dan Google yang bisa menjadi pilihan yang tepat untuk di gunakan sebagai alat promosi karena fitur dan tekhnologi terdapat di dalam Blogger dan Google yang cukup lengkap di tambah lagi pengguna Blogger dan Google yang cukup banyak dan luas jaringannya seantero dunia.

Google AdSense menyediakan layanan gratis bagi pengelola situsblog untuk mendapatkan penghasilan berupa uang dari konten situsblog miliknnya. Namun terlebih dahulu harus menyediakan atau menempelkan kode iklan di situsblog dan memilih tempat dan lokasi penayangan iklan, Google AdSense akan bekerja secara otomatis dengan mencocokkan iklan text, gambar, link, search pada situs blog, berdasarkan konten dan pengunjung berbentuk sponsor pada situsblog.

Maka dalam Pembahasan artikel ini saya akan berbagi mengenai Cara Pasang Iklan di situsblog Blogger dan bisa di tampilkan dalam halaman depan blog dengan ukuran 300x250 px. sebagai contoh saya akan share dibawah dan Berikut langkah-langkahnya yang bisa anda ikuti;

Masuk di dasbor blogger lalu pilih ''Tata Letak'' lalu ''Tambahkan Gadget''. Kemudian akan muncul jendela baru yang berisi menu tab widget, selanjutnya pilih tab menu widget ''AdSense'' yang berada di bagian paling atas, dan selanjutnya pilih dan langsung klik tombol (+) yang berwarna biru Atau tulisan AdSensenya, berikut contoh dalam gambar di bawah ini;

tambahkan kode iklan adsense

megofigurasi kode iklan adsense


Setelah itu klik “Save” dan iklan Google Adsense akan segera muncul pada blog Anda.




Nah, itulah pembahasan tentang Cara Pasang iklan Google Adsense di blog memang sangat mudah dan Semoga saja akan menjadi lebih berguna bagi anda Okelah kalau begitu sampaikan salam Blogger.

Saturday, August 03, 2019

- 8/03/2019

Cara Mudah Membuat Widget Label Posts Keren

label posts blog blogger


Sahabat blogger artikel kali ini saya akan berbagi tentang bagaimana cara membuat widget label post yang keren di sidebar blog blogger. Sebenarnya widget label ini sudah banyak pengguna blogger yang menggunakanya dan juga sudah banyak postingan artikel blog tentang widget label posts, namun saya juga ingin memposting artikel terkait dengan widget label tersebut agar blog ini bisa seperti mereka dan khususnya bisa berada di pencariaan google.

Karena hari ini admin baru sempat memposting artikel disebabkan oleh keterbatasan waktu sebab kebelakangan ini hanya menghabiskan waktu dan aktivitas mengotak-atik template blog ini agar bisa tampilan nya seperti sekarang ini itupun masih ada yang kurang entar kapan-kapan di refisi lagi, dan barulah hari ini saya admin bisa berbagi tentang hal ini kepada sahabat blogger semuanya.

Sebenarnya cara membuat widget label posts keren disidebar blog sangatlah mudah, semudah pada saat membuat popular post di blog yang sempat kemarin saya bahas dalam artikel blog ini. Pada dasarnya widgets label posts ini sudah ada semenjak kita mulai membuat blog blogger(default).

Widgets label posts bisa dibuat dengan menggunakan berbagai macam kode-kode, diantara nya CSS HTML Javascript. Namun untuk pengguna blogger yang belum mengerti cara menerapkan CSS HTML Javascript dan masih tetap memakai atau menggunakan widget label standar blogger.

Dan jika ingin membuat tampilan widget label posts nya lebih keren lagi di blognya, maka sahabat blogger yang masih baru tidak perlu khawatir karena masih banyak jalan untuk belajar dan solusinya di bawah ini adalah salah satu cara membuat widgets label posts yang keren yang nantinya bisa anda terapkan di blog bloggernya.

Berikut Cara Memasang Widget Label Posts di Blog Blogger;


1. Masuk ke Dasbor Blogger dengan akun Google Blogger Anda

2. Pilih dan Klik Tema > Lalu > Edit HTML

3. Selanjutnya Cari kode ]]></b:skin> untuk memudahkan nya tekan CTRL F Bersamaan

4. Lalu salin dan tempelkan kode dibawah tepat di atas kode ]]></b:skin>

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.label-size {background:#fff;display:block;float:left;margin:0 4px 4px 0;color:#999;font-size:11px;line-height:1.2;}
.label-size a,.label-size span{display:inline-block;color:#666;padding:6px 10px}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;color:#999;}
.label-count:hover {color:#5e94ef;}
.label-size{position:relative;border:0;display:block;float:left;color:#fff;font-size:12px;margin:0 4px 4px 0;}
.label-size a{background:#fff;display:inline-block;color:#fff;border-radius:3px;border-bottom: 1px dotted #ddd;}
.label-size a:hover {background:#4267b2;color:#fff}
.label-size a:hover,.label-size span::hover{background:#4aa3df}


Langkah selanjutnya, klik Simpan dan lihat hasilnya.


OK..Nah..bagaimana tertarik bukan? Sebenarnya masih banyak lagi yang keren-keren sahabat blogger bisa nambah ilmunya di searching google disana nantinya bisa anda temukan widget yang lebih keren dari artikel ini,memasang banyak widget di blog juga akan membuat loading blog pun terasa lama dan berat. Oleh karena itu bagi sahabat blogger yang masih baru jika ingin menambah widget di blog blogger saya sarankan agar jangan terlalu berlebihan sama halnya seperti yang sudah admin sampaikan pada pembahasan artikel sebelumnya.

Selamat mencoba dan Semoga tutorial dan Cara Mudah Membuat Widget Label Posts Keren Di Sidebar ini bermanfaat. Salam Bloggers...

Friday, August 02, 2019

- 8/02/2019

Membuat Widget Popular Posts Di Sidebar

Cara Membuat Widget Popular Posts Di Sidebar

Setiap pengguna blogger sudah pasti sering menambah atau mengedit template blognya agar melihat tampilannya lebih keren dan juga lebih profesional dan pada saat untuk menambahkan kode kodenya masih bingung dalam menerapkan nya ke template blognya tersebut.

Misalnya widget yang berada di sidebar yang kurang menarik dengan tampilan yang diinginkan atau widget dari sidebar template tersebut masih belum cukup dan masih perlu atau ada yang ingin di tambahkan.

Artikel kali ini saya akan berbagi tips blog tentang bagaimana cara menambah atau menerapkan widget pada sidebar template blog yaitu widget popular posts yang keren dan profesional. Untuk menambah atau menerapkan widget popular posts ini pada sidebar template blog terbilang sangatlah mudah.

Tips ini juga bisa anda gunakan sebagai referensi untuk menambah tampilan template blognya menjadi lebih enak dipandang ketika ada pembaca dan pengunjung situsblog milik anda yang terdapat pada widget di sidebar.

Di dalam menerapkan widget popular posts ini adalah pada penempatan dari kode CSS yang harus tepat perhatikan langkah dan caranya berikut ini;

Berikut Cara Memasang Widget Popular Posts di Blog Blogger;


1. Masuk ke Dasbor Blogger dengan akun Google Blogger Anda

2. Pilih dan Klik Tema > Lalu > Edit HTML

3. Selanjutnya Cari kode ]]></b:skin> untuk memudahkan nya tekan CTRL F Bersamaan

4. Lalu salin dan tempelkan kode dibawah tepat di atas kode ]]></b:skin>
/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0}
.PopularPosts ul{list-style:none;font-family:&#39;Oswald&#39;,Sans-Serif;font-size:13px;color:#919392;margin:.5em 0}
.PopularPosts ul li img{display:block;width:70px;height:70px;float:left;margin:0 15px 0 0;     border: 1px solid silver;padding: 2px;}
.PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-weight:700;font-size:13px;color:#919392;text-decoration:none;transition:.5s linear;    font-family: Open Sans;}
.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:rgb(247, 73, 73);color:#fff;width:30px;height:28px;line-height:25px;text-align:center;bottom:0;right:0;margin-top:15px;transition:.5s linear;    border-radius: 10%;font-size: 18px;    padding: 5px;}
.PopularPosts ul li:nth-child(1),.PopularPosts ul li:nth-child(2),.PopularPosts ul li:nth-child(3),.PopularPosts ul li:nth-child(4),.PopularPosts ul li:nth-child(5),.PopularPosts ul li:nth-child(6),.PopularPosts ul li:nth-child(7),.PopularPosts ul li:nth-child(8),.PopularPosts ul li:nth-child(9),.PopularPosts ul li:nth-child(10){background:#fff;color:#aaacab;    border-bottom:1px solid #EFEFEF;transition:all .5s linear;}
PopularPosts ul li:last-child{border-bottom:none;}
.PopularPosts ul li:hover:nth-child(1),.PopularPosts ul li:hover:nth-child(2),.PopularPosts ul li:hover:nth-child(3),.PopularPosts ul li:hover:nth-child(4),.PopularPosts ul li:hover:nth-child(5),.PopularPosts ul li:hover:nth-child(6),.PopularPosts ul li:hover:nth-child(7),.PopularPosts ul li:hover:nth-child(8),.PopularPosts ul li:hover:nth-child(9),.PopularPosts ul li:hover:nth-child(10){background-color:#fafafa;transition:all .5s linear;}
.PopularPosts ul li:hover .item-title a{color:#37B576;transition:all .5s linear;}
.PopularPosts ul li:hover:before{background-color:#37B576;color:#fff;transition:all .5s linear;}
.PopularPosts .item-thumbnail{float:left;margin:0 0 0 10px;}
.PopularPosts ul li .item-snippet {display:none;visibility:hidden;opacity:0;font-size:11px;color:#383838;transition:all .5s linear;    font-family: Open Sans;}
.PopularPosts ul li:hover .item-snippet {display:block;visibility:visible;opacity:1;transition:all .5s linear;}



Berikut ilustrasi dalam gambar contoh penerapan di dalam template Blog di bawah ini;

Membuat Widget Popular Posts Di Sidebar

Membuat Widget Popular Posts Di Sidebar



Langkah selanjutnya, klik Simpan dan lihat hasilnya.

Selamat mencoba dan Semoga tutorial dan Cara Membuat Widget Popular Posts Di Sidebar ini bermanfaat. Salam Bloggers...