Cara Membuat Daftar Isi / Sitemap Blog Style Timeline

Monday, November 20, 2017

Cara Membuat Daftar Isi / Sitemap Blog Style Timeline. Sobat blogger, jikalau sebelumnya saya membuat sebuah tutorial "Cara Membuat Daftar Isi / Sitemap Blog Simple" nah pada kesempatan kali ini, saya juga ingin membuat sebuah tutorial cara membuat daftar isi atau sitemap blog dengan tema timline, ibarat apa sih, yang pastinya sitemap ibarat ini lebih bergaya dan lebih keren dalam tampilannya.


 jikalau sebelumnya saya membuat sebuah tutorial  Cara Membuat Daftar Isi / Sitemap Blog Style Timeline

Fungsi daftar isi atau sitemap itu sendiri, ibarat yang sudah saya jelaskan sebelumnya, iyalah berfungsi untuk menampilkan sebuah judul artikel berdasarkan label, waktu dan jumlahnya, ya sama ibarat pada halaman buku gitu,hehe.. 


Yang pasti sahabat blogger semua sudah tahu fungsi sitemap atau daftar isi untuk halaman blog, terutama halaman sitemap ini sangat dianjurkan sebab mampu memudahkan pengunjung untuk mencari sebuah artikel berdasarkan label yang terkait dan juga berdasarkan waktu, gak banyak basa kedaluwarsa lagi, yuk kita eksklusif ke tutorial.

Cara Membuat Daftar Isi / Sitemap Blog Style Timeline

