1 Menautkan listingan Google Bisnisku ke Kampanye pintar

By Anonim | At Januari 27, 2020 | Label : ADS | 1 Comments

Menautkan listingan Google Bisnisku ke Kampanye pintar

Saat membuat Kampanye pintar baru, Anda akan ditanya "Bisnis apa yang ingin Anda iklankan?" Jika Google mendeteksi bahwa alamat email yang Anda gunakan untuk login ke akun Google Ads terkait dengan akun Google Bisnisku, listingan Google Bisnisku akan muncul secara otomatis sebagai bisnis yang tersedia untuk Kampanye pintar. Jika Anda memiliki beberapa listingan Google Bisnisku yang terkait dengan akun Google Bisnisku, semuanya akan muncul sebagai bisnis yang tersedia untuk Kampanye pintar. Namun, hanya satu listingan Google Bisnisku yang dapat dikaitkan dengan setiap Kampanye pintar, sehingga jika Anda memiliki beberapa listingan Google Bisnisku yang ingin diiklankan, pertama-tama Anda harus membuat Kampanye pintar untuk setiap listingan tersebut.
Saat Anda menautkan Kampanye pintar ke listingan Google Bisnisku, ekstensi lokasi secara otomatis dibuat untuk Kampanye pintar. Ekstensi lokasi dapat membantu orang menemukan lokasi bisnis Anda, dengan menampilkan iklan beserta alamat bisnis, peta ke lokasi bisnis, atau jarak ke lokasi bisnis. Pelajari ekstensi lokasi lebih lanjut.
Belum memiliki akun Google Bisnisku? Buat akun Google Bisnisku gratis.

Cara menautkan Kampanye pintar ke listingan Google Bisnisku

Untuk menampilkan listingan Google Bisnisku sebagai opsi yang tersedia saat membuat Kampanye pintar, pertama-tama pastikan bahwa alamat email Anda tercantum dengan izin "Administrator" di akun Google Ads dan tercantum sebagai "Pemilik" atau "Pengelola" di akun Google Bisnisku. Setelah mengonfirmasi bahwa alamat email untuk akun Google Ads Anda adalah "Pemilik" atau "Pengelola" untuk akun Google Bisnisku, ikuti langkah-langkah berikut untuk membuat Kampanye pintar yang ditautkan ke Google Bisnisku:

1. Login ke akun Google Ads.
2. Klik Semua kampanye, lalu klik Buat kampanye baru.
3. Pilih sasaran iklan Anda.
4. Tinjau listingan Google Bisnisku, lalu pilih bisnis yang ingin Anda iklankan.
5. Selesaikan pembuatan Kampanye pintar.

Listingan Google Bisnisku harus dikaitkan dengan Kampanye pintar selama pembuatan kampanye. Listingan tersebut tidak dapat ditautkan secara retroaktif ke Kampanye pintar setelah dibuat.

Membatalkan tautan Kampanye pintar dan listingan Google Bisnisku

Ada dua cara Kampanye pintar dapat membatalkan tautan ke listingan Google Bisnisku:

• Jika alamat email yang terkait dengan akun Google Ads kehilangan akses ke akun Google Bisnisku tertaut, Kampanye pintar yang terkait dengan akun Google Ads akan dibatalkan tautannya dari listingan Google Bisnisku.
• Jika akun Google Bisnisku dibatalkan tautannya dari Google Ads melalui halaman "Akun tertaut" di akun Google Bisnisku, semua kampanye Google Ads yang terkait dengan akun Google Bisnisku tersebut akan dibatalkan tautannya.

Memperbaiki tautan yang rusak antara Kampanye pintar dan listingan Google Bisnisku

• Jika tautan rusak karena alamat email yang terkait dengan akun Google Ads telah kehilangan akses ke akun Google Bisnisku, tautan tersebut akan dipulihkan jika alamat email yang terkait dengan akun Google Ads dipulihkan aksesnya ke akun Google Bisnisku.
• Jika tautan rusak oleh akun yang membatalkan tautan pada halaman "Akun tertaut" di akun Google Bisnisku, saat ini tidak ada cara untuk menautkan kembali akun tersebut.

0 Cara Memasang Banner melayang

By Anonim | At Agustus 25, 2019 | Label : Banner Melayang | 0 Comments

