Cara Membuat Sitemap Blogspot

Cara Membuat Sitemap Blogspot

Sitemap merupakan salah satu fitur untuk melengkapi navigasi pada sebuah Blog, disisi lain sitemap diwajibkan oleh pihak Google Adsen jika kamu akan mendaftarkan blog kamu sebagai publiser.


Cara Membuat Sitemap Untuk Blogspot

Karna dengan sitemap google akan mudah menelusuri semua artikel yang ada diblog kamu, dengan begitu peluang untuk menduduki page one di halaman mesin pencarian google kamu akan bertambah.


Apa Itu Sitemap

Sitemap adalah sebuah halaman Statis pada blog yang berisikan daftar isi postingan dari blog itu sendiri. Dengan menampilkan judul artikel dan diurutkan sesuai abjad atau juga diurutkan sesuai lebel artikel itu sendiri.


Cukup dengan 1 halaman sitemap kamu dapat melihat keseluran isi dari sebuah blog tanpa perlu berputar putar mengeliling jumlah halaman yang ada, tentu saja ini akan memudahkan pengunjung untuk berkunjung ke blog kamu secara leluasa


Cara Membuat Sitemap

Membuat sitemap sebenarnya sangat mudah, kamu hanya perlu mengambil beberapa Scrip yang mengarah ke RSS blog kamu dan menyimpannya dengan satu halaman Page, berikut ini saya paparkan secara perlahan bagaimana cara membuat sitemap.


1. Langkah pertama Login terlebih dahulu pada Blog yang kamu miliki.


2. Setelah Login sebagai Administrator pada Dashboard Blog pilih menu Halaman , jika kamu menggunakan bahasa Inggris namanya adalah Page


3. Kemudian setelah memilih halaman buatlah halaman baru dengan Judul Sitemap


4. Pada Editor Blog beralihlah me Mode HTML


5. Salin Scrip di bawah step7 ini dan letakkan di Media Editor Blog kamu


6. Di bagian Media Editor terdapat Setelan Entri silahkan klik pada menu Pilihan dan dibagian komentar pilih Jangan bolehkan, sembunyikan yang ada


7. Simpan kemudian Publikasikan.

<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;"></div><script src="https://cdn.rawgit.com/Librayanada/vip/master/daftar-isi.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script><br />
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1 {display:none;} #HTML3 {visibility:hidden;} /* CSS Full Sitemap */ #bp_toc{background:#f4f5f6;color:#666;margin:0 auto;padding:4px;} span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:#7f8c8d;font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal} .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;} .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;} .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;} #bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);} #bp_toc tr:nth-child(1) a {color:#666;} #bp_toc td.toc-header-col1{background-color:#fff;} #bp_toc td.toc-header-col2{background-color:#fff;} #bp_toc td.toc-header-col3{background-color:#fff;} #bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0} #bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700} #bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8} #bp_toc td.toc-entry-col2{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8} #bp_toc td.toc-entry-col3{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8} #bp_toc td a{color:#666;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:12px; text-decoration:none;color:#aaa;letter-spacing: 0.5px;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%} .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;} .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;} #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;} .toc-entry-col1 {counter-increment:rowNumber;} #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;} </style>

Scrip diatas saya terapkan pada blog dan hasilnya cukup rapih dan mudah untuk digunakan, jika sobat penasaran seperti apa bentuk dan layoutnya silahkan scrool ke atas dan pilih Sitemap.


Sampai disini sebenarnya sitemap sudah bisa digunakan, langkah terakhir kamu hanya perlu menyisipkan URL dari halaman sitemap yang sudah dibuat tadi ke dalam template yang kamu gunakan.


Contoh Url Sitemap ini adalah https://www.sevenjon.com/p/sitemap.html, maka sisipkan Url tersebut kedalam Link Site Map yang sudah disediakan oleh pihak penyedia template. Seperti contoh dibawah ini


<li><a href='#'>Daftar Isi</a></li>

Atau


<li><a href='/'>Daftar Isi</a></li>

maka kamu harus meletakkannya didalam tanda kutip tanpa spasi, menjadi seperti ini


<li><a href='https://www.sevenjon.com/p/sitemap.html'>Daftar Isi</a></li>

atau bisa juga seperti ini


<li><a href='/p/sitemap.html'>Daftar Isi</a></li>

Setelah menambahkan Url sitemap silahkan simpan pengaturan dan lihat hasilnya, Jika kamu mengalami kesulitan atau ada hal yang ini ditanyakan silahkan hubungi kami melalui Formulir yang sudah kami sediakan pada menu Kontak dibagian bawah blog ini. Saya admin Jon, terimakasih atas kunjungannya.

Cara Membuat Google Webmaster

Cara Membuat Google Webmaster

Google Webmasters adalah langkah pertama untuk medapatkan peringkat dalam mesin pencarian google, karena dengan Google Webmaster kita dapat memberi tahu kebedaraan website kita kepada mesin pencarian google sehingga mempermudah website untuk mendapatkan trafik.


Apa itu Google Webmasters

Google Search Console adalah layanan web gratis dari Google untuk webmaster. Google Search Console memungkinkan webmaster untuk memeriksa status pengindeksan dan mengoptimalkan keterlihatan situs web mereka di mesin pencarian google.


Google Webmaster

Pada tanggal 20 Mei 2015, Google mengganti nama Google Webmaster menjadi Google Search Console.


Fungsi Google Search Console

Google Search Console membantu para webmaster atau pemilik website dalam mengoptimalkan website sehinggal website tersebut dapat terindex pada mesin pencarian google, dengan demikian pemilik website dapat memantau lalu lintas pengunjung yang datang dari mesin pencarian google.