1. Buka akun blogger sobat.
2. Pilih menu template
3. Sekarang letakan arahan dibawah ini sempurna diatas arahan </head>
<style type='text/css'>.bsd-sitemap { border-bottom: 3px solid #415471; }.bsd-toc-wrap { display: inline-block; font-family:'Roboto Condensed',Helvetica; width: 100%; }.bsd-toc-wrap .bsd-cat { background: #415471; border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; padding: 5px 10px; text-transform: uppercase; }.bsd-cat:before{font-family:FontAwesome;content:'\F0A4';color:#fff;margin:0 3px;}.bsd-toc::before { background: #768187; bottom: 0; content: &quot;&quot;; left: 20%; margin-left: -10px; position: absolute; top: 0; width: 4px; }.bsd-toc { margin: 0; padding: 30px 20px; position: relative; }.bsd-toc li { list-style: none; margin: 0; padding: 0; position: relative; }.bsd-toc &gt; li .toc-date { color: #768187; display: block; font-size: 13px; font-weight: bold; position: absolute; text-transform: uppercase; top: 25px; width: 15%; }.bsd-toc &gt; li .bsd-icon { background: #fff; border-radius: 50%; box-shadow: 0 0 0 4px #768187; color: #fff; font-size: 1.4em; font-style: normal; font-variant: normal; font-weight: normal; height: 10px; left: 20%; line-height: 10px; margin: 0 0 0 -25px; position: absolute; text-align: center; text-transform: uppercase; top: 30px; width: 10px; }.bsd-toc &gt; li .bsd-post::after { border-color: transparent #fefefe transparent transparent; border-style: solid; border-width: 10px; content: &quot; &quot;; height: 0; pointer-events: none; position: absolute; right: 100%; top: auto; width: 0; }.bsd-toc &gt; li .bsd-post { background: #eeeeee; border-radius: 4px; display: block; font-size: 14px; line-height: 14px; margin: 0 0 10px 23%; padding: 20px 30px; position: relative; }.bsd-toc &gt; li .bsd-post a { color: #768187; font-weight: bold; }.bsd-toc &gt; li .bsd-post a:hover { color: #415471; }</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/><b:if cond='data:blog.pageType == &quot;static_page&quot;'><script src='https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/sitemap.js' type='text/javascript'/></b:if>
4. Selanjutnya sahabat letakan arahan dibawah ini pada laman baru, klik laman >> laman gres >>letakan di mode HTML lalu silahkan publikasikan.
[sitemap]
 jikalau sebelumnya saya membuat sebuah tutorial  Cara Membuat Daftar Isi / Sitemap Blog Style Timeline

5. Selesai dan lihat hasilnya.

Sekian sahabat untuk tutorial cara membuat daftar isi atau sitemap yang keren , lebih dan kurangnya saya mohon maaf.

Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools

Sunday, November 19, 2017

Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools. Untuk memaksimalkan meningkatkan secara optimal mesin pencari / search engine  yang lebih baik, kita harus memperhitungkan untuk meningkatkan secara optimal kesemua search engine, alasannya yaitu kita tidak mampu bergantung hanya kepada satu mesin pencari atau search engine tertentu saja, alasannya yaitu bila begitu kita tidak mampu berharap mampu menerima lebih banyak pengunjung blog yang banyak datang kesitus atau halaman blog kita.

 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools


Mungkin anda pernah tau dan mendengar perihal search engine / mesin pencari Bing? tak sedikit orang yang mengabaikan mesin pencari menyerupai bing ini, maka bila anda mengabaikan hal ini, Anda akan melewatkan kesempatan untuk menerima pengunjung yang banyak dari mesin pencari Bing bila anda tidak melaksanakan meningkatkan secara optimal atau verifikasi kepemilikan blog anda ke Bing Webmaster.

Baca Juga : Cara Submit Sitemap Blog Ke Google Webmaster Tools

Maka untuk menerima kesempatan pengunjung lebih banyak dari mesin pencari Bing, anda harus mendaftarkan & verifikasi kepemilikan blog anda ke Bing webmaster, dalam kesempatan ini saya akan membahas perihal cara mengclaim kepemilikan blog anda ke Bing Webmaster Tools.

Tujuan Daftar & Verifikasi Blog Di Bing Webmaster?


Tujuan Daftar & Verifikasi Blog Ke Bing Webmaster Tools tak lain yaitu untuk mengkonfirmasi kepemilikan situs kita di mesin pencari Bing dan berarti situs kita sudah terdaftar dan memiliki jalan masuk yang sah ke situs web / blog kita dan yang paling utama yaitu untuk mempercepat pengindexan blog kita.


Maka untuk memiliki jalan masuk yang sah dan mempercepat index blog ke mesin pencari Bing, kita harus melaksanakan verifikasi kepemilikan situs ke Bing webmaster tools. 

Cara Daftar & Verifikasi Kepemilikan Blog Ke Bing Webmaster Tools

2. Langkah pertama yaitu mendaftar, Klik pada icon "Sign Up" (Buat akun)

 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools

3. Sekarang isi formulir pendaftaran sesuai id anda atau lakukan menyerupai di bawah ini lalu klik "Buat akun".

 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools
 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools

4. Halaman selanjutnya masukan situs anda klik "Add"

 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools

5. Halaman berikutnya mengisi formulir perihal situs anda, silahkan lihat referensi gambar dibawah dan sesuai kan dengan kategori situs anda.

 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools

6. Langkah ke enam pada verifikasi atau claim kepemilikan situs anda di bing webmaster.
  • Copy Code yang saya tandai dan simpan terlebih dahulu ke notepad.
  • Selanjutnya buka akun blogger anda > Pilih menu template > klik edit HTML
  • Lalu paste code yang anda copy di bawah isyarat <head> 
 Verifikasi Blog Ke Bing Webmaster Tools Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools
  • Jika sudah klik save template 
  • Kembali ke halaman bing dan klik "Verify"
7. Selesai.

Dengan melaksanakan semua langkah diatas maka secara otomatis blog anda sudah terdaftar dan terverifikasi dibing webmaster tools, silahkan lihat perubahan yang ada, sekian untuk tutorial "Cara Daftar & Verifikasi Blog Ke Bing Webmaster Tools" lebih dan kurangnya saya mohon maaf.

Cara Menampilkan Widget Hanya di Halaman Tertentu

Saturday, November 18, 2017

Cara Menampilkan Widget Hanya di Halaman Tertentu. Sobat blogger, Cara menampilkan widget dihalaman tertentu atau menampilkan widget ditempat yang di inginkan, contohnya misalkan teman ingin menambahkan sebuah widget populer post dan ingin widget tersebut hanya tampil dibagian posting saja dan tidak ingin tampil dihalaman hompage atau tidak ingin tampil dihalaman statis, maka dengan menambahkan sedikit arahan ini, teman mampu melaksanakan itu.
Cara Menampilkan Widget Hanya di Halaman Tertentu Cara Menampilkan Widget Hanya di Halaman Tertentu

fungsi atau arahan tersebut dinamakan tag kondisional atau conditional tag, jadi setiap tag ini berfungsi mampu untuk hanya menampilkan widget dimana saja atau hanya dihalaman tertentu saja yang kita inginkan, hal ini juga mampu dimaksudkan untuk semoga widget tidak bertumpuk atau mampu saja widget tersebut tidak perlu tampil, misalkan di halaman statis dengan lebar 100%


Sebelum kita melihat fungsifungsi tag conditional tersebut, aku akan beritahu teman bagaimana cara penggunaan tag tersebut dan bagaimana cara menempatkannya semoga tag tersebut mampu berfungsi dengan baik, silahkan teman mampu simak baik-baik dan ini aku rasa sangat mudah sekali.

1.  Cara Menggunakan Tag Conditional

Pertama aku Ambil contoh, misalkan teman ingin membuat widget "Berlangganan" hanya tampil dihalaman posting saja, maka tagnya ibarat dibawah ini.

Contoh Kode Tag widget muncul hanya di halaman posting
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...................Kode widget.......................
</b:if>
Dan arahan widget ''Berlangganan" yang muncul ialah ibarat dibawah ini.
<b:widget id='HTML3' locked='false' title='Berlangganan type='HTML'>
  <b:includable id='main'> <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
Maka cara semoga hanya widget tersebut tampil dihalaman posting, kita tinggal menambahkan tag conditional tersebut, sampai sesudah penambahan tersebut, balasannya akan ibarat dibawah ini.
  <b:widget id='HTML3' locked='false' title='Berlangganan type='HTML'>
 <b:includable id='main'> <!-- only display title if it's non-empty -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
 </b:if>
  </b:includable>
  </b:widget>
Jadi kita menambhkan tag  <b:if cond='data:blog.pageType == &quot;item&quot;'>  sesudah arahan widget dan arahan  </b:if>  sebelum arahan end tag atau arahan simpulan widget yang ibarat ini </b:includable>. 

Oke aku rasa teman sudah sangat paham cara penempatannya dan sekarang kita mengetahui tag-tag tersebut untuk mampu menampilkan hanya dihalaman tertentu tersebut.

Kode Tag Widget Hanya di Halaman Tertentu

1. Kode Untuk Widget muncul hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................Kode widget disini................................
</b:if>
2. Kode Untuk Widget muncul di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................Kode widget disini................................
</b:if>
3. Kode Untuk Widget muncul hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................Kode widget disini................................
</b:if>
4. Kode Untuk Widget muncul di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'>......................Kode widget disini................................</b:if>
5.Kode Untuk Widget muncul hanya di halaman posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................Kode widget disini................................
</b:if>
6. Kode Untuk Widget muncul di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................Kode widget disini................................
</b:if> 
7. Kode Untuk Widget muncul hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................Kode widget disini................................
</b:if>
8. Kode Untuk Widget muncul selain di postingan tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................Kode widget disini................................
</b:if>
9. Kode Untuk Widget muncul hanya di halaman staticpages.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>
10. Kode Untuk Widget muncul di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................Kode widget disini................................
</b:if>

Saya rasa sudah cukup terperinci untuk tutorial bagaimana Cara Menampilkan Widget Hanya di Halaman Tertentu , bila ada yang tidak mampu dipahami, silahkan teman bertanya dikolom komentar.
lebih dan kurangnya, aku mohon maaf.

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan

Friday, November 17, 2017

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan. Sebuah widget contact form /contact us sangat penting fungsinya untuk menghubungi pemilik blog, namun bagaimana ceritanya jikalau widget contact form tersebut tidak berfungsi ketika mengirim pesan ke email anda, hal ini pernah aku alami ketika aku membuat blog gres dan berniat untuk membuat halaman contact us.

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan
Ketika aku membuat widget contact tersebut, awalnya memang berhasil widget tersebut muncul dalam tampilan fisik, namun ketika aku coba untuk mengecek fungsi contact form tersebut, tapi widget tidak berfungsi ketika aku memencet tombol mengirim pesan dan tidak adanya respon sama sekali atau pemberitahuan terkirim.

Saya pikir ini ada duduk perkara dalam aba-aba widget tersebut, namun pas dicoba tutorial lain alhasil masih sama juga, tombol terkirim tidak berfungsi dan tidak ada pemberitahuan, sesudah searching dan alhamdulillah akibatnya aku temukan untuk cara mengatasinya dan hal ini desebabkan karena perubahan custom template blogger yang exstrime sehingga menghilangkan stylesheet original bawaan blogger.

Nah. Bagi anda yang mempunyai duduk perkara yang sama yaitu widget contact form yang tidak berjalan ketika mengirim pesan ,silahkan ikuti solusi tutorialnya .


Baca Juga : Cara Membuat Halaman Contact Us Pada Blog

Mengatasi Contact Form Yang Tidak Bisa Kirim Pesan.

 

1. Mengatasi contact form tidak berfungsi dihalaman statis

Jika duduk perkara contact form anda ialah yang diterapkan dihalaman statis berikut solusinya.

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan
Jika sahabat membuat halaman Contact form diletakan dihalaman statis, biasanya aba-aba pemanggilnya kurang lebih akan menyerupai dibawah ini.
<div id="contact_wrap"><h3>Contact Us</h3><form 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="Submit" /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
Untuk mengatasinya sekarang sahabat letakan aba-aba javascript dibawah ini sempurna sesudah atau dibawah aba-aba </form>
<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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.oktavialie.blogspot.com/','3890926306523027184');_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', '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': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Untuk aba-aba yang aku tandai merah ialah aba-aba atau sebuah id blogger dan silahkan sahabat ganti dengan aba-aba id blogger anda, aba-aba tersebut mampu dilihat pada kafe adegan atas halaman blogger.

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan


Hingga hasil akibatnya sesudah ditambahkan akan terlihat menyerupai dibawah ini.


<div id="contact_wrap"><h3>Contact Us</h3><form 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="Submit" /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.bungfrangki.com/','3890926306523027184');_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', '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': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script></div>

Jika sudah, silahkan sahabat klik perbarui. 


2. Mengatasi contact form tidak berfungsi pada adegan widget.

Bagi anda yang menggunakan contact form menggunakan widget, silahkan letakan aba-aba dibawah ini sempurna diatas aba-aba </body>

<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://www.blogger.com/static/v1/widgets/2759014865-widgets.js\"></scr" + "ipt>");
//]]>
</script>
<script type="text/javascript">
if (typeof(BLOG_attachCsiOnload) != &quot;undefined&quot; &amp;&amp; BLOG_attachCsiOnload != null) { window[&quot;blogger_templates_experiment_id&quot;] = &quot;templatesV1&quot;;window[&quot;blogger_blog_id&quot;] = &quot;<data:blog.blogId/>&quot;;BLOG_attachCsiOnload(&quot;&quot;); }_WidgetManager._Init(&quot;//www.blogger.com/rearrange?blogID\x3d<data:blog.blogId/>&quot;,&quot;<data:blog.url/>&quot;,&quot;<data:blog.blogId/>&quot;);
_WidgetManager._RegisterWidget(&quot;_ContactFormView&quot;, new _WidgetInfo(&quot;ContactForm1&quot;, &quot;footer1&quot;, null, document.getElementById(&quot;ContactForm1&quot;), {&quot;contactFormMessageSendingMsg&quot;: &quot;Sending...&quot;, &quot;contactFormMessageSentMsg&quot;: &quot;Your message has been sent.&quot;, &quot;contactFormMessageNotSentMsg&quot;: &quot;Message could not be sent. Please try again later.&quot;, &quot;contactFormInvalidEmailMsg&quot;: &quot;A valid email address is required.&quot;, &quot;contactFormEmptyMessageMsg&quot;: &quot;Message field cannot be empty.&quot;, &quot;title&quot;: &quot;Contact Form&quot;, &quot;blogId&quot;: &quot;<data:blog.blogId/>&quot;, &quot;contactFormNameMsg&quot;: &quot;Name&quot;, &quot;contactFormEmailMsg&quot;: &quot;Email&quot;, &quot;contactFormMessageMsg&quot;: &quot;Message&quot;, &quot;contactFormSendMsg&quot;: &quot;Send&quot;, &quot;submitUrl&quot;: &quot;https://www.blogger.com/contact-form.do&quot;}, &quot;displayModeFull&quot;));
</script>

Selesai, save template anda.

Oke sahabat blogger, aku rasa sudah cukup untuk tutorial "Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan" biar bermanfaat, lebih dan kurangnya aku mohon maaf.

6 Cara Terbaik Membuat Blog SEO Friendly

Thursday, November 16, 2017

 kalo berbicara dilema meningkatkan secara optimal SEO blog memang tidak ada habisnya 6 Cara Terbaik Membuat Blog SEO Friendly
6 Cara Ampuh Membuat Blog SEO Friendly. Sobat Blogger, kalo berbicara dilema meningkatkan secara optimal SEO blog memang tidak ada habisnya, bagaimana cara supaya blog kita mampu tampil di halaman pertama google, untuk itu pada artikel saya kali ini, saya ingin membantu bagi sahabat yang masih pemula untuk mengetahui bagaimana cara terbaik mengoptimalkan situs blog kita untuk hasil SEO yang lebih baik dan di posting ini saya akan menyebarkan beberapa tips atau cara terbaik supaya membuat blog sahabat mampu lebih optimal dalam SEO.

Mari saya mulai dengan memberi sahabat pola garang perihal bagaimana Google SEO bekerja.

Google telah mengembangkan algoritma otomatis yang mampu memberi peringkat pada situs sobat. Google mengirimkan apa yang disebut "bot spider" untuk "merayapi" situs kita dan memeriksanya lebih dari 100 indikator yang menentukan apakah situs kita ini berharga atau sama sekali tidak berguna. Indikator ini mencakup hal-hal menyerupai backlink, usia domain, traffic, konten fresh, dll.

SEO ialah seni untuk memastikan bot spider itu senang dengan apa yang mereka temukan di situs kita. Hal ini ialah bidang yang sangat kompleks yang terus berubah.  namun dalam beberapa hal ada beberapa konstanta yang tetap berlaku semenjak awal, apa saja hal itu?


6 Cara Terbaik Membuat Blog SEO - Panduan Dasar SEO 


Panduan ini saya rekomendasikan untuk seorang pemula supaya mengetahui dasar-dasar SEO bloging, saya harap beberapa tips ini dapat membantu situs sahabat mampu maksimal dalam pencarian google dan mampu mengetahui bagaimana cara mengoptimalkan SEO yang baik.

1. Optimalkan SEO dengan Konten original / Asli


Sobat harus ingat bahwa keseluruhan tujuan Google ialah menunjukkan hasil pencarian yang relevan dan berkhasiat kepada pelanggan atau audiens mereka.

Dan, untuk bersikap realistis, hal terpenting yang dapat sahabat lakukan untuk SEO ialah membuat konten yang bermanfaat secara besar-besaran yang dapat memecahkan dilema orang tersebut. Jika sahabat mampu memecahkan dilema yang dicari orang dalam konten sobat, kemungkinan besar konten sahabat akan dibagikan ke media umum dan menerima peringkat di Google.

Hal ini ialah untuk membangun kekerabatan dengan pembaca situs kita dengan membantu mereka keluar dari masalahnya. Ini berarti lebih banyak sharing dan mampu menghasil peringkat yang lebih cepat pada SERPS (posisi search engine ranking)


2. Membangun Backlink Relevan Dengan Cara Alami

Jika sahabat seorang pemula yang gres memulai SEO, mungkin sahabat tahu sedikit perihal yang namanya backlink . Backlink ialah link satu situs web dari situs yang lain. Backlinks membuat dampak besar pada keunggulan situs web dalam hasil mesin pencari. Inilah sebabnya mengapa backlink dianggap sangat berkhasiat untuk meningkatkan peringkat SEO sebuah situs web. Mesin pencari menghitung rangking dengan menggunakan beberapa faktor untuk menampilkan hasil pencarian namun..?

Tidak semua backlink diciptakan degan sumber yang sama dan benar. Beberapa hal yang perlu diketahui:

Jangan pernah membelinya saya sering sekali melihat perihal seseorang untuk sebuah keuntungan SEO untuk perusahaan atau yang lainnya. Dia membeli beberapa backlink murah pada nama domain dengan harga ratusan bahkan jutaan dan hal buruknya ialah kita menerima backlink yang sumbernya dilarang oleh Google. Jangan pernah membeli backlink. 

Sumber backlink itu sangat penting darimana sumber backlink yang memberi situs kita backlink tersebut, jangan hingga kita menerima backlink rendah dari sumber situs yang mempunyai reputasi buruk di mata google namun sebaliknya jikalau sumber backlink ialah bersumber dari nama domain yang sudah punya usia dengan rangking yang mengagumkan dimesin pencari, maka satu link saja dari situs tersebut lebih mengagumkan dari nama domain otoritas (.edu dan .gov) daripada seribu backlink yang tidak terang sumbernya.

Jangkar teks / Achor text itu penting - Anchor text ialah kata-kata yang digunakan sebagai link. Sebagai contoh, misalkan saya menggunakan "anchor text" sebagai kata "Anchor text". maka jikalau sahabat ingin hal ini relevan dengan kata kunci yang sahabat targetkan.

Maka cara terbaik untuk membangun backlink berkualitas ialah dengan menulis konten berkualitas dan kemudian sahabat posting di situs tamu di blog terbaik di niche yang sama dengan situs kita dan meletakan anchor text tersebut yang mengarah ke situs kita. Inilah seni administrasi blogging yang masih sangat bekerja dengan baik.

Namun ingat, backlink ke konten SENDIRI juga sangat penting. Lihat berapa banyak link yang saya miliki untuk mengarah ke artikel saya sendiri di posting blog ini?

3. Pastikan Template juga dioptimalkan dalam hal SEO

Mengoptimalkan template dalam hal SEO itu penting karena membantu memberi indikator Google bahwa situs sahabat dapat di percaya. Ini juga membantu Google menemukan konten situs sobat. Beberapa hal yang dapat sahabat lakukan untuk pengoptimalannya:

  • Mobile FriendlyJika blog sahabat tidak responsif pada tampilan ponsel, sahabat akan kehilangan banyak pengunjung karena Google memprioritaskan situs seluler untuk orang yang melaksanakan pencarian di smartphone.
  • Bersihkan isyarat - Pastikan template sahabat terdapat isyarat untuk memastikan supaya hal tersebut mudah dibaca oleh bot spider Google yang ingin melihat apakah situs sahabat memiliki semua elemen situs web yang bagus.
  • Fast loadingSebuah situs dengan memuat loading yang cepat adalah baik untuk pengunjung yang datang dan dengan demikian baik pula untuk Google. Pastikan template sahabat terlihat menarik dan beban memuat loading mampu dengan cepat. Sobat mampu mengceknya "disini
  • Tidak ada link yang rusak - Pastikan sahabat membersihkan link-link yang rusak dan pastikan navigasi situs sahabat juga bekerja dengan baik.


4. Perbaiki struktur permalink

Permalinks ialah bagaimana orang menemukan situs blog sahabat dan posting internal dan halamannya. 
misalkan dalam posting ini contohnya

ROOT: oktavialie.blogspot.com/
EXTENSION: cara-membuat-blog-seo-friendly.html


Sangat penting untuk memiliki struktur permalink yang baik. Sobat dapat mengubahnya di Blogger dengan menjalankan SETTINGS> PERMALINKS dan mengutak-atik opsi. 


 kalo berbicara dilema meningkatkan secara optimal SEO blog memang tidak ada habisnya 6 Cara Terbaik Membuat Blog SEO Friendly


5. Pasang sitemap

Salah satu hal yang dapat sahabat lakukan ialah mensubmit sitemap yang menunjukkan peta lengkap semua posting, halaman, dan arsip. Yang paling umum yang digunakan orang ialah menyerupai pola di artikel ini "Cara Submit Sitemap Blog Ke Google Webmaster Tools dan Cara submit Blog Ke Bing Webmaster Tools"

Dengan hal tersebut secara otomatis dapat menghasilkan peta situs untuk situs sahabat secara terpola dan kemudian mengirimkannya ke Google, Bing, dll atas nama sobat. Secara harfiah memberi mereka peta situs sehingga dapat mengindeks denan baik.


6. Berkomentar di blog orang lain


Salah satu seni administrasi SEO saya ialah berisi komentar di blog otoritas lainnya . Sobat tidak hanya menerima lebih banyak pengunjung, keterpaparan dan kekerabatan gres dengan  blogger yang lain, ini juga penting sebagai backlink.

Di beberapa blog, Sobat mampu meninggalkan anchor text target dengan menggunakan open id dan nama pengguna. Tapi di kebanyakan blog memang banyak yang mengharuskan menggunakan nama asli.

Nah sahabat blogger, jikalau ada embel-embel lain perihal bagaimana cara membuat blog kita lebih SEO , sahabat mampu menbahkan dan berdiskusi di kolom komentar, baiklah lebih dan kurangnya saya mohon maaf.

Membuat Widget Berlangganan & Social Media di Blog

Wednesday, November 15, 2017

Cara Memasang Widget Berlangganan di Blog. Sobat blogger, Widget berlangganan ialah sebuah widget untuk menjaring sebuah pembaca melalui email, jikalau pengunjung men subscribe atau berlangganan melalui widget feed tersebut, maka secara otomatis artikel yang terbaru yang kita update akan di kirim melalui email pelanggan tersebut, hal ini mempunyai potensi yang sangat indah untuk mendapat pengunjung dari pelanggan email tersebut.
Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog
Sebelum anda memasang widget berlangganan email tersebut, sahabat terlebih dahulu harus mempunyai url atau id feedburner hal ini berfungsi untuk mengaktifkan fungsi widget tersebut dan nantinya mampu berlangganan artikel blog anda melalui email pelanggan, tapi jikalau sahabat tidak punya, silahkan untuk membuatnya terlebih dahulu di disini : Cara Daftar FeedBurner Untuk Berlangganan Email Blog

Sekarang cara menembahkannya juga sangat mudah sekali, silahkan ikuti tutorialnya

Cara Memasang Widget Berlangganan & Social Media di Blog

1. Buka akun blogger anda.
2. Pilih menu template dan klik Edit HTML
3. Letakan isyarat dibawah ini sempurna diatas isyarat ]]></b:skin> atau </style>  dan klik save.
.subscribebtrix {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.subscribebtrix:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btrixsubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.btrixsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.btrixsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
4. Selanjutnya pilih menu layout atau tata letak >> Add Gadget >> Pilih Html/Javascript dan paste isyarat dibawah ini di kolom yang muncul lalu klik "Save"
<div class="subscribebtrix">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520EE');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="YOUR FEEDBURNER ID" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" class="btrixsubmit" title="Membuat Widget Berlangganan & Social Media di Blog" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a rel="nofollow" rel="noreferrer"href="http://www.facebook.com/YOUR FACEBOOK USER NAME" target="_blank" title="Membuat Widget Berlangganan & Social Media di Blog"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://1.bp.blogspot.com/-dWQ4WAgFEd4/UaOIdmxIstI/AAAAAAAAHow/1ER9XAAtr9s/s1600/facebook_btrix.png" /></a>
<a rel="nofollow" rel="noreferrer"href="http://www.twitter.com/YOUR TWITTER USER NAME" rel="nofollow" target="_blank" title="Membuat Widget Berlangganan & Social Media di Blog"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://3.bp.blogspot.com/-iRgGtzjfUOo/UaOIe0vICII/AAAAAAAAHpM/yq0OufsX_Q0/s1600/twitter_btrix.png" /></a>
<a rel="nofollow" rel="noreferrer"href="https://plus.google.com/GOOGLE PLUS USER ID" rel="nofollow" target="_blank" title="Membuat Widget Berlangganan & Social Media di Blog"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://4.bp.blogspot.com/-rhZjMQqQSwc/UaOId555AQI/AAAAAAAAHo0/v9qrnoB9LRU/s1600/googleplus_btrix.png" /></a>
<a rel="nofollow" rel="noreferrer"href="http://www.pinterest.com/PINTEREST USER NAME" rel="nofollow" target="_blank" title="Membuat Widget Berlangganan & Social Media di Blog"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://3.bp.blogspot.com/-MiOHuehf8Uo/UaOId1J8tjI/AAAAAAAAHo4/kCciO2il8R0/s1600/pinterest_btrix.png" /></a>
<a rel="nofollow" rel="noreferrer"href="http://feeds2.feedburner.com/FEEDBURNER ID" rel="nofollow" target="_blank" title="Membuat Widget Berlangganan & Social Media di Blog"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://1.bp.blogspot.com/--Oc6zcT_s9Y/UaOIen7YBwI/AAAAAAAAHpI/S8ut7PyNJHc/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a rel="nofollow" rel="noreferrer"href="http://feeds.feedburner.com/FEEDBURNER ID"><img alt="Cara Memasang Widget Berlangganan di Blog Membuat Widget Berlangganan & Social Media di Blog" src="http://feeds.feedburner.com/ fc/bloggertrix?bg=FF9900&amp;fg=444444&amp;anim=1" height="26" style="border: 0;" width="88" /></a></div>
</div>
Keterangan ganti FEEDBURNER ID dengan id feedburner anda yang sudah di daftar tadi.
sekian untuk tutorial cara memasang widget berlangganan di blog, lebih dan kurangnya saya mohon maaf.

Membuat Widget Breaking News / Feed News di Blog

Tuesday, November 14, 2017

Cara Membuat Widget Feed News / Breaking News di Blog. widget breaking news atau feed news ini ialah sebuah widget isu artikel atau halaman judul artikel berjalan, widget ini berfungsi pertanda sebuah judul artikel bergulir dan muncul secara acak, mungkin kelebihannya, pembaca mampu melihat link artikel dari halaman breaking news ini dan keuntungannya mampu melihat lebih banyak artikel yang di sediakan halama widget feed atau widget breaking news ini.

 widget breaking news atau feed news ini ialah sebuah widget isu artikel atau halaman  Membuat Widget Breaking News / Feed News di Blog


Untuk widget feed news yang akan kita buat, tampilannya menyerupai gambar diatas atau di tombol demo untuk melihat langsung, menurut saya, selain memperlihatkan saran artikel lainnya, tampilan widget breaking news ini juga sangat keren, jadi teman patut mencobanya, setuju mari kita mulai saja tutorialnya, bagi yang ingin memasang halaman feed tersebut.

Cara Membuat Widget Breaking News / Feed News di Blog

1. Buka akun blogger anda
2. Pilih menu template>>klik edit HTML
3. Sekarang letakan arahan dibawah ini sempurna diatas kode ]]></b:skin> atau </style>
/* NAVIGATION MENU */
.top-menu {
font:normal normal 12px Arial, sans-serif;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 0 28px;
background-color: #4B4C4D;
}
.top-menu1 {
font:normal normal 12px Arial, sans-serif;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 11px 0px 0;
}
#beakingnews {
background: #4B4C4D;
float: left;
height: 30px;
line-height: 31px;
overflow: hidden;
margin-top: 5px;
width: 80%;
}
.social-icons{float:left;}
.social-icons{margin:9px 0 0 10px;text-align:center;}
.social-icons a{display:inline-block;position:relative;overflow:hidden;line-height:0px;margin:1px;}.social-icons a i{width:24px;height:24px;line-height:24px;font-size:13px;}.social-icons.icon-32 a i{width:32px;height:32px;line-height:32px;font-size:18px;}.social-icons.icon-12 a i{width:18px;height:18px;line-height:18px;font-size:9px;}.social-icons.icon-12 a i.icon-home{padding:0;height:18px;font-size:15px;font-weight:normal;}
.social-icons a i{color:#FFF!important;display:inline-block;text-align:center;overflow:hidden;border-radius:100%;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}.social-icons a i.icon-home{background:#4e5462;}.social-icons a i.fa-facebook{background:#507cbe;}.social-icons a i.fa-twitter{background:#65cdef;}.social-icons a i.social_icon-rss{background:#fbab5d;}.social-icons a i.fa-google{background:#ee8180;}.social-icons a i.fa fa-pinterest{background:#f16361;}.social-icons a i.social_icon-myspace{background:#2e9fdf;}.social-icons a i.fa fa-dribbble{background:#d97aa5;}.social-icons a i.social_icon-linkedin{background:#91c9db;}.social-icons a i.fa fa-evernote{background:#8ac979;}.social-icons a i.social_icon-flickr{background:#db97be;}.social-icons a i.fa fa-youtube{background:#f16361;}.social-icons a i.social_icon-skype{background:#38c3f2;}.social-icons a i.fa fa-digg{background:#4ea1d9;}.social-icons a i.social_icon-reddit{background:#7fc1d7;}.social-icons a i.fa fa-delicious{background:#5a91de;}.social-icons a i.fa-stumbleupon{background:#e36644;}.social-icons a i.fa fa-tumblr{background:#4e7da2;}.social-icons a i.fa-vimeo-square{background:#87d3e0;}.social-icons a i.fa fa-blogger{background:#fbc95d;}.social-icons a i.fa fa-wordpress{background:#dddcdc;}.social-icons a i.fa fa-yelp{background:#c64947;}.social-icons a i.social_icon-lastfm{background:#c35252;}.social-icons a i.social_icon-grooveshark{background:#2ab8ed;}.social-icons a i.social_icon-xing{background:#639d71;}.social-icons a i.social_icon-posterous{background:#e7c16f;}.social-icons a i.social_icon-deviantart{background:#95a595;}.social-icons a i.social_icon-openid{background:#fb915d;}.social-icons a i.social_icon-behance{background:#18ace3;}.social-icons a i.social_icon-instagram{background:#c8c5b3;}.social-icons a i.social_icon-paypal{background:#4ea1d9;}.social-icons a i.social_icon-spotify{background:#6fcb57;}.social-icons a i.social_icon-viadeo{background:#9ec7d5;}.social-icons a i.social_icon-googleplay{background:#ce5452;}.social-icons a i.social_icon-forrst{background:#64bb8d;}.social-icons a i.social_icon-vk{background:#568bb0;}.social-icons a i.social_icon-appstore{background:#cdcccb;}.social-icons a i.social_icon-amazon{background:#f0b22e;}.social-icons a i.fa-soundcloud{background:#f35839;}.social-icons a i:hover{background:#434347;}
a.tooldown{display:inline-block;}.tipsy{font-size:12px;position:absolute;padding:5px;z-index:100000;}.tipsy-inner{background-color:#232323;color:#FFF;max-width:200px;padding:0px 8px;text-align:center;border-radius:3px;}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #232323;}.tipsy-arrow-n{border-bottom-color:#232323;}.tipsy-arrow-s{border-top-color:#232323;}.tipsy-arrow-e{border-left-color:#232323;}.tipsy-arrow-w{border-right-color:#232323;}.tipsy-n .tipsy-arrow{top:0px;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;cursor:help;}
div.conty {
width: 960px;
margin: 0 auto;
}
#beakingnews {
background: #4B4C4D;
float: left;
height: 30px;
line-height: 31px;
overflow: hidden;
margin-top: 5px;
width: 80%;
}
#recentpostbreaking li a {
color:#fff;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 32px;
}
#recentpostbreaking li a:hover {
color:$(maincolor);
}
#beakingnews .tulisbreaking {
background:#f8674a;
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 0 10px;
position: absolute;
border-bottom: 1px solid #f8674a;
border-radius: 3px;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
}
#recentpostbreaking {
float: left;
margin-left: 98px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#social-counter-widget{padding:0px!important;margin-bottom:20px!important;overflow:hidden;clear:both;display:block;position:relative;}#social-counter-widget ul.social-counter-widget{}#social-counter-widget ul.social-counter-widget,#social-counter-widget ul.social-counter-widget li{list-style:none!important;margin:0!important;padding:0!important;}#social-counter-widget ul.social-counter-widget li{display:inline-block;}#social-counter-widget ul.social-counter-widget li a{display:block;overflow:hidden;color:#282a2b;}#social-counter-widget ul.social-counter-widget li a i{margin:0 0 10px 0;}#social-counter-widget ul.social-counter-widget li a span{font-size:16px!important;font-family:inherit;line-height:22px!important;font-weight:normal!important;}#social-counter-widget ul.social-counter-widget li a small{color:#c1c1c1;}#social-counter-widget.style1-SC{background-color:#f9f9f9;border:1px #f0f0f0 solid;border-radius:3px;padding:10px 0px!important;}#social-counter-widget.style1-SC li{display:block;width:33%;overflow:hidden;float:left;}#social-counter-widget.style1-SC li a{display:inline-block;text-align:center;padding:10px 0px;overflow:hidden;}#social-counter-widget.style1-SC li a i,#social-counter-widget.style1-SC li a span,#social-counter-widget.style1-SC li a small{clear:both;display:block;}#social-counter-widget.style1-SC ul.social-counter-widget li a i{color:#FFF!important;display:inline-block!important;width:50px!important;height:50px!important;line-height:50px!important;vertical-align:middle;text-align:center;font-size:28px;overflow:hidden;border-radius:100px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style1-SC ul.social-counter-widget li a:hover i.icon{background:#232323!important;}#social-counter-widget.style2-SC{padding:0;}#social-counter-widget.style2-SC ul.social-counter-widget li{display:block;width:100%;overflow:hidden;margin:0 0 3px 0!important;border-radius:2px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style2-SC li a{display:block;text-align:left;padding:5px;overflow:hidden;}#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon,#social-counter-widget.style2-SC ul.social-counter-widget li a span,#social-counter-widget.style2-SC ul.social-counter-widget li a small{float:left;line-height:35px!important;}#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon{font-size:18px;color:#FFF;margin:0 0 0 0!important;display:inline-block!important;width:35px!important;height:35px!important;text-align:center;font-size:17px;line-height:35px!important;font-weight:normal!important;overflow:hidden;border-radius:100px;}#social-counter-widget.style2-SC ul.social-counter-widget li a span{color:#FFF;padding:0 15px}#social-counter-widget.style2-SC ul.social-counter-widget li a small{color:#FFF;color:rgba(255,255,255,0.7);}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-rss{background:#faa33d;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-twitter{background:#40bff5;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-facebook{background:#5d82d1;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-gplus{background:#eb5e4c;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-youtube{background:#ef4e41;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-vimo{background:#35c6ea;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-soundcloud{background:#ff7e30;}#social-counter-widget.style2-SC ul.social-counter-widget li:hover{background:#232323!important;}#social-counter-widget.style2-SC ul.social-counter-widget li:hover a small{color:#FFF!important;}#social-counter-widget.style3-SC{background-color:#FFF;border-radius:3px;padding:10px 0px!important;}#social-counter-widget.style3-SC ul.social-counter-widget li a span{font-size:13px!important;}#social-counter-widget.style3-SC li{display:block;width:24%;overflow:hidden;float:left;}#social-counter-widget.style3-SC li a{display:inline-block;text-align:center;padding:10px 0px;}#social-counter-widget.style3-SC li a i,#social-counter-widget.style3-SC li a span,#social-counter-widget.style3-SC li a small{clear:both;display:block;}#social-counter-widget.style3-SC ul.social-counter-widget li a i{color:#FFF!important;display:inline-block!important;width:35px!important;height:35px!important;text-align:center;font-size:17px;line-height:35px!important;overflow:hidden;border-radius:100px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style3-SC ul.social-counter-widget li a:hover i.icon{background:#232323!important;}#social-counter-widget.style4-SC{padding:0;}#social-counter-widget.style4-SC ul.social-counter-widget li{display:block;clear:both;overflow:hidden;margin:1px 1px 5px 1px!important;border-radius:2px;background-color:#FFF;box-shadow:0 0 1px rgba(0,0,0,0.25);border:0 none!important;}#social-counter-widget.style4-SC ul.social-counter-widget li:last-child{}#social-counter-widget.style4-SC li a{display:block;text-align:left;padding:5px;overflow:hidden;color:#999!important;}#social-counter-widget.style4-SC ul.social-counter-widget li a span{font-size:14px!important;font-family:sans-serif;}#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon,#social-counter-widget.style4-SC ul.social-counter-widget li a span,#social-counter-widget.style4-SC ul.social-counter-widget li a small{float:left;line-height:30px!important;}#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon{color:#FFF;margin:0px!important;display:inline-block!important;width:30px!important;height:30px!important;text-align:center;font-size:17px;line-height:30px!important;overflow:hidden;border-radius:2px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style4-SC ul.social-counter-widget li a span{padding:0 4px 0 15px}.rtl #social-counter-widget.style4-SC ul.social-counter-widget li a span{padding:0 15px 0 4px}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style4-SC ul.social-counter-widget li a:hover i.icon{background:#999!important;}
4. Selanjutnya letakan arahan dibawah ini sempurna dibawah kode <div id='outer-wrapper'> atau sesuaikan menurut selera anda. arahan mampu saja berbeda.
<div id='top-nav'>
        <nav class='top-menu'>
          <div id='beakingnews'>
            <span class='tulisbreaking'>
              Feed News
            </span>
            <div id='recentpostbreaking'>
              Loading...
            </div>
          </div>
          <script type='text/javascript'>
            //<![CDATA[
            $(document).ready(function () {
              var url_blog = 'http://oktavialie.blogspot.com/', // Replace With your Blog Url
                  numpostx = 20; // Maximum Post
              $.ajax({
                url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
                type: 'get',
                dataType: "jsonp",
                success: function(data) {
                  var posturl, posttitle, skeleton = '',
                      entry = data.feed.entry;
                  if (entry !== undefined) {
                    skeleton = "<ul>";
                    for (var i = 0; i < entry.length; i++) {
                      for (var j=0; j < entry[i].link.length; j++)
                      {
                        if (entry[i].link[j].rel == "alternate")
                        {
                          posturl = entry[i].link[j].href;
                          break;
                        }
                      }                       posttitle = entry[i].title.$t;
                      skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
                    }
                    skeleton += '</ul>';
                    $('#recentpostbreaking').html(skeleton);
                    // arahan untuk efek pada breaking news
                    function tick(){
                      $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });
                    }
                    setInterval(function(){ tick () }, 5000);
                  } else {
                    $('#recentpostbreaking').html('<span>No result!</span>');
                  }
                },
                error: function() {
                  $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
                }
              });
            });
            //]]>
          </script>
          <ul class='social-icons'>
            <a class='tooldown' href='#' target='_blank' title='Facebook'>
              <i class='fa fa-facebook'/>
            </a>
            <a class='tooldown' href='#' target='_blank' title='Twitter'>
              <i class='fa fa-twitter'/>
            </a>
            <a class='tooldown' href='#' target='_blank' title='Google+'>
              <i class='fa fa-google'/>
            </a>
            <a class='tooldown' href='#' target='_blank' title='Vimeo'>
              <i class='fa fa-vimeo-square'/>
            </a>
            <a class='tooldown' href='#' target='_blank' title='soundcloud'>
              <i class='fa fa-soundcloud'/>
            </a>
          </ul>
       
          <!-- social media button end -->
        </nav>
      </div>
      <div class='clear'/>
