KonichiwaKuy: December 2018

Tutorial Membuat Link Blog Terbuka Otomatis di Tab Baru

Selamat Datang Di IMAMKUNBLOG - Hello sobat blogger semuanya kali ini saya akan membagikan tutorial "Cara Membuat Link Open New Tab Otomatis Di Blog". Tutorial kali ini sangatlah muda untuk sobat pasang di blog sobat dan sebelum kita memasuki langkah pemasangnnya saya kan membahasa terlebih dahulu mengenai Open New Tab.

Tutorial Membuat Link Blog Terbuka Otomatis di Tab Baru

Dengan membuat Open New Tab secara otomatis di blog sobat dimana ketika pengunjung mengklik sebuah link yang ada diblog sobata maka akan secara otomatis akan membuka New Page atau Halaman Baru secara otomatis tanpa sobat haris klik kanan pada mouse untuk membuka Open New Tab lagi. Maka dengan memasang Open New tab secara otomatis ini nantinya akan sendirinya link blog sobat akan terbuka di tab baru secara otomatis saat ada yang mengklik linknya.

Sobat masih belum paham mengenai pembahasa diatas? Nah barikut ini contohnya Jika sobat membuat suatu artikel dan diakhir atau pembukaan blog sobat menyediakan suatu link baik itu link yang mengarahkan ke artikel lain blog sobata ataupun link yang mengarahkan luar blog sobat atau juga link download game, video atau lainnya.

Nah jika sudah sobat publishkasikan dan ada pengunjung yang datang dan membaca tertarik ingin membaca suatu artikel yang sudah sobat tempatkan linknya dan saat si pengunjung mengklik link tersebut maka secara otomatis akan terbuka New Page/Halam Baru yang berisikan artikel si link tersbut maupun link download juga sama. Dan di artikel yang sebelumnya juga masih bisa terbuka dan nantinya akan ada dua halaman yang terbuka yakni halaman yang pertama dibuka dan halaman yang di klik tadi yang berisika link artikelnya.

Nah saya harap sobat dapat memahaminya dan maaf jika pembahasannya yang saya buat begitu rumit dipaham ya sobat semuanya. :) nah kita memasuki saja langsung ka pemasangannya.

Tutorial membuat Link Open New Tab Otomatis Di Blog

Sobat login dulu ke Blogger
Pada menu dasboard sobat pilih Template > Pilih Edit HTML
Dan sobat cari kode </head>
Jika sudah ketemu maka sobat simpan kode dibawah ini diatas kode </head>

<base target='_blank' />

Dan sobat Klik SAVE/SIMPAN

Nah gimana mudah bukan cara memasangnya, saya harap sobat dapat mengerti cara memasangnya dan tutorial kali ini snagatlah mudah untuk diterapkan oleh sobat semuanya. Nah sekian untuk atikel kali ini semoga bermanfaat buat sobat semuanya.

Happy Blogging!!

No komentar

, by Imam

Tips SEO

Cara Mudah Membuat Breadcrumbs Index Blog Ke Google

Selamat Datang Di IMAMKUNBLOG - Hello sobat blogger sudah lama saya belum membahas mengenai SEO dan kali ini saya ada sedikit ilmu untuk meningkatkan SEO Blog Sobat yaitu dengan memasang "BreadCrumbs" Ke Blog sobat. Sebelum kita masuk ke tutorial cara pemasangannya saya akan membahas terlebih dahulu apa itu BreadCrumbs?

Cara Mudah Membuat Breadcrumbs Index Blog Ke Google

Sebelumnya pengertian BreadCrums ini menurut sepengetahuan saya mengenainya, baiklah BreadCrums merupakan sebuah navigasi di blog sobat yang dimana terdiri dari Nama Blog sobat atau HOME, atau kategori dan titile artikel blog atau juga berupa link tit;e artikel blog sobat kurang lebihnya seperti gambar diatas itu merupakan contoh BreadCrums.

