Postingan

Menampilkan postingan dengan label Tutorial Blogger

Cara Menyisipkan Audio ke Postingan Blogger

Gambar
Seperti kita ketahui, tidak ada fasilitas untuk menyisipkan audo pada postingan blogger. Salah satu caranya adalah dengan menyimpan file audio tersebut di google drive kemudian mnyematkannya di postingan blogger.  Langkahnya: 1. Klik kanan file audio di drive, pilih    Dapatkan link yang bisa dibagikan . 2. Setting Siapa saja yang memiliki link , klik Salin link , klik Selesai 3. Misalnya di dapat link berikut:  https://drive.google.com/file/d/ 1Htn-7KsXOCW0N6iqpeja92aMlXSZVFPm /view?usp=sharing Simpan di notepad atau di word atau yang sejenisnya 4. Copy dan paste link berikut di blog:pada mode html: <audio controls=""> <source src="http://docs.google.com/uc?export=open&amp;id= xxxxxxxxxx " type="audio/mp3"></source> </audio> 5. Ganti   xxxxxxxxxx dengan kode warna biru pada file audio 1Htn-7KsXOCW0N6iqpeja92aMlXSZVFPm Sehingga menjadi:   <audio controls=""> <source src="http://docs.google.com/uc?export=o...

Cara Memasang Google Map di Postingan Blogger

Gambar
Silakan lihat postingan Mengenal Pesantren At-Taqwa Depok , pada bagian bawah tulisan tersebut dicantumkan google map dari pesantren tersebut. Google map Pesantren At-Taqwa Depok Bagaimana cara memasangnya? 1. Buka  Google Maps 2. Ketik lokasi yang dicari pada kotak telusur yang berada di sebelah kiri atas, misalnya Pesantren At-Taqwa Depok. 3. Pilih lokasi yang muncul di bawahnya. 4. Klik tombol menu sebelah kiri atas. 5. Pilih Bagikan atau sematkan peta . 4. Pilih Sematkan peta , kemudian pilih SALIN HTML 5. Tempel di bagian HTML postingan blogger. Kode HTML map pada bagian bawah 6. Selesai. Silakan dipublikasikan untuk melihat hasilnya. Semoga info tentang  Cara Memasang Google Map di Postingan Blogger ini bermanfaat bagi Anda.

Cara Menambahkan Widget di Atas Postingan

Gambar
Cara Menambahkan Widget di Atas Postingan Awalnya saya meletakkan kotak penelusuran di sidebar kanan. Namun ketika melihat versi mobile, kotak penelusuran menjadi di bawah. Saya ingin kotak penelusuran berada di bagian atas. Berikut Cara Menambahkan Widget di Atas Postingan: 1. Masuk ke dashboard blogger. 2. Klik Template, klik Edit HTML. 3. Klik di area kode HTML, tekan Ctrl+F, akan muncul kotak pencarian. 4. Copy dan paste kode berikut di kotak pencarian tadi, kemudian tekan Enter: <b:section class='main' id='main' name='Main' showaddelement='no'> 5. Setelah ketemu kode tersebut di area kode HTML, ganti kata "no" dengan "yes" 6. Klik Format template. 7. Klik Simpan template. Demikian info Cara Menambahkan Widget di Atas Postingan , semoga bermanfaat bagi anda.

Widget Kalender Hijriyah

Gambar
Sekarang tanggal berapa Dzulhijjah ya? Rabu nanti 1 Muharram 1437 H. Untuk membantu mengingat penanggalan hijriyah, saya merasa perlu untuk memasang widget kalender hijriyah di blog Ragam Info . Dari blog alhabib, saya dapatkan kodenya: <div style="margin:0px auto;text-align:center;width:180px;height:40px;"><embed src="http://widgets.al-habib.info/images/Protected_hijricalendarbarcombo_wpd.swf" width="180" height="40" flashvars="&col1=9999ff&dayAdd=0&cal=true" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=144452...

Cara Mudah Membuat Banner Iklan Tampil Bergantian pada Sidebar

Cara Mudah Membuat Banner Iklan Tampil Bergantian pada Sidebar: 1. Siapkan url gambar iklan dan url tujuan. 2. Kunjungi : http://www.htmlbasix.com/banner.shtml. 3. Masukkan data-data. 4. Klik tombol Generate. 5. Copas kode pada widget di sidebar.

Cara Menonaktifkan Link Langganan Entri Atom pada Blogger

Berikut Cara Menonaktifkan Link Langganan Entri Atom pada Blogger: 1. Masuk ke dashboard blogger, klik Template, klik Edit HTML. 2. Klik di mana saja pada area kode, tekan Ctrl + F, akan muncul kotak pencarian. 3. Copy dan paste kode berikut di kotak pencarian, kemudian tekan Enter: ]]></b:skin> 4. Copy dan paste kode berikut di atas kode ]]></b:skin> : .feed-links{display:none;} 5. Klik Format Template dan Simpan Template.

Cara Mengubah Warna Background Postingan Tertentu pada Blog

Berikut Cara Mengubah Warna Background Postingan Tertentu pada Blog: 1.  Masuk ke dashboard blogger. 2. Klik Entri baru. 3. Klik mode HTML. 4. Copy dan paste kode berikut di halaman postingan: <table bgcolor="#7FFF00" border="0" cellspacing="5" style="width: 600px;"> <tbody> <tr> <td height="300"> Tempat menulis postingan </td> </tr> </tbody></table> 5. Tulis artikel pada "Tempat menulis postingan". 6. Anda dapat mengganti warna dengan warna lain dengan kode di sini , juga ukuran tabel. Demikian Cara Mengubah Warna Background Postingan Tertentu pada Blog, semoga bermanfaat bagi anda.