Dalam hal ini pengunjung murni dari mesin pencarian dinamakan Unik Visitor, bukan pengunjung yang datang dari website media sosial seperti facebook ataupun yang lainnya.


Selain itu, Google Search Console dapat membantu website dan artikel di dalamnya agar cepat terindex oleh mesin pencarian google, dengan demikian semakin bagus SEO yang kamu terapkan semakin tinggi juga peringkat website kamu dalam hasil mesin pencarian google. dengan demikian website kamu akan selalu ramai oleh pengjunjung.


Cara Membuat Google Search Console

Untuk membuat Google Search Console kamu memerlukan akun Google dan akses Administrator dari website yang ingin kamu daftarkan pada google search console. berikut ini admin akan mengajarkan bagaimana cara membuat Google Search Console.


1. Silahkan kunjungi halaman Google Search Console di halaman [ Berikut Ini ]


2. Pilih Masuk yang berada pada bagian atas di sebelah kanan halaman


3. Kamu akan dihadapkan pada sebuah form yang bertuliskan "Welcome to Google Search Console", pada langkah ini silahkan tuliskan alamat website kamu secara lengkap seperti gambar dibawah ini.

Membuat Google Webmaster 3

4. Setelah menuliskan alamat website pada Site URL silahkan klik ADD PROPERRTY


5. Kamu di wajibkan memverifikasi kepemilikan dari website yang sudah kamu daftarkan sebelumnya, pada langkah ini GO TO PROPERTY

Membuat Google Webmaster 5

6. Setelah masuk property buka menu setting untuk mendapatkan kode verifikasi, kemudian salin kode verifikasi tersebut yang berupa HTML tag


7. Pada langkah ini kita berlaih ke website atau blog yang sudah kita daftarkan tadi, silahkan login ke dash board blog masing-masing


8. Setelah login di blog pilih menu Theme kemudian Edit Html


9. Dilangkah ini kamu harus meletakkan Kode Verifikasi yang sudah di dapat tadi, letakkan kode tersebut setelah kodedan sebelum kodepada thema yang di gunakan.

Membuat Google Webmaster 9

10. Jika sudah meletakkan kode verifikasi pada thema silahkan Simpan Thema.


11. Kemudian kembali ke halaman Search Console tadi untuk menyelesaikan verifikasi , silahkan klik VERIFY pada kotak yang tersedia di bawah kote HTML Tag tadi

Membuat Google Webmaster 11

12. Selesai.


Dengan ini kamu sudah memiliki property untuk website yang kamu kelola dan sudah saling terhubung satu sama lain, dengan property yang sudah kita miliki ini, kita akan lebih leluasa memantau lalu linta pengunjung yang masuk ke website kita.


Seperti yang kamu lihat, dalam property Google Search Console terdapat banyak menu yang memiliki fungsi berbeda, untuk mengatur agar artikel pada website terindex oleh google kamu harus men-Submit URL dari masing masing artikel yang sudah kamu publish pada website atau blog.


Selain itu disarankan untuk submite sitemap agar google dapat menelusuri semua artikel yang ada dalam website.


Sementara itu untuk memsubmite artikel agar cepat terIndeks oleh Google Search Engine, kamu dapat mengikuti langkah langkahnya pada artikel Cara Submit Artikel Di Google Search Console, untuk cara submit URL dan site map akan admin lanjutkan setelah artikel ini,


arena jika digabung semua akan membuat artikel berat untuk di load karena terlalu banyak gambar. Demikianlah pembahasan Google Search Console versi SevenJon.com dari admin Seven Jon. sampai jumpa di lain kesempatan.

Cara Membuat Contact Us Blogspot

Cara Membuat Contact Us Blogspot

Dalam tutorial ini masih berhubungan dengan menu akan tetapi sedikit berbeda, Contact us bukanlah menu utama seperti katagori atau lebel namun contact us merupakan salah satu bagian dari menu statis yang cenderung tidak pernah terlewatkan oleh setiap blog.


Cara Membuat Contact Us Pada Blogspot

Selain itu posisi penempatan Contact Us juga sedikit berbeda, biasanya ia di letakkan di bagian paling atas atau paling bawah pada setiap template.


Fungsi Contact Us

Contact Us adalah halaman statis yang di buat oleh webmaster atau pemilik web dimana halaman ini bertujuan sebagai media penghubung antara admin dan pengunjung.


Contact Us berfungsi menyampaikan pesan dari pengunjung kepada admin pemilik website atau pemilik blog tersebut. pengujung dapat mengirim pesan secara private tanpa harus dibaca oleh pengunjung lain.


Selain itu pengunjungpun tidak perlu repot repot menuliskan pesan melalui email, cukup melalui halaman Contact Us secara otomatis pesan tersebut akan di kirimkan ke Email sang Admin.


Jika dilihat dari fungsinya maka tidak heran apabila Contact Us menjadi salah satu syarat untuk mendaftar google adsens. Selain Contact Us masih ada halaman statis lainnya yang harus kamu lengkapi sebelum mendaftar google adsens seperti

  1. About
  2. Contact Us
  3. Sitemap
  4. Privacy Policy
  5. Disclaimer
  6. Terms of Service

Cara Membuat Halaman Contact Us

Berikut ini adalah tutorial cara membuat halaman Contact Us yang baik dan benar, agar form berjalan dengan baik pastikan kamu mengikuti langkah langkah dibawah ini dengan seksama


1. Login atau Sign terlebih dahulu ke halaman utama Blogger.com


2. Pilih Menu Pages kemudian klik New Page untuk membuat halaman baru

Contact Us Blogspot 2

3. Silahkan beri judul dengan nama Contact atau Contact Us, kemudian Save dan jangan langsung di publish