<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6419134826689894390&widgetType=HTML&widgetId=HTML6&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML6"));' rel='nofollow' target='configHTML6' title='Edit'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
<div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<!-- FB FANS PAGE LIKE BOX -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<!-- facebook like box starts -->
<!-- popup box stylings -->
<style type="text/css">
#fb-back { display: none; background: rgba(0,0,0,0.8);   width: 100%; height: 100%; position: fixed; top: 0;   left: 0; z-index: 99999;}
#fb-exit { width: 100%; height: 100%; }
.fb-box-inner { width:550px; position: relative; display:block; padding: 8px 0px 0px; margin:0 auto; text-align:center; }
#fb-close { cursor: pointer; position: absolute; top: 5px; right: 5px; font-size: 18px; font-weight:700; color: #000; z-index: 99999; display:inline-block; line-height: 18px; height:18px;width: 18px; }
#fb-close:hover { color:#06c; }
#fb-box { min-width: 510px; min-height: 210px; position: absolute; top: 60%; left: 50%; margin: -300px 0 0 -280px; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; -webkit-border-radius: 5px;-moz-border-radius: 8px; border-radius: 8px;
background: #fff; /* pop up box bg color */
border-bottom: 2px solid #f0f0f0;  /* pop up bottom border color/size */
}
.fb-box-inner h3 { line-height: 1; margin:0 auto; text-transform:none;letter-spacing:none;
font-size: 14px!important;  /* header size */
color:#06c!important; /* header color */
}
.fb-box-inner p { line-height: 1; margin:0 auto 20px;text-transform:none;letter-spacing:none;
font-size: 13px!important; /* header size  */
color:#333!important; /* text color */
}
a.fb-link { position:relative;margin: 0 auto; display: block; text-align:center; color: #333; /* link color */
bottom: -3px;
}
#fb-box h3,#fb-box p, a.fb-link { max-width:350px; padding:0; }
</style>

<!-- facebook plugin -->
<div id='fb-back'>
<div id="fb-exit"> </div>
  <div id='fb-box'>
   <div class="fb-box-inner">
   <div id="fb-close">X</div>
<!-- edit your popup header text here -->
<h2>Tekan X agar Kotak Ini Hilang</h2>

<!-- edit your fb name below -->
<a href="http://bit.ly/makau-hokky" target="_blank"><img style="width: 500px; height: 220px;" alt="Garudaqq.id" src="https://1.bp.blogspot.com/-0H2LEDUkBKA/XWJgIAUFy_I/AAAAAAAAMdk/GNL15BtQf5gSXi7fUgnUzkUKD91imjRFACLcBGAs/s1600/MakauQQ.jpg" /></a>
 
</div>
 </div>
</div>
<!-- popup plug-in snippet  -->
<script type='text/javascript'>
//<![CDATA[
//grab user's browser info and calculates/saves first visit
jQuery.cookie = function (key, value, options) { if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; }
if (typeof options.expires === 'number') { var days = options.expires,  t = options.expires = new Date();  t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : ''].join('')); }
options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; };
// the pop up actions
$(function ($) {
  if ($.cookie('popup_fb') != 'yes') {
    $('#fb-back').delay(2000).fadeIn("fast"); // options slow or fast
    $('#fb-close, #fb-exit').click(function () {
      $('#fb-back').stop().fadeOut("slow"); // options slow or fast
    });
 }
//initiate popup function by setting up the cookie expiring time
$.cookie('popup_fb', 'yes', { path: '/', expires: 0 });
});
//]]>
</script>
<!-- facebook like box ends -->
</div></div>

0 Cara Memasukan Peta Situs / Sitemap pada Webmaster Google Agar Blog Lebih SEO

By Anonim | At Agustus 02, 2019 | Label : PETA SITUS | 0 Comments

Artikel sebelumnya, SEOBLOGFASTER telah membahas bahwa google webmaster sangatlah membantu web/blog kita agar dapat dengan mudah terindex oleh sistem pencari google. dengan keterindekan yang kuat oleh mesin pencari google, tentu artikel kita bisa lebih mudah ditemukan orang di internet dan tidak menjadi artikel yang usang karena susah ditemukan search engine. Masih berkaitan dengan artikel sebelumnya kali ini sobat harus tau car kerja web master. kita tidak perlu repot-repot membuat postingan sampah atau menyebarkan  link di setiap sudut dunia maya. google sudah memetakan mana blog yang perlu diindek mana yang masih di raguka. meskipun website kita sudah onlin, dan dapat di cari mesin telusur, tapi bagi mesin telusur blog yang terdaftar dan sudah diperiksa nilai kualitasnya tentu akan lebih meyakinkan daripada blog yang belum terdaftar. 