Nah apa manfaat BreadCrumbs ? Dengan memasangnya BreadCrums di blog maka itu bisa membawa blog atau artikel dari blog sobat ke Page One Google. Tetapi tidak semua jenis theme blogger ada yang memasang Breadcrumbs ini, tapi biasanya juga sudah ada di theme blog sobat. Nah dengan memasang BreadCrumbs ini di blog sobat maka bisa membawa blog sobat ke Page One.

Nah itulah pengertian dan manfaat yang dapat saya jelaskan kepada sobat semuanya kalau kurang mengerti sobat dapat mencari di Google untuk info lebih lengkap mengenai BreadCrumbs tersebut. Dan baiklah kita langsung saja masuk ke pemasangannya ke blog.

Tutorial Membuat BreadCrumbs Index Blog Ke Google

Sobat Log In dahulu ke Blogger
Jika sudah Login dah sudah didasboard maka sobat pilih menu "Template/Theme" dan kemudian Klik Edit HTML
Dan selajutnya sobat cari kode ]]></b:skin> atau juga </style>
Jika sudah ketemu salah satu kode diatas maka selanjutnya sobat simpan kode dibawah ini diatas kode ]]></b:skin> atau </style> yang sudah sobat temukan.

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Selanjutnya sobat cari lagi kode <b:includable id='main' var='top'>
Jika sudah ketemu ganti kode tersebut dengan kode dibawah ini.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Selanjutnya klik SAVE/Simpan

Nah dalam proses pengindexan memakan waktu sekitar 2-3 hari dan jika belum terindex juga maka dalam blog sobat memiliki suatu masalah. Sobat bisa mengecek Disini untuk mellihat web sobat sudah terindex atau belum. Nah saya pikir sampai disini saja untuk artikel kali ini semoga apa yang telah saya tulis ini dapat bermanfaat bagi sobat semuanya.

Happy Blogging!!

No komentar

, by Imam

Tutorial Blogger

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Selamat Datang Di IMAMKUNBLOG - Hello sobat kembali lagi dengan saya IMAM, dan kali ini saya membuat lagi megenai Tutorial Blogger yakni "Cara Membuat dan Memasang File PowerPoint Responsive di Blog". Cara ini kita harus mengupload file ppt/pptx atau pdf ke Drive Google terlebih dahulu untuk mendapatkan kode iframenya.

Pada artikel yang saya bagikan ini sudah berbentuk responsive (mobile friendly) sehingga jika sobat membuka lewat smartphone sobat maka dengan otomatisnya lebar slide filenya akan menyesuaikan sesuai leba smartphone sobat dan tutorial kali ini sangat membantu untuk blog yang mengenai seputar pendidikan karena dapat membagikan suatu pembahasan langsung dari slide-slid power point tanpa harus copy paste dari power point ke artikel blog.

Tutorial kali ini juga sudah dicoba oleh teman-teman saya yang memiliki blog pendidikan, dan maka dari itu saya membuat artikel menganai ini agar sobat semuanya dapat menerapkannya di blog sobat dan mempermudah sobat dalam membuat artikel di blog sobat. Sobat dapat mengikuti langkah-langkahnya dibawah ini dan pastikan ikuti langkahnya dengan teliti agar tidak ada kesalahan.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Pertama sobat upload dulu File ppt/pptx atau pdf ke Drive Google pastikan sobat login dengan akun GMAIL sobat.
Jika sobat sudah meng upload filenya ke drive google maka selanjutnya kita memasuki Mengizinan file agar supaya bisa dilihat semua orang. Seperti gambar dibawah ini.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Sobat pilih filenya dan klik logo link yang berwana hijau itu dan klik Sharing Setting maka tampilannya akan seperti ganbar dbawah ini.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Selanjutnya sobat klik yang saya kasi tanda panah warna kuning, dan pilih "Anyone on the internet Can find and View"
Klik DONE
Selanjutnya kita mengambil kode iframe dari Google Slides, Cara nya seperti gambar dibawah ini.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Sobat klik Filenya dan klik kanan pada mouse dan pilih Open With > Pilih Google Slides. Jika sudah maka tampilannya akan seperti gambar dibawah ini.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Jika sudah tampilan diatas maka kita dapat mengambil kode iframenya dengan cara Klik FILE > Publish to the web. Jika sudah maka sobat akan ditampilkan seperti gambar diabwah ini.