4. Pada editor silahkan beralih ke mode HTML


5. Salin Script di bawah ini

<div class="separator" style="clear: both; text-align: center;">
<a href="#contact" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Contact Us" border="0" data-original-height="600" data-original-width="800" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_GhJuo2cbmp_qmuQburbBZ459o2Upqz-s7b8rzrrYjXWvnItp0lx4rUGn1aIK8UORXEmh8N5KUg1jE_MKdtHeXACE1uDeeUaQHM3fnqqaha6YNunRPN1XwgYJuqlebk7LW95bzfuUGkb/s640/short_mailbox.gif" title="Contact Us" width="640" /></a></div>
<br />
We love being a web designer and we’re incredibly thankful that we decided to join this industry many years ago. Contact us so we can help free . I’m usually available from 24 hour. I do also custom copywriting, storiewriting etc. I am currently accepting new freelance projects, and always excited to hear interesting proposals.
<br />
<div id="contact"></div>
<form id="kontak" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Send Message" />  
<br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<br />
<br />
<ul>
<li>198 West 21th Street, New York NY 10016</li>
<li>+ 1235 2355 98</li>
<li>info@yoursite.com</li>
<li>www.yoursite.com</li>
</ul>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
form.payforpal{margin:auto;text-align:center}
#kontak{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:48%;height:auto;background:#fff;margin:20px auto;padding:15px 12px;color:#000;border:1px solid rgba(0,0,0,0.2);float:left;transition:all 0.2s}
#ContactForm1_contact-form-email{float:right}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0 20px 0;padding:15px 12px;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.2);resize:none;transition:all 0.3s}
#kontak br{display:none}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.2);}
#ContactForm1_contact-form-submit{float:left;background:#299BFA;color:#fff;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:15px;text-align:center;letter-spacing:.5px;border:0;width:100%;font-weight:500;transition:all .2s}
#ContactForm1_contact-form-submit:hover,#ContactForm1_contact-form-submit:focus{background:#207cc8;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f47669;border:0;box-shadow:none;color:#fff;padding:5px 0;border-radius:3px}
.contact-form-success-message{background:#4fc3f7;border:0;box-shadow:none;color:#fff;border-radius:3px}
img.contact-form-cross{line-height:40px;margin-left:5px}
.post-body input{width:initial}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;float:none}}
</style>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '7750306635665326636';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7750306635665326636','//sevenjon.blogspot.com/','7750306635665326636');
_WidgetManager._RegisterWidget("_ContactFormView", new _WidgetInfo("ContactForm1", "footer1", null, document.getElementById("ContactForm1"), {"contactFormMessageSendingMsg": "Sending...", "contactFormMessageSentMsg": "<div class='contact_layout'><div class='contact_message'><b>Your message has been sent</b>.<br/>Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.</div></div><br/>", "contactFormMessageNotSentMsg": "Message could not be sent. Please try again later.", "contactFormInvalidEmailMsg": "A valid email address is required.", "contactFormEmptyMessageMsg": "Message field cannot be empty.", "title": "Contact Form", "blogId": "7750306635665326636", "contactFormNameMsg": "Name", "contactFormEmailMsg": "Email", "contactFormMessageMsg": "Message", "contactFormSendMsg": "Send", "submitUrl": "https://www.blogger.com/contact-form.do"}, "displayModeFull"));
//]]>
</script>
<div class='clear'></div>

6. Ganti ID Blog 7750306635665326636 dengan ID Blog kamu sendiri, dan sevenjon.blogspot.com dengan URL blog kamu sendiri.


7. Untuk mengetahui ID Blog silahkan lihat di bagian atas pada alamat dash board kamu, terdapat 18 Digit angka, itu lah ID Blog kamu

Contact Us Blogspot 7

8. Ganti alamat sevenjon.com menjadi alamat blog kamu jika masih menggunakan blogspot tuliskan sevenjon.blogspot.com tanpa menggunakan hhtp dan www


9. Save kemudian Publish


10. Lihat halaman yang sudah kamu buat tadi dengan cara mengklik View di bagian bawah halaman tersebut

Contact Us Blogspot 10

11. Copy Link atau alamat dari halaman tersebut, link ini kita sebut Link A
Contoh Link : ymobile7.blogspot.com/p/contact.html

Contact Us Blogspot 11

Link A akan kita sisipkan di menu statis pada template ( B ), agar menu Contact tersebut dapat mengarah ke halaman yang sudah kita buat tadi


12. Selanjutnya kita akan mengedit theme untuk menyisipkan link contact yang sudah kita buat


13. Silahkan pilih menu Theme kemudian Edit HTML


14. Di tahap ini kita akan mencari letak tulisan menu Contact ( B ) pada theme yang kita gunakan


15. Gunakan fitur pencarian kata dengan menekan Ctrl + F kemudian tuliskan Contact di lanjutkan dengen Enter pada keyboard


16. Setelah menemukan letak tulisan menu Contact yang harus kita lakukan adalah menyisipkan Link atau alamat /p/contact.html tadi ke dalam tanda kutip di bagian href='#' dan menghapus tanda #


kemudian paste link yang sudah kita copy pada tahap 11 tadi.
seperti contoh di bawah ini

Contact Us Blogspot 16

Sebelum


<li><a class='ripplelink' href='#' title='Contact us'><i class='fa fa-envelope-o'/> Contact</a></li>

Sesudah


<li><a class='ripplelink' href='/p/contact.html' title='Contact us'><i class='fa fa-envelope-o'/> Contact</a></li>

17. Terakhir Save dan lihat hasilnya dengen mengklik menu Contact di halaman utama blogspot kamu.