Artikel sebelumnya telah mengulas bagai mana cara mendaftar Google webmaster, semoga anda sudah dapat menerapkannya. Jika sudah berhasil mendaftarkan blog di google webmaster sebagai mana yang saya arahkan,maka step berikutnya adalah memasukan SITEMAP (peta situs) blog / website kita, langkah ini sangat penting karena mesin telusur membutuhkan data terkait kontent yang ada pada blog kita. memasukan SITEMAP (peta situs) blog sangatlah penting, jika sudah mendaftarkan blog pada webmaster google maka hal yang tidak boleh terlewatkan selanjutnya adalah mensubmite peta situs, dengan melakukan hal demikian maka mempermudah googlebot dalam mengindeks setiap artikel postingan atau halaman yang ada pada blog atau webiste kita. mendaftar google webmaster akan sia-sia jika langkah memasukan sitemap ini terlewatkan.

Jika Blog anda belum tendaftar pada Webmaster ada baiknya anda membaca artikel cara mendaftarkan blog pada webmaster 

Cara memasukan / mengirim Peta Situs ke Google Webmaster

Memasukkan peta situs pada webmaster sangatlah mudah, hal pertama tentunya kita harus masuk atau login  guna mengunjungi di situs google webmaster terlebih dahulu. jika anda kebingungan mencari link dari google webmaster anda bisa mengunjung link berikut ini. (Webmaster Google)

Mendaftar / Login Webmaster Google

jika anda baru pertama mendaftar webmaster google, maka tampilannya akan kosong. pestikan terlebih dahulu blog yang mana yang akan anda masukan peta situnta ke google webmaster. kita bisa memilih blog yang ingin kita masukkan peta situsnya jika blog yang anda daftarkan lebih dari satu pada webmaster tersebut. dibawah ini adalah beranda webmaster milik saya, terlihat ada 2 blog pada beranda webmaster. jika sobat hanya pernah mendaftarkan satu blog maka hanya ada satu untuk anda kelola peta situsnya.

Submit Peta Situs

Baik saya akan mencontohkan bahwa blog yang saya miliki akan saya tambah petasitusnya. memasukan peta situs untuk blog SEOBLOGFASTER, maka hal yang perlu saya lakukan hanyalah memilih (klik) blog SEOBLOGFASTER pada beranda webmaster saya tersebut, dan kemudian masuk ke menu peta situs. caranya adalah:

1. pilih menu Perayapan di samping kiri
2. pilih peta situs.

agar lebih jelas anda bisa lihat pada gambar dibawah ini.

Tombol merah pada laman tersebut adalah tombol untuk kita memasukan peta situs, pilih (klik) tombol merah di pojok kanan atas bertuliskan tambahkan peta situs (bahasa Indonesia) Kemudian masukkan dan kirimkan satu persatu "ingat satu persatu saja" kode peta situs dibawah ini ini :

Link Peta Situs

atom.xml
feeds/posts/default?alt=rss
feeds/posts/default?orderby=updated
rss.xml
sitemap.xml

sebenarnya banyak pilihan link peta situs. Selain kelima kode diatas, kita juga bisa menambahkan dan memasukkan salah satu dari beberapa kode dibawah ini :

Untuk Blog dengan artikel di bawah 500 Artikel
atom.xml?redirect=false&amp;start-index=1&amp;max-results=500

Untuk Blog dengan artikel di antara 501 sampai 1000 Artikel
atom.xml?redirect=false&amp;start-index=501&amp;max-results=1000

Untuk Blog dengan artikel di antara 1000 sampai 1500 Artikel
atom.xml?redirect=false&amp;start-index=1001&amp;max-results=1500

dengan demikian anda telah berhasil menambahkan peta situs anda pada webmaster google, selanjutnya tunggu sampai google merayapi semua konten yang ada pada blog. lama waktu google mengindeks bisa beberapa jam atau bahkoan hari. baca juga Strategi SEO Efektif Terindex Google
sekian.

0 Cara Membuat Header 2 Kolom di Template Blogger

By Anonim | At April 04, 2019 | Label : HEADER 2 KOLOM | 0 Comments