Cara Membuat dan Memasang File PowerPoint Responsive di Blog

Sobat pilih menu "Embed" dan sobat sesuaikan pada slide size dan auto-advance slides sesuai keinginan sobat.
Dan beri centang pada "Start slideshow as soon as the player loads" dan "Restart the slideshow after the last slide"
Dan sobat klik pulish maka nantinya akan muncul link Iframe yang warna biru itu.
Sampai disini kita sudah berhasil mendapatkan kode Iframe..
Selanjutnya kita memasang kode CSS dan HTML Responsive di theme blog sobat

Sebelum itu mengapa kita harus memaang kode HTML/CCS di theme blog sobat? Karena kode iframe yang kida dapatkan dari Google Slides itu tidak responsive dan biasanya suka acakan saat dibuka di smartphone. Maka dari itu sobat harus memasang kode agar responsive saat dibuka di smartphone.

Cara Memasang HTML & CSS Resposive

Sobat Login ke Blogger
Pada menu dasboard sobat pilih Theme/Template >> Edit HTML
Sobat pasang kode dibawah ini diatas kode </style>

.ppt{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:80%;box-shadow:1px 30px 30px -26px #818181}
.ppt-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.ppt-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Dan Sobat Klik SAVE/Tamplate
Jika sudah memasang kode Responsivenya maka kita tahap pemasangan di postingan.
Sobat Buat New Posts dan ketika memasuki new post pilih menu HTML bukan COMPOSE
Masukkan kode dibawah ini pada menu HTML

<div class="ppt">

<div class="ppt-responsive">

<div class="ppt-youtube loader">

Masukkan kode Iframe yang sudah didapatkan DISINI

</div>

</div>

</div>

Sobat ganti kata "Masukkan Kode Iframe Yang sudah didapatkan DISIIN" dengan kode Iframe yang didapatkan dari Google Slides. Kira-kira seperti dibawah ini kode yang sudah ditambahi kode iframe.

<div class="ppt">

<div class="ppt-responsive">

<div class="ppt-youtube loader">

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRQnsnlhtW-upQtXWM70jIos9DZZjXYJXkiEFHj9uC9HwLrqDPLkNbRdZ3f4GjVp7IE4TAvK_HK6lyX/embed?start=true&loop=true&delayms=3000" frameborder="0" width="480" height="389" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>

</div>

</div>

Maka hasilnya akan seperti dibawah ini

Nah gimana mudah bukan membuatnya..? Walaupun prosesnya begitu panjang dari mengupload dan mengambil kode iframe dan memasang kode reponsive. dan hasilnya begitu memuaskan. Jika sobat mempunyai blog mengenai pendidikan dan suka berbagi file seputar pendidikan maka artikel ini sangat berguna untuk sobat. Mungkin sekian dulu mengenai tutorial kali ini dan jika sobat mengalami kebingungan sobat dapat berkomentar dibawah ya. Dan nantikan artikel manriklainnya.

Happy Blogging!!

No komentar

, by Imam

Tutorial Blogger

Cara Mudah Membackup dan Import Semua Artikel blogger

Selamat Datang Di IMAMKUNBLOG - Hello sobat kembali lagi dengan saya IMAM, dan kali ini saya membuat lagi megenai Tutorial Blogger yakni "Cara Membackup dan Import Semua Artikel blogger". Pada langkah ini tidak amat sulit seperti wordpress memang sih sama juga dengan wordpress bisa langsung dan juga bisa melalui CPanel hosting.

Cara Mudah Membackup dan Import Semua Artikel blogger

Sebelumnya apa sih keuntungan dengan melakuka BackUp Artikel Blogger? Keuntungannya ialah untuk menjaga-jaga jika suatu hari blog sobat tiba-tiba terhapus atau di nonaktifkan oleh pihak blogger, maka dengan adanya backup sobat dapat membangun lagi blog sobat dengan menggunakan data backup. Disinilah keuntungannya dengan melakukan backup data artikel blogger.

Dan juga tanpa harus sobat menulis lagi artikel-artikel yang pernah sobat buat sebelumnya dengan melakuakn backup semua artikel akan langsung jadi dan biasanya kekurangnnya adalah biasanya gambar artikelnya biasa ada dan biasanya tidak terikut.

Dengan masalah ini saya pikir tidak terlalu ribet. Cukup sobat melakukan pemasangan ulang gambar disetiap artikel aja dan melakukan pengecekan setiap artikel maka akan lebih mudah.

Cara Membackup Data Artikel Blogger

Sobat log in ke Blogger
Jika sudah login dan pada menu dasboard pilih setting.
Dan pilih menu Others/Lainnya

Cara Mudah Membackup dan Import Semua Artikel blogger

Disini saya akan menjelaskan terlebih dahulu pada bagian Import & Back up. Pada bagian Content (Pages, posts and comments) dan disitu ada dua pilihan yakni Import Content dan Back Up Content.

Import Content: Disini fungsinya untuk memasukkan data yang sebelumnya sudah melakukan Back Up dan file yang di back up berjenis .xml seperti ektensi theme juga. Dalam data import berisi semua yang berkaitan dengan blog sobat seperti komentar, halaman, postingan dan lainnya sebagainya.

Back Up Content: Disini berfungsi untuk menyimpan data-data sobat yang untuk disimpan dan untuk jaga-jaga jika blog sobat dinonaktifkan pada data backup berisi semua komentar, halaman, dan postingan sobat semua akan masuk kecuali gambar biasanya itu ada yang masuk dan tidak masuk ke data back upnya.

Selanjutnya sobat pilih Back Up Content (Jika sudah di klik akan muncul seperti gambar dibawah ini)

Cara Mudah Membackup dan Import Semua Artikel blogger

Maka selanjutnya sobat klik Save to your computer/Simpan ke komputermu
Maka otomatis file akan ke download dan besarnya file tergantung jumlah komentar, halaman, dan postingan yang ada diblog sobat.
Jika sobat sudah mengikuti langkah diatas maka proses Back up telah berhasil.

Cara Import Data Artikel Blogger

Sobat Log in ke blogger
Pada bagian Dasboard Pilih Setting > Other (Lainnya)
Dan Pilih Import Content (Seperti Gambar Diatas pada menu cara backup)
Jika sudah maka akan muncul seperti gambar dibawah ini.

Cara Mudah Membackup dan Import Semua Artikel blogger

Pertama sobat Klik Kolom I'm not a Robot (Maksudnya itu agar sobat bukan seorang robot)
Pada Bagian "Automatically publish all imported posts and pages" maksudnya ialah jika sudah melakukan import maka nantinya semua posts akan langsung di publikasikan. Pada bagian ini seterah sobat mau centang atau tidak.
Dan klik Import from Computer dan sobat pilih file yang sudah di back up untuk di masukkan ke blog baru sobat.
Dan klik Publish
Dan tinggal tunggu sampai proses selesai, lama proses tergantung besarnya file dan data backup sobat.

Nah itulah tutorial blogger menegnai "Cara Membackup dan Import semua data artikel blogger dengan mudah". semoga artikel ini dapat membantu sobat dan dapat memahi tutorial diatas, artikel ini sudah saya usahakan membuatnya seteliti mungkin untuk mudah dipahami. Dan jika sobat masih ada kebingungan sobat dapat berkomentar dibawah nantinya akan saya bantu. Dan nantikan artikel menarik dan terbaru lainnya.

Happy Blogging!!

No komentar

, by Imam

Internet

Cara Mudah Membuat Subtitle Video Di Youtube

Selamat Datang Di IMAMKUNBLOG - Hello sobat kembali lagi dengan saya dan pada kali ini saya akan membagikan Tutorial Internet mengenai "Cara Mudah Membuat Subtitle Video Di Youtube". Ya jika kalian menonton video di youtube dan tidak ada subtitle maka akan sulit untuk dimengerti.