Untuk mengetahui Form berjalan atau tidaknya silahkan mencobanya dengan mengirim pesan melalui halaman tersebut, kemudian periksa Email masuk pada akun yang memiliki blog tersebut.


Jika tidak ada Email masuk pastikan kembali ID Blog dan Akun yang kamu gunakan benar. Saya Admin Seven Jon terimakasih atas kunjungannya.

Cara Mengganti Menu Blogspot

Cara Mengganti Menu Blogspot

Setiap kamu mengganti theme pada Blogspot secara otomatis semua menu dan tata letak akan berubah mengikuti theme tersebut, maka dari itu kamu harus mengganti setiap menu yang ada dengan menggunakan menu dari blogspot kamu sendiri.


Cara Mengganti Menu Blogspot

Gambar dibawah ini merupakan menu bawaan dari theme yang kita gunakan tadi, terdapat menu Home, Menu 1, Menu 2, Menu 3, DropDown Menu, Sub Menu dan Error page. menu tersebut hanyalah sebuah contoh gambaran pada theme yang masih default.


Mengganti Menu Blogspot

Alamat atau link dari setiap menu diatas memang tidaklah aktif, yang harus kamu lakukan adalah mengganti menu yang ada bukan mengukti menu yang sudah ada, gantilah menu menu tersebut dengan menu kamu sendiri, gunakan link Lebel untuk mengisi menu menu tersebut.


Sebagai Contoh
Jika Blog kamu membahas makanan, kamu akan membagi makanan tersebut menjadi beberapa bagian yang di sebut ketegori atau lebel seperi 1. kue Basah, 2. Kue Kering, 3, Kuliner Tradisional.


Maka lebel tersebutlah yang harus kamu gunakan untuk di bagian menu


Tutorial Mengganti Menu Blogspot

Dalam tutorial cara mengganti menu blogspot ini saya hanya membuat 2 lebel yaitu Cats dan Blogging, maka menu yang akan saya gunakan yaitu Cats dan Blogging. Jika sudah paham silahkan ikuti langkah langkah berikut


1. Masuk ke Dash Board blogger dan pilih Theme kemudian pilih EDIT HTML


2. Salin semua Text Html yang ada di dalam Box Html Edit Blogger


3. Buka Software Adobe Dreamweaver CS5 dan buat dokument HTML baru ( Create New HTML )


4. pada menu Adobe Dreamweaver Pilih Tab Code atau split untuk mengedit dengan mode Code HTML agar dapat melihat pnegkodean HTML


5. Hapus semua text html yang ada di dalam dokument baru tersebut

Mengganti Menu Blogspot 5

6. Paste text html yang di dapat dari themes blogspot tadi ( theme yang akan kita edit )


7. Setelah html dari theme blogspot di paste di Adobe Dreamweaver kita akan mulai mengedit mengganti menu


8. Pertama kita akan mencari letak MENU 1 MENU 2 dan menu lainnya yang berada pada menu utama


9. Gunakan fitur mencarian untuk memudahkan pencarian text dengan menekan tombol Alt + F pada Adobe Dreamweaver


10. Tuliskan MENU 1 pada kolom pencarian karena kita akan mencari letak MENU 1

Mengganti Menu Blogspot 10

11. Setelah Menemukan letak MENU 1 silahkan Ganti

<li class='ripplelink'><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>

MENU 1 (Warna Merah)= Menjadi Nama Menu kamu, saya sendiri akan menggunakan Lebel Blogging untuk di jadikan menu 1

# ganti tanda pagar menjadi alamat menu ke 1 tersebut menjadi /search/label/Blogging

maka hasilnya akan seperti ini

<li class='ripplelink'><a href='/search/label/Blogging' itemprop='url'><span itemprop='name'>Blogging</span></a></li>

12. Ganti juga MENU 2 dan Menu 3 sesuai Lebel blog kamu sendiri


13. Setelah Mengganti Menu 1 sampai 3 salin semua html ke menu Theme di Blogger kemudian simpan dan lihat hasilnya di halaman utama blogspot kamu

Mengganti Menu Blogspot 13

Sementara untuk mengganti Dropdown Menu, SUB MENU, dan ERROR PAGE, kamu cukup melakukan perubahan seperti biasa namun saya Tidak menyarankan penggunaan menu berjenis Drop Down dengan menu berisi sub menu, karena kurang efektif apabila blogspot di akses melalui phonsel.


Saya sarankan menggunakan menu utama saja tidak perlu menggunakan Drop Down. Jika kamu ingin menghapus menu drop down silahkan hapus kode yang saya beri tanda di dalamnya. kode ini akan menghapus menu drop down berseta sub menu di dalamnya.


Tips Setelah Mengganti Theme Blogspot
Setelah kamu bisa Mengganti Theme Pada Blogspot usahakan jangan sampai ada menu yang tidak aktif seperti Eror 404 dan jangan biarkan ada link yang mengarah ke luar dari Blog.


Hal ini tentu saja seperti membawa pengunjung pergi dari blog kamu setiap kali ia mengklik link tersebut, selain tidak SEO Friendly blog yang mengandung menu seperti ini jelas akan di tolak jika kamu mendaftar Google Adsesns karena halaman tidak rampung atau belum selesai.

Cara Mengganti Theme Blogspot

Cara Mengganti Theme Blogspot

Theme atau biasa juga disebut dengan Template merupakan salah satu bagian penting untuk sebuah website termasuk Blogspot, selain isi konten yang menarik, Theme juga harus di perhatikan dengan baik, mulai dari struktur data, widged, tata letak dan tampilan yang tidak mencolok bagi pengunjung, terlebih theme yang difasilitasi fitur mobile friendly dan AMP akan lebih cepat terindex di mesin pencarian google.