Membuat header 2 kolom Blog - Banyak sekali pertanyaan dari sahabat blog saya yang mengatakan bagaimana sih membuat kolom header menjadi 2 kolom atau lebih pada template blogger. Sebenarnya mudah sekali membuat tampilan header di template blog menjadi 2 kolom atau lebih, anda hanya harus jeli melihat kode HTML di template blog anda dan melakukan sedikit perubahan pada template blog. Kita semua tahu bahwa kode HTML di template blogger memiliki beberapa kode yang hampir sama sehingga kalau kita tidak jeli melihatnya kadang kita salah meletakkan kode-kode tersebut di dalam template.

Baiklah tanpa berpanjang lebar lagi berikut cara membuat kolom header menjadi 2 kolom atau lebih, terlebih dahulu berikut preview tampilan dari hedaer blog anda nanti jadinya:

Membuat Header 2 Kolom di Template Blogger

Langkah langkah membuat header 2 kolom atau lebih di header blog:

1. Log in ke Blogger
2. Unduh atau cadangkan template blog anda dulu untuk berjaga-jaga
3. Masuk ke Template dan Edit HTML
4. Cari kode ]]></b:skin untuk mempermudah tekan Ctrl+ F dan masukkan kode berikut ini diatas kode tadi:

#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}

50%  Pengaturan panjang dan padding kolom header kanan dan kiri

5. Kemudian cari kode yang hampir mirip dengan kode berikut ini karena setiap kode template masing-masing blog berbeda:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Judul Blog Sobat (Header)' type='Header'/>
...
</b:section>

0  Merupakan jumlah kolom yang anda kehendaki
0  Ganti dengan 'yes'
0  Merupakan kode yang agak panjang jadi saya tidak menuliskannya

6. Di bawah kode <b/:section> letakkan kode berikut di bawahnya:

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Sehingga tampilannya akan seperti di bawah ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' Judul Blog Sobat  (Header)' type='Header'/>
...
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

7. Sekarang cari kode ]]></b:template-skin>  dan letakkan kode dibawah ini diatasnya:

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

8. Pratinjau template anda jika tidak ada yang error save atau simpan template anda.

0 GarudaQQ Bandar Poker Online Terpercaya

By Anonim | At Februari 10, 2019 | Label : GARUDAQQ | 0 Comments

GarudaQQ Bandar Poker Online Terpercaya Mudah Menang

GarudaQQ merupakan bandar Poker Online Terpercaya yang mudah menangnya, selain itu di garudaqq sangatlah aman dan nyaman dalam bermain karena disini semua sudah terbukti nyata permainan fair play (member vs member). garudaqq situs situs terbaik permainan dengan uang asli yang mudah menang dan 1 id dapat bermain 8 permainan sekaligus.

Bandar Poker Online Terpercaya dan Terbaik Dengan Server PKV

Bandar Poker Online terpercaya dengan server PKV yang mudah menangnya hanya bersama garudaqq, di server PKV garuda QQ yang terbaik memberikan permainan seperti poker online, bandarq, dominoqq atau domino 99, aduq, capsa susun, bandar poker, bandar 66 dan sakong online cuma dengan satu user id saja para member dapat menikmati 8 permainan.

Situs Bandar Poker Online Yang Terbaik dan Terpercaya Paling Mudah Menang

Dalam permainan game Qiu Qiu di situs garduaqq memang paling menarik dan gampang untuk dimenangkan jika memang member memiliki kesabaran dalam bermain , garudaqq juga memberikan layanan yang terbaik. promo dalam garudaqq adalah Bonus Turn Over 0.3% tiap minggunya dan Bonus Referal 15% (bebas syarat / seumur hidup). Di GarudaQQ ini juga memudahkan anda untuk bertransaksi, karena di lengkapi dengan 5 Bank Lokal yang Seluruh indonesia. Berikut Bank Pendukung di antaranya : Bank BCA, Bank BRI, Bank BNI, Bank MANDIRI, Bank DANAMON. Link: https://www.g-qq.ga

1 Cara Membuat Tombol Show Hide atau Spoiler Keren di Postingan Blog

By Anonim | At Februari 04, 2019 | Label : SHOW HIDE , SPOILER | 1 Comments