Cara Menampilkan Judul Postingan Saja pada Hasil Pencarian Google

Gambar
Cara Menampilkan Judul Postingan Saja pada Hasil Pencarian Google Pada saat saya ingin mengecek apakah postingan saya tentang Mumuy sudah tampil dalam pencarian google dengan mengetik kata kunci "mumuy dan firdaus", saya mendapatkan hasil sebagai berikut: Pada hasil pencarian google, tampil judul blog dan judul postingan. Menurut beberapa artikel tentang SEO yang saya baca, tampilan tersebut kurang bagus untuk SEO. Tampilan hasil pencarian google yang bagus adalah yang menampilkan judul postingan saja. Berikut Cara Menampilkan Judul Postingan Saja pada Hasil Pencarian Google:  1. Masuk ke dashboard blogger. 2. Klik menu Template, klik Edit HTML. 3. Klik pada area kode HTML, akan muncul kotak pencarian. 4. Copy dan paste kode berikut pada kotak pencarian kemudian tekan enter: <title><data:blog.pageTitle/></title> 5. Ganti kode di atas dengan kode berikut: <b:if cond='data:blog.pageType == &quot;index&quot;'> <ti...

Cara Mengatasi Blog Tidak Bisa Dibuka di Komputer Pribadi

Gambar
Cara Mengatasi Blog Tidak Bisa Dibuka di Komputer Pribadi Ketika saya berhasil mengarahkan URL blogspot, ragam-info-bermanfaat.blogspot.com, ke domain ragam-info.com, blog saya tidak bisa dibuka di komputer yang biasa saya gunakan untuk update blog. Dibuka dengan HP bisa. Setelah beberapa kali searching, saya coba pagi ini dengan mengganti alamat server DNS dengan DNS dari Nawala, ternyata bisa. Saat ini saya mengakses internet melalui WiFi dengan USB Wireless PROLiNK. Pada menu USB, saya dapat mengetahui IP address komputer saya, namun tidak tercantum DNS-nya. Berikut langkah-langkahnya: 1. Klik kanan pada gambar dua komputer, klik Open Network Connection. 2. Klik kanan pada network yang aktif atau connected, klik Properties. 3. Klik dua kali pada Internet Protocol (TCP/IP). 4. Klik pilihan Use the following IP address, isi semua kotaknya 5. Klik pilihan Use the following DNS server address, isi dengan: 180.131.144.144 untuk Preferred DNS server 180.131.145.145 untu...

Cara Menambahkan Widget Related Posts

Gambar
Berikut Cara Menambahkan Widget Related Posts : 1. Masuk ke dashboard blogger, klik Template, klik Edit HTML. 2. Klik di mana saja pada area kode, tekan Ctrl + F, akan muncul kotak pencarian. 3. Copy dan paste kode berikut di kotak pencarian, kemudian tekan Enter: </head> 4. Copy dan paste kode berikut di atas kode  </head>: <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #EEEEEE;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width: 110px ;height: 100px ;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms...

Cara Membuat Read More Otomatis

Gambar
Cara Membuat Read More Otomatis : 1. Masuk ke dashboard blogger, klik Template, klik Edit HTML. 2. Klik di mana saja pada area kode, tekan Ctrl + F, akan muncul kotak pencarian. 3. Copy dan paste kode berikut di kotak pencarian, kemudian tekan Enter: <data:post.body/> Nanti akan ditemukan lebih dari satu kode. Blok kode yang terakhir. 4.  Replace kode yang sudah diblok tadi dengan 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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>  <span class='readmore' style='float:right;'><a expr:href='da...

Cara Melihat Tampilan Website atau Blog di Berbagai Versi HP atau Mobile

Diantara anda, yang mempunya website atau blog, mungkin ada yang ingin tahu bagaimana cara melihat tampilan website atau blog di berbagai versi hp atau mobile . Silakan kunjungi website berikut yang menyediakan fasilitas tersebut: 1. http://mobiletest.me - pilih versi hp yang diinginkan - masukkan alamat website atau blog 2. http://www.responsinator.com - memasukkan alamat website Demikian Cara Melihat Tampilan Website atau Blog di Berbagai Versi HP atau Mobile .

Cara Setting Blogger agar Bisa Posting dengan Email

Gambar
Ada yang bertanya kepada saya bagaimana cara setting blogger agar bisa posting dengan email seperti tugas ' Pengalaman Sosialisasi ' yang ada dalam blog ini. Cara setting blogger agar bisa posting dengan email sangat mudah sekali. Silakan lakukan langkah-langkah berikut: 1.Masuk ke akun blogger. 2. Pilih Setelan . 3. Pilih Seluler dan email . 4. Pada bagian Mempublikasikan entri menggunakan email , ada kotak kosong setelah id email anda, isi dengan nama yang anda inginkan. Sederet nama itulah yang menjadi alamat email untuk postingan, misalnya: gurusosiologinf.kbmsosio@blogger.com . 5. Pada pilihan di bawahnya, pilih Segera publikasikan email . 6. Kilik Simpan setelan .  Anda bisa melakukan tes untuk mengecek apakah sudah berjalan dengan baik atau belum. Silakan kirim email ke alamat yang anda buat, tunggu beberapa saat, kemudian cek di blog anda, apakah sudah masuk atau belum. Demikian cara setting blogger agar bisa posting dengan email. Semoga bermanfaat untuk anda.