Cara Mengganti Theme Blogspot

Bagi seorang yang memiliki dasar dalam pemograman web html hal ini tidak akan terlalu sulit untuk dilakukan, namun tidak luput juga kepada teman teman kita yang masih dalam tahap belajar akan kesulitan menerapkannya.


Oleh karena itu pada kesempatan kali ini saya admin Seven Jon akan membahas bagaimana cara ganti theme blogspot


Apa itu Theme Blogspot

Theme Blogspot ialah tampilan halaman blog dengan susunan dan penataan yang terdiri dari berbagai macam elemen seperti gambar, stylesheet, script, file statis dan dinamis, yang disusun sedemikian rupa sehingga menjadi sebuah desain dan corak pada halaman template blog tersebut.


Cara Mengganti Theme Blogspot

Pada tutorial ini saya akan mencoba mengajarkan bagaimana cara mengganti theme pada sebuah blogspot, theme yang akan kita gunakan dalam tutorial ini adalah Kerensive Responsive Blogger Template.


Theme ini merupakan versi gratis yang dapat kamu gunakan sebagai theme di blogspot kamu, selain itu jika kamu sudah memiliki theme pilihan kamu sendiri silahkan gunakan tutorial dengan cara yang sama.


1. Download Theme di halaman berikut ini [ Download Kerensive Responsive Blogger Template ]


2. Setelah di download silahkan Extract file tersebut dan buka folder Template di dalamnya


3. Buka software Notepad bawaan windows kemudian tarik atau drag and drop file KerenSive Free Blogger Template.xml ke dalam notepad

Mengganti Theme Blogspot 3

4. Salin text di dalam notepad tersebut


5. Langkah selanjutnya silahkan login ke blogger kamu


6. Setelah login pilih menu Theme kemudian pilih EDIT HTML

Mengganti Theme Blogspot 6

7. Kamu akan menumukan HTML dari theme yang sedang kamu gunakan, karena tujuan kita adalah mengganti theme maka kita akan mengganti semua HTML yang berada didalamnya.

Mengganti Theme Blogspot 7

8. Hapus semua HTML yang ada di themes blogger. kamu dapat menggunakan bantuan keyboard CTRL + A untuk memilih semua text di dalamnya, kemudian tekan Del atau atau Back [ di atas tombol Enter pada keyboard ] untuk menghapus text yang sudah di pilih, hapus semua hingga tidak menyisakan text apapun.


9. Setelah semua text html di dalam blog terhapus, silahkan paste text html yang sudah di salin pada langkah ke 4 tadi

Mengganti Theme Blogspot 9

10. langkah terakhir klik Save Theme.


11. Untuk melihat perubahannya silahkan kunjungi blogger kamu atau dengan mengklik View Blog di bawah Nama Blog kamu yang berada di bagian kiri atas dash board. Maka akan terlihat seperti di bawah ini.

Mengganti Theme Blogspot 11

Setelah berhasil mengganti theme kamu hanya perlu menyesuaikan menu dan letak widged sesuai kebutuhan masing masing, namun untuk pembahasan Widged akan saya pisahkan di artikel yang bebeda karena memang memiliki fungsi dan tujuan yang berbeda beda.


Sementara untuk mengatur menu kamu membutuhkan program tambahan untuk mengedit HTML, saya sendiri sering menggunakan Adobe Dreamweaver CS5.


Jika kamu tidak memilikinya kamu bisa menggunakan Notepad++ sebagai alterlatif HTML Editing, kamu bisa mendapatkan salah satu program tersebut dengan bantuan mesin pencarian google atau google search engine.

Settingan Dasar Blogspot

Settingan Dasar Blogspot

Setelah kamu berhasil membuat Blog tentu saja ada tahapan tahapan yang harus kamu lakukan untuk mengoptimalkan blog, hal ini bukan hanya mengenai pengaturan saja akan tetapi juga meliputi tema dan widged.


Settingan Dasar Blogspot

Di artikel ini akan saya bahas Contoh Settingan Dasar Untuk Blogspot yang masih baru terlebih dahulu, tahapan ini wajib kamu lakukan setelah membuat blog dan sebelum mempublikasikannya kepada orang lain.


Settingan Dasar Untuk Blogspot

Tujuan dan maksud sebenarnya dari langkah ini adalah membantu agar blogspot yang kamu kelola lebih mudah di index oleh mesin pencarian google dengan mengatur destkripsi dan protokol.


Apa itu Deskripsi dan SSL, mungkin kata-kata ini sudah tidak asing di dengar oleh teman-teman sekalian.


Deskripsi
Deskripsi adalah satu kaidah upaya pengolahan data menjadi sesuatu yang dapat diutarakan secara jelas dan tepat dengan tujuan agar dapat dimengerti oleh orang yang tidak langsung mengalaminya sendiri,


Contohnya Blog SevenJon.com yang deskripsinya adalah Tutorial Dan Artikel Komputer, dengan ini maka pengunjung akan tahu bahwa blog sevenjon.com ini membahas tentang komputer.


SSL
SSL adalah Secure Sockets Layer yaitu protocol untuk kriptografi untuk menyediakan komunikasi internet yang aman melalui internet. Dengan menggunakan SSL data dari blog kamu akan di kirim menggunakan enkripsi sehingga blog tersebut lebih terpercaya di mata google.


Ciri blog yang menggunakan ssl ialah terdapat https pada bagian depan sebuah web dan icon gembok, situs atau blog.


Dan berikut ini adalah Contoh Settingan Dasar Untuk Blogspot baru yang wajib kamu terapkan.


1. Langkah pertama Login ke blogger.com dan masukkan akun yang sudah memiliki blog sebelumnya