5. Silahkan ganti URL yang saya tandai merah dengan url blog teman dan klik save.

nah, hingga disini untuk tutorial Cara Membuat Widget Breaking News / Feed News di Blog , lebih dan kurangnya saya mohon maaf.

Cara Menghapus Tanda Pensil / Tang Obeng di Template Blog

Monday, November 13, 2017

Cara Menghilangkan Icon / Tanda Pensil di Template Blog. Sobat blogger, di tutorial kali ini saya ingin memperlihatkan tutorial cara menghapus tanda atau icon pencil/pensil di blog atau mampu juga berupa icon tang dan obeng, sebetulnya icon pensil ini berfungsi untuk pengeditan secara cepat pada template blog, namun memang tak ayal tanda pensil ini sangat menggangu sekali pada tampilan blog kita.

 di tutorial kali ini saya ingin memperlihatkan tutorial cara menghapus tanda atau icon pencil Cara Menghapus Tanda Pensil / Tang Obeng di Template Blog

Hal ini mungkin mudah saja bagi para blogger yang sudah lama mengelola blog tapi tidak juga mungkin bagi pemula, alasannya yakni hal ini juga pernah saya alami waktu masih pemula di dunia blog, saya pernah kesulitan dikala mau menghilangkannya, nah bagi teman-teman yang belum tahu, yuk ikuti bagaimana cara menghilangkan atau menghapus tanda pensil atau tang dan obeng di template blog kita.