Cara Membuat Tombol Show Hide atau Spoiler Keren di Blog - Tombol Show Hide atau bisa disebut juga tombol spoiler adalah tombol yang berfungsi untuk menyembunyikan atau menampilkan sebuah konten antara lain teks, video, atau gambar. Sebuah gambar atau teks akan muncul apabila fungsi show hide di klik begitu pula untuk menyembunyikannya juga di klik kembali.

Kenapa harus menggunakan button show hide atau spoiler? Pernahkah kalian berselancar ke website forum seperti kaskus atau ads id? Biasanya banyak dari thread atau postingan di dalamnya menggunakan fitur add spoiler. Tujuannya agar ketika memuat halaman postingan lebih ringan dan juga menyingkat panjang artikel agar lebih simpel. Nah maka dari itu Kita aplikasikan fungsi tombol show hide tersebut ke dalam blog Kita. Untuk cara membuat spoiler di blog sebenarnya tidak sulit, tetapi Kali ini akan Saya berikan tutorial mengenai cara membuat tombol show hide keren di blog.

Terinspirasi dari tombol spoiler di blog Arlina yang menurut Saya keren dan juga responsive, maka dari itu Saya berikan cara membuat tombol spoiler keren seperti milik Arlina design. Mari simak sampai selesai.

Cara Membuat Tombol Show Hide Spoiler di Blog

#1 Buka dashbor blogger

#2 Pilih Tema>Edit HTML

#3 Letakkan kode CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

/* Animation */
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
#flippy{text-align:center;margin:auto;display:inline}#flippy button{background:#fff;background-image:linear-gradient(to right,#34ea78 0%,#2da7e3 51%,#34ea78 100%);background-size:200% auto;color:#fff;display:block;width:100%;padding:15px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:10px auto;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);transition:all .3s}#flippy button:hover,#flippy button:focus{background-position: right center;outline:none;opacity:1;color:#fff}#flippanel{display:none;padding:10px 0;text-align:left;background:#fff;margin:10px 0 0 0}#flippanel img{background:#f5f5f5;margin:10px auto}

#4 Letakkan kode di bawah ini sebelum kode </body>