2. Setelah login kamu akan melihat banyak menu pada dashboard blogger

Settingan Dasar Blogspot 2

3. Kita akan mengisi Description terlebih dahulu, silahkan pilih menu Settings dan kemudian pilih Basic setelah itu klik Edit di bagian Description dan tuliskan deskripsi blog kamu, terakhir klik Save change

Settingan Dasar Blogspot 3

4. Masih di sub meu Basic, di bawah description terdapat menu HTTPS dengan status No, Ganti pilihan tersebut menjadi Yes, dengan langkah ini blog kamu akan ter-enkripsi SSL dan menjadi HTTPS


5. Selanjutnya Post comments and sharing, pada pilihan Posts terdapat Show at most dengan jumlah 7 post/on the main page, ini digunakan untuk mengatur jumlah post yang di tampilkan dalam halaman utama.

Settingan Dasar Blogspot 5

kamu bisa menggantinya sesuai yang kamu mau, saya sarankan tidak lebih dari 10 karena dapat membuat blog terlalu banyak memuat post pada halaman utama sehingga mengakibatkan blog menjadi berat.


Sementara itu di bagian Comments, pada pilihan Comment Location pilih Embedded dan pada pilihan Who can comment pilihlah Registered User atau User with Google Account Comment Moderation, pilih Never agar komentar yang masuk bisa langsung di tapilkan dan jika ingin menunggu persetujuan dari kamu maka pilihlah Always


6. Google+ Comments, non aktifkan fitur ini karena kita akan menggunakan profil blogger dengan mengklik Disable Google+ link.


Kemudian pada Auto-share new published post to your Google profile pilih No


7. Language and formatting, dibagian Language pilihlah Indonesia dan Time Zone pilih GMT+7 Jakarta maka secara otomatis Date Header Format akan berubah menjadi format penanggalan Indonesia .

Settingan Dasar Blogspot 7

Kemudian non-aktifkan Enable transliteration menjadi Disable jika statusnya Enable


8. Langkah berikutnya Search preferences, aktifkan Meta tag pada bagian Enable search description dengan mengklik yes dan isi descripsi blog kamu kemudian simpan dengan Save changes.

Settingan Dasar Blogspot 8

9. User settings, pada awalnya dalah Google+ gantilah menggunakan Blogger dan kamu akan dibawa ke halaman pengaturan profil admin blog.


Silahkan isi profil data diri kamu setelah selesai merubah pengaturan, maka blog siap di gunakan dan di publikasikan, dan kamu sudah bisa menulis artikel pada menu Post.


Namun blog ini masih menggunakan template standar atau tema bawaan blogspot, kamu dapat menggantinya melalui menu Theme atau juga kamu bisa menggunakan template Premium dan Gratisan yang dapat kamu download dari situs-situs penyedia thempalte.


Artikel berikutnya saya akan mengajarkan cara mengganti template blogspot, dan dengan demikian tutorial ini sudah selesai kita pelajari. Saya admin Seven Jon terimakasih atas kunjungannya.

Cara Membuat Blogspot

Cara Membuat Blogspot

Untuk teman teman yang sudah berpengalaman dalam berinternet mungkin hal ini bukanlah hal yang sulit, karena langkah langkahnya sangat mudah untuk di pelajari, namun bagi sebagian orang memang tidak mengerti terhadap internet sehingga mengalami kesulitan dalam memahami perintah dan menu menu yang tersedia.


Cara Membuat Blogspot

Dengan tutorial ini semoga dapat membantu teman-teman yang ingin membangun sebuah Blog sederhana yang mudah di mengerti dan tentunya tidak mengeluarkan biaya sepeserpun untuk menyewa hosting.


Pengertian Blogger

Blogger sendiri adalah seorang publiser atau penulis dari blogspot tersebut, jika kamu menjadi seorang penulis di Blogspot secara otomatis kamulah yang dinamakan Blogger, dengan kata kerja Ngeblog, dengan Google akun kamu bisa mendaftar pada halaman Blogger dengan gratis dan tidak ada batasan waktu penyewaan kecuali melanggar peraturan maka blogspot yang kamu kelola akan di nonaktifkan


Cara Membuat Blogspot

Berikut ini adalah Tutorial atau Cara membuat blogspot dengan mudah, sebelumnya kamu harus memiliki akun Gmail aktif yang akan di gunakan untuk mendaftar di Blogspot, seperti yang sudah kita ketahui bahwa Blogspot adalah salah satu fasilitas milik Google yang disediakan secara gratis.


Maka dari itu jika kamu belum mempunya akun Google atau Gmail silahkan buat terlebih dahulu. Oke kita langsung saja mulai tutorial Cara Membuat Blogspot.


1. Silahkan kunjungi halaman blogger.com


2. Kamu akan menemukan tulisan "Publish your passions, your way - Create a unique and beautiful blog. It’s easy and free." silahkan pilih Create Your Blog.


3. Kamu akan diminta untuk login dengan menggunakan akun google, silahkan login terlebih dahulu menggunakan akun google kamu dengan cara menuliskan Email di lanjutkan dengan tombol next dibawahnya

Cara Membuat Blogspot 3

4. Kemudian tuliskan password email kamu dan di akhiri dengan next


5. Dihalaman Blog List > Create a new blog isi Title dengan nama Blog kamu seperti “Om Jon”

Cara Membuat Blogspot 5

6. Pada bagian Addres tuliskan alamat yang nantinya akan menjadi alamat blogspot kamu seperti “om-jon.blogspot.com”