Cara Menghapus Tanda Pensil / Tang Obeng di blog 

1. Cara pertama menghapus tanda pensil / tang dan obeng di template blog

  1. Buka akun blogger >> Tata letak
  2. klik edit pada tab "Blog Post"
  3. Lalu hilangkan tanda centang pada "Tunjukan Pengeditan Cepat"
 di tutorial kali ini saya ingin memperlihatkan tutorial cara menghapus tanda atau icon pencil Cara Menghapus Tanda Pensil / Tang Obeng di Template Blog

2. Cara kedua menghapus tanda pensil / tang dan obeng di template blog
  1. Buka akun blogger
  2. Pilih Template dan klik edit HTML
  3. Cari dan hapus semua arahan ibarat dibawah ini (semuanya ya)
<b:include name='quickedit'/>

3. Cara ketiga menghapus tanda pensil / tang dan obeng di template blog
  1. Buka akun blogger.
  2. Pilih template dan klik di edit HTML
  3. Simpan arahan dibawah ini dan letakan sempurna diatas kode ]]></b:skin> atau </style> 
.quickedit{display:none;visibility:hidden}

Nah itulah sobat blogger, bagaimana tutorial atau cara menghapus icon pensil atau tang obeng pada template blog, supaya bermanfaat.
 
Support : My Website | Johny Template | Mas Template
Copyright © 2011. Catatan SiMungil - All Rights Reserved
Template Created by Creating Website Edited by Bii
Proudly powered by Blogger