<script>
$(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
</script>

#5 Letakkan kode HTML di bawa ini di tab html ketika membuat postingan

<div id="flippy"><button>Klik untuk melihat semua pilihan animasi</button></div><div id="flippanel"> Masukkan Gambar, Teks, Video di sini
</div>

 Berikut hasilnya

Demikian tutorial kali ini mengenai cara membuat tombol show hide atau spoiler keren di postingan blog. Apabila ada cara lain untuk membuat button show hide spoiler di blogmaka akan Saya update lagi di artikel ini. Semoga bermanfaat dan apabila ada yang kurang jelas atau yang ingin ditanyakan silahkan berkomentar di bawah.

1 Tutorial Cara Membuat Kotak Script Dalam Postingan Blogger Dengan Mudah

By Anonim | At September 13, 2018 | Label : Text Box | 1 Comments

Membuat Text Box Dalam Postingan - Dalam dunia blogger, selain konten yang berkualitas, tampilan blog yang menarik juga sangat dibutuhkan untuk membuat rasa nyaman pengunjung saat membaca artikel tersebut. Begitupun dengan informasi penting dalam artikel juga sangat diperhatikan dalam penulisannya, entah dengan menambahkan blockquote, cetak tebal dan sebagainya.

Salah satunya adalah penambahan kotak script atau text box yang disematkan ditengah-tengah penulisan. Seperti kotak/box yang berisikan script html, quote menarik maupun hal penting lainnya dengan dibingkai didalam kotak.

Seperti blog yang bertemakan tentang tutorial blogging, biasanya akan banyak mengunakan kotak/box semacam ini. Tujuannya biar terlihat menarik dan lebih tertata rapi, juga agar informasi berupa quote atau script html bisa mudah di copy-paste oleh pengunjung.

Baca juga Tutorial Cara Membuat Efek Zoom Otomatis Pada Gambar DI Blog

Cara Membuat Text Box Dalam Postingan Blog

Untuk cara membuat dan menyematkan Text Box dalam sebuah artikel cukup mudah. Langkah awal yang harus dilakukan adalah login dasboard blogger, buat laman post baru.

Pindah mode Compose ke mode HTML, copy script dibawah ini dan paste-kan di laman HTML tersebut

<div style="background-color: white; border: 3px #fffff double; padding: 10px; text-align: center;">
membuat text box dengan mudah </div>

Maka akan tampak seperti gambar dibawah ini.

Jika dilihat dari mode compose akan terlihat seperti ini

*Keterangan :

• padding 10px maksudnya panjang kotak kebawah dan untuk lebarnya mengikuti lebar dari theme blog

• backgroung-color :white digunakan untuk mengubah warna background dalam kotak

• text-align:center digunakan untuk merubah posisi tulisan dalam kotak, Anda bisa mengantinya dengan left atau right

• border: 3px untuk merubah ketebalan kotak dan #fffff (Hitam) untuk merubah warna kotak sedangkan Double merupakan bentuk kotak anda bisa menghilangkan kode ini atau mengantinya dengan script Outset, Dashed, Ridge, Dotted, Solid, dan Groove

Contoh kotak mengunakan Script Double dengan warna kotak aquamarin (#7FFFD4)

Contoh kotak mengunakan Script Dashed dengan warna kotak Brown (#A52A2A)

Contoh kotak mengunakan Script Dotted dengan warna kotak Pink (#FF1493)

Contoh kotak mengunakan Script Groove dengan warna kotak Merah (#FF0000)

Anda juga bisa membuat Kotak script atau Text box dengan variasi scroll, syaratnya tulisan didalam kotak box lebih banyak hingga melebihi batasan besarnya kotak. Atau dengan membuat ukuran text box nya lebih kecil.

Baca juga Panduan Menautkan (Embed) Status Instagram Kedalam postingan Blogger

Untuk membuat variasi seperti itu, Anda bisa menambahkan script height dan width kotak box juga menambahkan script overflow. Seperti contoh dibawah ini:

INI ADALAH CONTOH KOTAK SCROLL. SILAHKAN ANDA GANTI TULISAN INI DENGAN TULISAN ANDA

Kode Script yang MazzTutor masukkan sebagai berikut :

<center><div style="background-color: white; border: 3px double; height: 80px; overflow: auto; padding: 10px; text-align: center; width: 200px;">INI ADALAH CONTOH KOTAK SCROLL. SILAHKAN ANDA GANTI TULISAN INI DENGAN TULISAN ANDA</div></center>

Ubah Height: 80px dan width: 200px sesuai dengan kebutuhan, juga jangan lupa tambahkan script overflow: auto agar kotak box scroll bisa muncul.


Sumber: http://mazztutor.blogspot.com

0 Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan

By Anonim | At September 11, 2018 | Label : LAYOUT | 0 Comments

Sesuai dengan gambar diatas. Itu merupakan hasil tambahan header menjadi 2. Biasa digunakan para blogger untuk menaruh iklan space. sayapun juga memasang iklan disitu. Template bawahan blogger tidak menyediakan itu, jadi kita membuatnya sendiri. Pada gambar diatas kolom sebelah kanan merupakan kolom yang akan kita buat/tambahan, kolom tambahan tersebut bisa kita gunakan untuk pasang Iklan atau lainnya terserah untuk apa anda inginkan, karena pada dasarnya kolom pada header sebelah kanan yang akan kita buat tersebut berfungsi sama dengan sidebar blog. Oke langsung saja kita praktekan :

Cara Pertama :

1. Buka Blogger - Login Blogger.
2. Dashboard - Template - Edit HTML.
3. Temukan kode ]]></b:skin>
4. Copy-Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin>

 

#header, body#layout #header {width:300px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}

Catatan:
Angka 300px (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) bisa diubah. Kalau ragu, biarkan seperti itu.

5. Jika sudah? Temukan lagi kode <a expr:href='data:blog.homepageUrl'><data:title/></a>

Maka Hasilnya Seperti ini :

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

Screenshoot :

6. Copy & Paste kode berikut dan letakkan diantara kode </b:section> dan </div>

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Maka Jika digabungkan hasilnya akan seperti ini :

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>

7. Simpan Template!
8. Silakan Buka Tata Letak Apakah Berhasil. Jika Berhasil Silakan Pasang Iklan Sesuka Anda.

Untuk Percobaan Pasang Iklan di Blogger Anda :

1. Buka Tata Letak.
2. Header Right. ( Tata Letak Yang Barusan di Tambahkan )
3. Copy & Paste kode berikut untuk pasang iklan.

<!-- Start banner code MayCyber-Download -->
<div style="width: 428px; text-align: center; font-family: verdana; font-size: 10px;"><a href="http://rumahweb.com"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-tFA4n-PB8paT9wBJ4KazC3uEs28Zckb9Mt6BKU-LHBT61N6dQIJ8cQui4uUqSmwdRVnuqHa7YKacwjPs53P0WMwlUfWrfE0UvoKuuMjtsjcr5jUaKqyhGXwGo8yx_GC7uZj-I5ATWVF/s1600/beli+domain+custom+blog.jpg" width="628" height="70" title="Custom Your Domain!" /></a><br /></div>

4. Simpan!

Bagaimana? Mudah bukan, Jika terjadi kesalahan jangan ragu-ragu untuk berkomentar, nanti saya akan memberi solusinya. Sekian dari saya, Semoga Bermanfaat!

© MayCyber-Download

0 2 Cara Mudah Menambahkan Efek Bayangan Pada Gambar Blogger

By Anonim | At September 10, 2018 | Label : POST IMG | 0 Comments

Cara Mudah Membuat dan Menambahkan Efek Bayangan Pada Gambar Blogspot- agar gambar postingan terlihat seperti ada banyangnya dalam bahasa koding maka kita harus memberinya sebuah efek yang bernama shadow , bukan pak shadow tetangga kalian ya ? hehhe . Sesuai namanya efek shadow ini berfungsi untuk memberikan gambar seolah - olah ada kayak bayangan hantu gitu , dimana kita cukup meletakan fungsi di dalam css

Dengan adanya efek shadow pada image artikel blog sobat maka akan membuat kesan blog anda akan terlihat lebih cantik dari sebelumnya , tapi ada orang yang gak suka dengan efek ini , saya tidak tahu apa alasanya , karena selera orang itu beda - beda . Termasuk saya ini orang yang suka efek shado , namun tak memasangnya di blog saya.

Cara Pertama Memberi Efek Bayangan di Gambar Blog

Kalau cara yang pertama ini nanti semua gambar yang ada di dalam postingan blog anda akan secara otomatis ada efek shadownya , jadi anda tak perlu repot ngasih satu persatu pada div gambar secara manual , karena hal itu menyita waktu dan tenaga kita.

1. Pertama silahkan sobat pergi ke editor template blogger seperti biasanya dengan cara memilih menu template => edit html cari kode]]></b:skin>
2. Kemudian pada post gambar kita kasih deh efek shdownya , caranya adalah kita pasang kode dibawah ini tepat diatas kode]]></b:skin>

   .post-body img{background:#FFF;/* the background color around the image */
   padding:15px;/* The Space Between Border and Image */
   border-radius:50% 0;/* Rounded border */
   box-shadow:0 0 15px #000;/* Shadow */
   -moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
   .post-body img:hover{border-radius:0;/* This removes the border roundness (value 0) */
   -moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;cursor:pointer}

3. Simpan Template dan lihat hasilnya

Opsi Kedua Membuat Efek shadw pada Gambar Blog

Kalau sobat hanya pada gambar tertentu yang akan diberikan efek shadow , maka jangan gunakan cara pertama diatas , gunakanlah cara ini , karena cara ini menggunakan cara manual , yang nantinya kita akan memberikan efek bayangan pada gambar yang kita inginkan.

1. Ketika mengupload sebuah gambar pada postingan blog , pada bagian HTML ( bukan compose ) terdapat kurang lebih kode gambar seperti ini

   <div class="separator" style="clear: both; text-align: center;">
   .....bla....bla.....bla.....
   </div>

2. Kemudian kita tambahkan kode box-shadow: 3px 3px 8px #000; ke dalam <div class="separator" style="clear: both; text-align: center;">
3. Sehingga nantinya kodenya akan berubah menjadi power rangers seperti ini :

   <div class="separator" style="box-shadow: 3px 3px 8px #000; clear: both; text-align: center;">

4. Terkahir kita pratinjau terlebih dahulu , jika ada efek banyanganya tinggal publikasikan

Nah itulah 2 Cara Gampang Membuat sekaligus Menambahkan Efek Bayangan Pada Semua Gambar di Blogger . silahkan sobat pilih salah satu dari kedua opsi tersebut , jika suka yang otomatis pakai yang opsi satu , jika pakai yang manual silahkan pakai cara kedua. demikian tutorial memberikan efek shadow pada image blog semoga bermanfaat bagi sobat yang membutuhkan

Sumber: masyadi.com