7. Dalam penulisan alamat blog kamu disarankan untuk membuat alamat yang mudah diingat, jangan menggunakan spasi dan karakter unik di dalam alamat tersebut, seperti ! (tanda seru), # (pagar), dan lainnya, kamu hanya di ijinkan menggunakan huruf , angka dan karakter - (strip)


8. Pastikan alamat blog yang kamu gunakan belum digunakan oleh orang lain, hal ini ditandai dengan terdapat lambang ceklis di akhir kolom Addres dan tulisan This blog address is available di bawahnya.


9. Setelah mengisi Title dan Address silahkan pilih Theme yang ingin kamu gunakan, terakhir silahkan klik tombol Create blog!


Pesan : theme dapat kamu ganti setelah blog berhasil dibuat


10. "Find a domain name for your blog and connect it instantly" di langkah ini silahkan pilih No thanks, untuk pembahasan mengenai Domain akan saya bahas di lain artikel

Cara Membuat Blogspot 10

11. Sekarang kamu sudah berhasil membuat Blog, ini adalah halaman Dash Board dari blogger dimana kamu dapat mengatur Settingan dan membuat artikel dalam blog yang kamu miliki pada halaman ini.

Cara Membuat Blogspot 11

12. Untuk melihat tampilan luar atau beranda blogspot kamu, cukup mengklik tulisan View blog yang terletak pada bagian atas sebelah kiri halaman dan disanalah orang lain atau pengunjung dapat melihat tampilan dan isi dari blog kamu.


Sampai disini kamu sudah berhasil membuat blog yang dapat di kunjungi oleh orang lain, namun ini saja belum cukup, masih ada beberapa langkah yang harus kamu lakukan yaitu merubah settingan bawaan blogspot agar blog kamu lebih mudah di temukan oleh Google Search Engine atau Mesin Pencarian Google.


Dan kedua kamu harus merubah thema atau tampilan agar blog lebih nyaman saat dikunjungi, tahap ini akan kita bahas di artikel selanjutnya.


Kemudian dibawah ini beberapa pertanyaan yang sering diajukan mengenai Blogspot dari teman-teman yang baru terjun di dunia blogging.


FAQ :
Tanya : Apakah membuat blogspot harus menggunakan akun Google ?
Jawab : Benar, blogspot hanya dapat di buat oleh akun google dan akun yang dapat terhubung dengan google.


Tanya : Berapa lama waktu pemakaian blogspot
Jawab : Tanpa batasan waktu, selama blogspot masih aktif di sediakan oleh google selama itu juga blog kamu akan aktif, asalkan tidak melanggar kebijakan google


Tanya : kebijakan apa saja pada blogspot?
Jawab : Singkatnya, selama itu tidak melanggar peraturan Negara, Agama, dan Hukum seperti Konten yang membahas kekerasan, narkoba atau obat-obatan terlarang, perjudian, ujaran kebencian, penipuan, pronografi, pembajakan yang melanggar hak cipta seperti film, lagu, software dan pembajakan konten itu semua di larang.


Tanya : Apa yang akan terjadi jika saya melanggar kebijakan?
Jawab : Saat pengunjung masih sepi mungkin blog tersbut akan aman, tapi jika sudah ramai pengunjung dan diketahui oleh pihak google, sepenuhnya blog kamu akan di hapus tanpa pemberitahuan terlebih dahulu.


Tanya : Apakah Alamat bisa di ganti ?
Jawab : Bisa asalkan alamat belum di gunakan orang lain


Tanya : Apakah bisa menghilangkan nama blogspot pada alamat blogspot ?
Jawab : Bisa, dengan menggunakan domain berbayar maupun domain gratisan


Setelah kamu berhasil membuat blogspot, langkah yang harus kamu lakukan selanjutnya adalah merubah beberapa pengaturan dasar agar blog kamu lebih mudah di temukan oleh Google Search Engine atau Mesin Pencarian Google.

Pengertian Dan Fungsi Blogspot

Pengertian Dan Fungsi Blogspot

Sebelum kita membahas lebih jauh ada baiknya kita pahami seluk beluknya terlebih dahulu. Nah mungkin teman-teman sering berselancar di internet untuk mencari sesuatu baik itu materi pendidikan, tutorial, atau berita menarik lainnya.


Pengertian Dan Fungsi Blogspot

Melalui mesin pencarian google kamu bisa menemukan apa saja yang sedang kamu cari dengan mudah, tapi apakah kamu tahu siapa yang menyediakan materi-materi tersebut ?


Nah merekalah para blogger yang mengisi halaman pencarian google sehingga mempermudahkan kamu mendapatkan apa yang kamu cari.


Pengertian Blogger

Blogger adalah seorang yang menulis sebuah informasi, berita ataupun tutorial kemudian mempublikasikannya di dalam sebuah website di internet dengan tujuan berbagi pengetahuan tentang apa yang mereka miliki, mulai dari ilmu pengetahuan, materi pembelajaran, tutorial komputer, tutorial masak, dan masih banyak yang lainnya.


Pernah kamu berpikir ingin seperti mereka, menulis apa yang ingin kamu tulis dan dibaca oleh banyak orang, lalu bagaimana caranya ?


Fungsi dan Manfaat Blogspot

Di dalam hal ini cakupan blogsot sangatlah luas namun fungsi dan manfaat yang paling utama yaitu sebagai media berbagi kepada pengguna internet, baik itu pengalaman tentang hobi, ilmu pengetahuan, teknologi, tutorial dan juga pengetahuan tentang agama.


Namun dalam hal ini tentunya kamu harus benar-benar paham tentang apa yang akan kamu tulis sehingga tidak memberikan pembelajaran dan pemahaman yang salah kepada penggunjung.


Jika dilihat dari 2 (dua) buah sisi sebagai penulis dan pengunjung maka blogger memiliki manfaat yang sangat banyak bagi kedua belah pihak.


