Assalamu'alaikum, kawan kali ini saya akan share sebuah trik bagaimana cara merubah default atau setandar blogger keversi bahasa arab, yang insya Allah ini akan memudahkan kamu, yang mungkin mau membuat blog dengan blogger, dengan versi bahasa arab, dan trik ini berfungsi, untuk merubah default awal dan akhir penulisan,
Sebagai contoh, bila kamu menulis tulisan latin, pasti kamu menulis dari kiri kekanan, maka dengan trik ini, akan merubah metode penulisan dari kanan kekiri, dan juga pada akan merubah keseluruhan dari bagian atas hingga bawah template sesuai dengan metode penulisan arab, bila sudah paham, berikut ini adalah trik cara merubah default blogger keversi bahasa arab, selamat membaca.
1. Simpan dahulu template kamu.
2. Kemudian pada dashbor kamu klik template >> Edit HTML >> Proceed.
3. Kamu ceklist Expand Widget Templates.
4. Sekarang kamu cari kode berikut, bila sulit gunakan Ctrl+F.
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="right" value="right">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="left" value="left">
#header-inner {
#header-inner {
background-position: center center;
margin-left: auto;
margin-right: auto;
height: 89px;
}
#header {
color: #FFFFFF;
text-align: left;
}
#header-inner {background-position: center center;
margin-right: auto;
margin-left: auto;
height: 89px;
}
#header {
color: #FFFFFF;
text-align: right;
}
7. Kamu cari kode ini.
#outer-wrapper {
Kode keseluruhan.
#outer-wrapper {
font: 110% Arial,Serif;
margin: 0 auto;
text-align: left;
width: 960px;
}
Kemudian kamu rubah seperti ini.
#outer-wrapper {
font: 110% Arial,Serif;
margin: 0 auto;
text-align: right;
width: 960px;
}
8. Kamu cari kode ini.
#main-wrapper {
Kode keseluruhan.
#main-wrapper {
float: left;
margin-left: 0;
margin-top: 5px;
overflow: hidden;
text-shadow: 0 1px 0 #FFFFFF;
width: 610px;
word-wrap: break-word;
}
Rubah kode, hingga menjadi seperti ini.
#main-wrapper {
float: Right;
margin-right: 0;
margin-top: 5px;
overflow: hidden;
text-shadow: 0 1px 0 #FFFFFF;
width: 610px;
word-wrap: break-word;
}
9. Kamu cari kode seperti ini
#sidebar-wrapper {
Kode keseluruhan
#sidebar-wrapper {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiylY0P1trZd6pMx4dk6rPHoUTseUdewRA3_Ryrc-mQPMgeyB6rR_5bhhri3i8zPKcHTb5Cm1i9Xmvm88hQ_yvUCX_6FF1oAcqXOCAh7JdVS2MXknTYR8hij1q1w9cANpq8KxD33F4URfY/s1600/content-top.png") repeat-x scroll right top transparent;
float: right;
margin-right: -10px;
margin-top: -10px;
overflow: hidden;
text-shadow: 0 1px 0 #FFFFFF;
width: 329px;
word-wrap: break-word;
border: 1px solid #D0D7E2;
}
Rubah hingga seperti ini.
#sidebar-wrapper {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiylY0P1trZd6pMx4dk6rPHoUTseUdewRA3_Ryrc-mQPMgeyB6rR_5bhhri3i8zPKcHTb5Cm1i9Xmvm88hQ_yvUCX_6FF1oAcqXOCAh7JdVS2MXknTYR8hij1q1w9cANpq8KxD33F4URfY/s1600/content-top.png") repeat-x scroll right top transparent;
float: left;
margin-left: -10px;
margin-top: -10px;
overflow: hidden;
text-shadow: 0 1px 0 #FFFFFF;
width: 329px;
word-wrap: break-word;
border: 1px solid #D0D7E2;
}
Sumber trik : "arabic blogger templates"
Yap sampai disini dulu cara merubah default blogger keversi bahasa arab, natikan kelanjutannya.
Keren nih tutorialnya. tapi sekarang ini aku lebih memilih default aja deh
BalasHapus@Adrian Firmansyah | Blogger Newbie dari Bekasi
BalasHapusYap, mas Adrian.