Tips Membuat Blogspot

Banyak jalan menuju Roma, selama kamu tahu arah dan tujuannya kamu bisa belajar secara bertahap, selangkah demi selangkah, selain itu kamu juga harus punya tekad yang kuat untuk tidak menyerah dalam arti tidak pernah bosan untuk menyalurkan apa yang ingin kamu sampaikan.


Berikut ini adalah beberapa tahapan yang akan menuntun kamu untuk membuat blogspot dan menjadi seorang blogger dan menjadi bagian dari kami.


1. Menentukan Niche
Niche dalam bahasa Indonesia ialah topik, menentukan topik merupakan langkah awal yang harus kamu putuskan sebelum memulai menjadi seorang blogger, kemana kamu akan menulis dan pembahasan apa yang akan kamu tulis, dengan demikian kamu akan memiliki pendirian dan tema tersendiri untuk dituangkan dalam sebuah blog.


Saya sarankan berfokuslah dalam satu niche saja, jangan mudah terombang ambing terbawa trend, karena cepat atau lambat trend akan hilang ditelan waktu, buat niche yang berumur panjang atau bahkan tidak akan hilang dimakan waktu, seperti pendidikan, kuliner, tutorial, dan kesehatan


2. Survey Niche
Setelah kamu menemukan topik luangkanlah waktu untuk melihat lihat dunia luar, benarkah topik yang kamu tentukan tersebut banyak dicari orang lain di internet, sebisa mungkin kamu temukan peluang yang cukup bagus.


Jika kamu sudah matang di topik tersebut usahakan bermanfaat bagi khalayak banyak dan tidak merugikan suatu pihak atau golongan, terlebih dalam aturan Negara dan Agama hal demikian sudah jelas dilarang.


3. Siapkan Materi
Setelah menentukan Topik mulailah menyiapkan materi, kumpulkan informasi yang paling sederhala sampai yang paling penting, hal ini akan membantu kamu agar tidak kehabisan materi untuk di bahas nantinya, kemudian rangkailah setiap materi yang ingin kamu tulis menjadi beberapa bagian yang disebut katagori.


Seperti Makanan atau Kuliner, terdapat kategori Kue, Jananan, Masakan Khas Daerah atau Jajanan Khas Daerah. lalu di katagori tersebutlah kamu tulis sesuai apa yang ingin kamu ulas, contohnya Cara membuat kue lapis, maka kue lapis masuk ke dalam katagori Jajanan.


4. Kaji Materi
Sebelum menyajikan materi pastikan materi tersebut valid kebenarannya, bukan sekedar hoax atau berita palsu atau materi sesat yang dapat merugikan orang lain, dalam niche apapun point ini sangatlah penting untuk diperhatikan, jangan sampai orang lain mencap bahwa sesuatu yang kamu tulis itu omong kosong semata.


5. Membangun Website
Inilah tahap pertama yang harus kamu lakukan untuk hadir di dunia Blogging, melalui media inilah kamu dapat menyajikan berita, informasi, dan pengetahuan yang ingin kamu sampaikan kepada khalayak banyak, tentunya dengan tulisan tulisan yang tertata rapih dan mudah untuk dipahami.


Untuk membangun sebuah website kamu bisa membuatnya sendiri atau bisa juga menggunakan jasa pembuatan website, kamu bisa memilih platform mana yang ingin kamu pakai, dalam hal ini saya menganjurkan 2 pilihan yaitu Blogspot dan Wordpres, tahap ini akan saya bahas di artikel berikutnya.


6. Mulai Menulis
Setelah kamu memiliki sebuah website mulailah menulis sesuai dengan apa yang sudah kamu tentukan dan persiapkan, gunakanlah kalimat dan cara penyampaian yang mudah di mengerti jangan menggunakan kalimat sendiri yang sulit dipahami orang lain,


Kemudian, setiap informasi dan materi yang kamu tulis, usahakan ulas sampai tuntas, jangan menyajikan materi secara setengah-setengah, hal ini tentunya akan membuat pengunjung atau orang lain kapok membaca materi kamu dan tidak akan pernah kembali berkunjung ke blog kamu.


7. Rajin Update
Sesibuk apapun kamu luangkanlah waktu untuk menulis artikel, terlebih jika website kamu masih baru dan belum memiliki pengunjung, dengan memperbanyak posting artikel yang bermanfaat website kamu akan cepat terindex oleh mesin pencarian google sehingga artikel atau post kamu akan tampil di halaman google dan pengunjung akan datang dengan sendirinya.


Dalam hal ini kamu harus tetap konsisten membuat sebuah materi yang masih dalam ruang lingkup dengan niche yang kamu tentukan, jika menentukan niche kuliner tulislah artikel atau materi yang berhubungan dengan kuliner dan masakan, jangan menulis ke area tutorial komputer dan perawatan mesin mobil


8. Pelajari Tentang SEO
SEO adalah search engine optimation, Untuk hal yang satu ini kamu akan mengerti seiring berjalannya waktu, tahapan ini merupakan materi lanjutan bagi seorang blogger, untuk kamu yang masih baru dalam dunia blogging saya anjurkan kesampingkan terlebih dahulu mengenai SEO.


Fokuslah dulu menulis memperbanyak artikel atau materi untuk disajikan kepada pengunjung.


Dari 8 langkah diatas bukanlah sesuatu yang rumit, jika kamu mau berusaha untuk mencoba mulailah setahap demi setahap.


Jangan pernah berkata tidak bisa sebelum kamu berusaha, sesungguhnya dimana ada kemauan disitu ada jalan, saya admin Seven Jon, terimakasih atas kunjungannya